网页按钮设计技巧
http://itpx.eol.cn 来源: 作者: 2010-08-24 大 中 小
说起按钮,不得不先提一下链接,因为在大部分人看来,似乎按钮与链接差不多,都是完成一个页面的跳转。其实不然,按钮与链接还是有一定的区别,先简单说说他们的区别吧。
按钮:按钮代表着“做某件事”,即点击了按钮代表着操作了一个功能,做的这件事是有后果的,不易挽回的。例如典型的google,QQ邮箱。像信息搜索、回复、注册,他们的共同点是:都是在“做”一件事,并且绝大多数都是对表单的提交。从技术上讲,这类按钮的作用是向后台提交了数据,“命令”服务器去做了一件事。
链接:链接的作用是:“带你去另一个页面”,你无论点几次链接,都是在“看”,而并没有“做”任何事。典型的链接是文字标题,点击了去看详情。
假如这样严格来区分按钮与链接的区别,好处是在逻辑上会非常清晰。然而,现实的问题是,按这种思路设计出来的网站,在一些需要被强化的地方,一些需要引导用户点击的地方,仅用链接很难在视觉上突出表现。再回到我们游戏页面设计的现状来看,其实按钮与链接也并没有严格区分,而且,假如严格区分,跟我们要表达视觉上的优先级别会有冲突。典型案例:各游戏引导页里的“进入官网”,严格来讲,它的作用也只是让观者顺利跳转到另一个页面,是属于链接,但这个往往是我们特别强调的“按钮”。所以在游戏页面的设计过程中,是否需要严格区分两者的区别,还有待讨论……
小结一下当前大部分人理解的按钮:有一个外框(这个框可以是任何几何形体,比如方、圆、椭圆等等),再上面有一些文字(比如:下载、注册、充值、搜索、登录,抽奖等等),满足了这两个基本条件的,大家就认为是按钮,按钮的本质特点就是可以点击。
一、下面是针对没有严格区分两者关系的按钮视觉表现探讨
当前在页面里要强调的链接自然会以按钮的形式表现,尤其所谓重量级按钮是促成观者完成页面功能的一个很重要的部分,所以对于其本身来讲,应该具有“勾引眼球”的效果。对于一个可以起到“勾引”作用的按钮,建议从下面几个方面来思考。
1.按钮本身的用色
本身的颜色应该区别于它周边的环境色,因此它要更亮而且有高对比度的颜色。
2.按钮的位置
按钮的位置也需要仔细考究,基本原则是要容易找到,特别重要的按钮应该处在画面的中心位置。
免责声明:
① 凡本站注明“稿件来源:中国教育在线”的所有文字、图片和音视频稿件,版权均属本网所有,任何媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发表。已经本站协议授权的媒体、网站,在下载使用时必须注明“稿件来源:中国教育在线”,违者本站将依法追究责任。
② 本站注明稿件来源为其他媒体的文/图等稿件均为转载稿,本站转载出于非商业性的教育和科研之目的,并不意味着赞同其观点或证实其内容的真实性。如转载稿涉及版权等问题,请作者在两周内速来电或来函联系。