盘点按钮设计的常见的11个问题
发布时间:2020-11-16 20:29

  按钮是界面设计中的关键性元素,引导用户进行下一步交互。对话框、输入框、工具栏等很多组件都需要按钮。在这里,我们将盘点一下按钮设计中最常遇到的问题。

  按钮设计的基本准则很简单——让按钮看起来像按钮。边框加强了传统按钮的感觉,并为用户创建了引人注目的目标。

  如果没有边框,元素看起来更像是一个链接而不是按钮,所以在可选择的情况下,使用带边框的设计会更安全。

  颜色作为视觉语言,是与用户进行交流的重要组成部分。选择颜色时,需要记住以下几点:

  另外在设计时,要根据产品整体的视觉形式来选择合适的按钮形状。如果页面中使用了很多方形的设计,也应该使用方形按钮。

  近年来,空心按钮(Ghost buttons)变得很流行,常用于登录页面中。但在用户体验方面,空心按钮的视觉重量较小,吸引用户注意力的效率要低很多。通常填充按钮由于具有更高的色彩对比度而用于强调。

  有时可能需要这两类按钮同时显示,在这种情况下,填充按钮吸引最多的注意力,作为主要CTA(即行为召唤,设计师有意识地通过设计引导用户执行特定操作,诸如点击按钮、留下联络方式或点击购买)。空心按钮起到辅助作用。

  建议使用动词来清楚地描述操作,例如当用户发送电子邮件时,应该使用的标签为“Send(发送)”而不是“Submit(提交)”。

  有时设计师会过分关注文本标签中的字数。虽然更多文字可能意味着更清晰,但也可能造成视觉混乱。

  所有字母都大写会造成文本难以阅读和理解,研究发现,全部大写的标题阅读时间要延长13%到20%。同时字母全部大写会让用户觉得被动。

  如果用户不清楚含义,可使用图标、文本相结合的方式来表达——图标用来吸引注意力,文本用来解释按钮的含义。

  虽然阴影能增加按钮的突出度,凸显重点,但最终是否使用取决于界面的样式。如果界面中大多数UI元素是平面的,可能就不需要在按钮上使用阴影。

  译者:Clippp,微信公众号:Clip设计夹。每周精选设计文章,专注分享关于产品、交互、视觉上的设计思考。

  本文由 @Clippp 翻译发布于人人都是产品经理,未经作者许可,禁止转载。

  听到很多言论说在中国程序员是吃青春饭的,那么产品经理呢,也吃青春饭吗?

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。

服务热线
在线咨询
资深顾问 资深顾问