网页设计的按钮

作者:
分类: 观点/经验
2010-08-23
5551
3.按钮上面的文字表述

在按钮上使用什么文字传递给用户非常重要。需要言简意赅,直接明了,如:注册、下载、创建、免费试玩等,甚至有时候用“点击进入”,这一点上就是千万不要让观者去思考,越简单、越直接越好

4.按钮的尺寸

通常来讲,一个页面当中按钮的大小也决定了其本身的重要级别,但也不是越大越好,尺寸应该适中,因为按钮大到一定程度,会让人觉得那不像按钮,潜意识的认为那是一块区域,导致没有点击欲望

5.让其充分通

你的按钮不能和网页中的其他元素挤在一起。它需要充足的margin(外边距)才能更加突出,也需要更多的padding(内边距)才能让文字更容易阅读

6.注意鼠标滑过的效果

给予较为重要的按钮适当加一些鼠标滑过的效果,会有力的增强按钮的点击感,给用户带来良好的用户体验,起到画龙点睛的作用。这里要注意的是,不太适合按钮集中的地方,每个都增加高亮的鼠标滑过的效果,这样会造成视觉过于杂乱,影响用户浏览的舒适度,所以要强调的是“恰当”地添加鼠标滑过的效果

设计师在平常的工作当中,经常会遇到一些按钮修改的意见,时不时听到产品人员提到“让这个按钮更像个按钮”,面对这样的问题,不防从上面的6个方向去思考与改进

其实在我们平常的设计当中有很多重量级不那么高的按钮,需要“低调”处理,也就是说在一个页面当中,众多的按钮,是有功能优先级别的,这样就务必让一堆按钮也呈现出视觉的优先级别。如下面的图片,右边的按钮群除了大小、位置区分了优先级之外,很重要的一点是色块的区分,高饱和色块的按钮群是不建议存在的。高饱和色调的应用往往是为了突出重点,而非强调整体,所以这种局面的处理方式建议用众多的低饱和色调来衬托小部分高饱和的重点信息

二、游戏按钮视觉表现

在众多的游戏官网中,可以看到各式各样的游戏按钮,相对于一般商务型按钮来讲,游戏性按钮更加在意的是质感上面的表现,比如金属、石头、玻璃、木头、塑胶等等,通过质感的选择表现来表达游戏本身的特质

上图是韩版C9预告站的画面,其中的按钮是属于金属质感的表现,浏览完这个预告站,这些按钮给我留下了非常深刻的印象,认真究其原因,你会发现设计师同样是从金属质感出发,结合游戏本身的某些特点,努力找到一些不同于常规金属按钮的特点,比如圆角处的凸起、下面中间部分的延展图纹,然后进行细腻刻画,最后在整个网站里进行统一的应用,让人印象深刻。虽然只是页面里的一些功能按钮,却让我记住了这个网站,记住了C9。小结是,建议在对游戏按钮进行设计的时候,能够尽可能结合游戏的特质,究其独特性,细腻的刻画,然后做到系统的应用,达到视觉的统一性(这种在游戏官网上的应用尤为重要)

上面三个按钮分别截取于韩版CF、AVA、特种部队的网页画面,同样是FPS游戏,在按钮的刻画上却相差甚远,当然,仔细再去浏览更多的页面,也会发现,就算是都属于CF的页面,不同页面的按钮表现也各有不同,但我们可以找到他们的共性,这些别样的按钮基本都是整个画面的重点视觉诉求,也是功能的重要点,他们的特点是考虑游戏的定位,然后再根据每次要表达的主题,变化性的设计按钮,也许有游戏特点,也许比较中性,但最终的效果是以求达到整体画面的协调与重点的突出。(这种按钮的变化就比较适合各种专题的设计表现上

0
0
分享到:

0

喜欢他,就推荐他上首页吧^_^

推荐阅读

×

赛事服务联系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

联系我们

  • QQ:33143335 QQ:1904200230
  • 电话:18569912460
  • 投稿:cndesign@163.com
  • 地址:郑州市国家大学科技园东区9号楼2层

版权信息

  移动 Android 版 豫 ICP 备16038122号-2 豫公网安备 41019702002261号