浅谈网页设计动作按钮可没你想的那么简单

3 保留人情味,让按钮看上去更加有趣

不要让你的按钮看上去干巴巴的,千篇一律。如果可以,尽量让你的按钮看上去更加有意思吧。有些情况,甚至可以放弃我之前说的那些规则。

浅谈网页动作按钮可没你想的那么简单,PS教程,

Google的”手气不错”按钮,如果按照前两天规则来说,一定是一个非常不合格的按钮文案。但我却觉得它非常有创意,让用户在操作时,能感受到那么一点乐趣。

还有亚马逊的注册按钮,它没有和其他网页一样,干巴巴的放注册两字。新用户,从这里开始。有一种将客人请到家中的感觉,这种感觉让用户感觉非常体贴。

浅谈网页动作按钮可没你想的那么简单,PS教程,

这是国外的一个买产品网站,它的按钮也不是千篇一律的BUY,而是使用了四个不同的动词。”let’go” ” get me started” ” I’m all in” “bring it on”。

浅谈网页动作按钮可没你想的那么简单,PS教程,

上面是对按钮文字的见解,接下来说说按钮的形状

使用适当的指示图形

一个按钮上的箭头启示,直观地告诉用户,单击该按钮将执行相应的操作,带他们到另一个页面以从事一项任务。很多按钮文字上无法描述的语言,使用指示图形后,就非常直观了。

看起来有些不好理解,看个案例,你就明白了。

这是我在做财付通机票时,订机票的一个详情页。

浅谈网页动作按钮可没你想的那么简单,PS教程,

财付通机票,选择航班后,会出现各个供货商的机票信息。但选择按钮上没有任何图形指示,用户不知道点击完选择按钮后出现的选择框完全没有预期。预订按钮上也没有图形指示,不知道点完选择后,是跳到新页面还是如何。