网页规划的按钮评论

说起按钮，不得不先提一下链接，因为在大部分人看来，好像按钮与链接差不多，都是完结一个页面的跳转。其实不然，按钮与链接还是有必定的差异。

先简略说说他们的差异吧。

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

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

假设这样严厉来差异按钮与链接的差异，好处是在逻辑上会十分清晰。然而，实际的问题是，按这种思路规划出来的网站，在一些需求被强化的当地，一些需求引导用户点击的当地，仅用链接很难在视觉上杰出体现。再回到我们游戏页面规划的现状来看，其实按钮与链接也并没有严厉差异，而且，假设严厉差异，跟我们要表达视觉上的优先等级会有抵触。典型案例：各游戏引导页里的“进入官网”，严厉来讲，它的作用也仅仅让观者顺畅跳转到另一个页面，是归于链接，但这个往往是我们特别着重的“按钮”。所以在游戏页面的规划过程中，是否需求严厉差异两者的差异，还有待评论……

小结一下当时大部分人理解的按钮：有一个外框（这个框能够是任何几何形体，比方方、圆、椭圆等等），再上面有一些文字（比方：下载、注册、充值、查找、登录，抽奖等等），满意了这两个根本条件的，大家就认为是按钮，按钮的本质特色便是能够点击。

一、下面是针对没有严厉差异两者联系的按钮视觉体现评论

当时在页面里要着重的链接自然会以按钮的形式体现，尤其所谓重量级按钮是促成观者完结页面功用的一个很重要的部分，所以对于其自身来讲，应该具有“蛊惑眼球”的作用。对于一个能够起到“蛊惑”作用的按钮，主张从下面几个方面来考虑。

1.按钮自身的用色

自身的色彩应该差异于它周边的环境色，因而它要更亮而且有高对比度的色彩。

2.按钮的方位

按钮的方位也需求细心讲究，根本原则是要容易找到，特别重要的按钮应该处在画面的中心方位。

3.按钮上面的文字表述

在按钮上运用什么文字传递给用户十分重要。需求言简意赅，直接明晰，如:注册、下载、创建、免费试玩等，乃至有时候用“点击进入”，这一点上便是千万不要让观者去考虑，越简略、越直接越好。

4.按钮的尺度

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

5.让其充分通透

你的按钮不能和网页中的其他元素挤在一同。它需求充足的margin(外边距)才能愈加杰出，也需求更多的padding(内边距)才能让文字更容易阅览。

6.注意鼠标滑过的作用

给予较为重要的按钮适当加一些鼠标滑过的作用，会有力的增强按钮的点击感，给用户带来杰出的用户体会，起到画龙点睛的作用。这儿要注意的是，不太合适按钮会集的当地，每个都添加高亮的鼠标滑过的作用，这样会造成视觉过于凌乱，影响用户阅读的舒适度，所以要着重的是“恰当”地添加鼠标滑过的作用。

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

其实在我们平常的规划当中有很多重量级不那么高的按钮，需求“低沉”处理，也便是说在一个页面当中，很多的按钮，是有功用优先等级的，这样就务必让一堆按钮也呈现出视觉的优先等级。如下面的图片，右边的按钮群除了巨细、方位差异了优先级之外，很重要的一点是色块的差异，高饱和色块的按钮群是不主张存在的。高饱和色调的使用往往是为了杰出要点，而非着重整体，所以这种局面的处理方式主张用很多的低饱和色调来衬托小部分高饱和的要点信息。

二、游戏按钮视觉体现

在很多的游戏官网中，能够看到各式各样的游戏按钮，相对于一般商务型按钮来讲，游戏性按钮愈加在意的是质感上面的体现，比方金属、石头、玻璃、木头、塑胶等等，经过质感的挑选体现来表达游戏自身的特质。

上图是韩版C9预告站的画面，其中的按钮是归于金属质感的体现，阅读完这个预告站，这些按钮给我留下了十分深入的印象，认真究其原因，你会发现规划师同样是从金属质感出发，结合游戏自身的某些特色，努力找到一些不同于常规金属按钮的特色，比方圆角处的凸起、下面中间部分的延展图纹，然后进行细腻描写，最后在整个网站里进行统一的使用,让人印象深入。尽管仅仅页面里的一些功用按钮，却让我记住了这个网站，记住了C9。小结是，主张在对游戏按钮进行规划的时候，能够尽可能结合游戏的特质，究其独特性，细腻的描写，然后做到系统的使用，到达视觉的统一性（这种在游戏官网上的使用尤为重要）。

上面三个按钮别离截取于韩版CF、AVA、特种部队的网页画面，同样是FPS游戏，在按钮的描写上却相差甚远，当然，细心再去阅读更多的页面，也会发现，就算是都归于CF的页面，不同页面的按钮体现也各有不同，但我们能够找到他们的共性，这些异样的按钮根本都是整个画面的要点视觉诉求，也是功用的重要点，他们的特色是考虑游戏的定位，然后再依据每非必须表达的主题，改变性的规划按钮，或许有游戏特色，或许比较中性，但最终的作用是以求到达整体画面的协调与要点的杰出。（这种按钮的改变就比较合适各种专题的规划体现上）

结束语：请注重按钮的体现。