解析网页设计中的按钮设计发布者：本站     时间：2020-05-23 11:05:05

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

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

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

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

解析网页设计中的按钮设计,PS教程,思缘教程网

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

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

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

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