程序员人生 网站导航

你好,button!小谈网页设计的按钮

栏目:互联网时间:2013-11-18 09:38:21

  说起按钮,不得不先提一下链接,因为在大部分人看来,似乎按钮与链接差不多,都是完成一个页面的跳转。其实不然,按钮与链接还是有一定的区别。

  先简单说说他们的区别吧。

  按钮:按钮代表着“做某件事”,即点击了按钮代表着操作了一个功能,做的这件事是有后果的,不易挽回的。例如典型的google,QQ邮箱。像信息搜索、回复、注册,他们的共同点是:都是在“做”一件事,并且绝大多数都是对表单的提交。从技术上讲,这类按钮的作用是向后台提交了数据,“命令”服务器去做了一件事。

  链接:链接的作用是:“带你去另一个页面”,你无论点几次链接,都是在“看”,而并没有“做”任何事。典型的链接是文字标题,点击了去看详情。

  假如这样严格来区分按钮与链接的区别,好处是在逻辑上会非常清晰。然而,现实的问题是,按这种思路设计出来的网站,在一些需要被强化的地方,一些需要引导用户点击的地方,仅用链接很难在视觉上突出表现。再回到我们游戏页面设计的现状来看,其实按钮与链接也并没有严格区分,而且,假如严格区分,跟我们要表达视觉上的优先级别会有冲突。典型案例:各游戏引导页里的“进入官网”,严格来讲,它的作用也只是让观者顺利跳转到另一个页面,是属于链接,但这个往往是我们特别强调的“按钮”。所以在游戏页面的设计过程中,是否需要严格区分两者的区别,还有待讨论……

  小结一下当前大部分人理解的按钮:有一个外框(这个框可以是任何几何形体,比如方、圆、椭圆等等),再上面有一些文字(比如:下载、注册、充值、搜索、登录,抽奖等等),满足了这两个基本条件的,大家就认为是按钮,按钮的本质特点就是可以点击。

  一、下面是针对没有严格区分两者关系的按钮视觉表现探讨

  当前在页面里要强调的链接自然会以按钮的形式表现,尤其所谓重量级按钮是促成观者完成页面功能的一个很重要的部分,所以对于其本身来讲,应该具有“勾引眼球”的效果。对于一个可以起到“勾引”作用的按钮,建议从下面几个方面来思考。

  1.按钮本身的用色

  本身的颜色应该区别于它周边的环境色,因此它要更亮而且有高对比度的颜色。

  

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐