按钮是界面设计中的要害性元素，引导用户举办下一步交互。对话框、输入框、东西栏等许多组件都需要按钮。在这里，我们将盘货一下按钮设计中最常碰着的问题。

01 可以利用无边框的按钮吗？

按钮设计的根基准则很简朴——让按钮看起来像按钮。边框增强了传统按钮的感受，并为用户建设了引人注目标方针。

假如没有边框，元素看起来更像是一个链接而不是按钮，所以在可选择的环境下，利用带边框的设计会更安详。

02 应该为按钮选择什么颜色？

颜色作为视觉语言，是与用户举办交换的重要构成部门。选择颜色时，需要记着以下几点：

色彩光鲜的按钮更容易被发明。在Gmail界面中“发送”按钮会当即吸引用户的留意。

颜色强调了行动的本质。可以通过颜色的常见寄义来确定选择。对付大概存在危险的操纵(譬喻删除用户信息)，则选择赤色。

无论选择哪种颜色，都要确保让利用产物的用户可以或许领略这些颜色的寄义。

03 利用圆形照旧方形的按钮？

圆形按钮对用户来说有两个利益：

圆形在视觉上更讨人喜欢。人们会很自然地避开尖利的物体，譬喻削尖的铅笔，尖利的针等物体。

圆形按钮将用户的留意力指向了按钮中心，即文本标签地址的位置，因此用户更有大概阅读标签。

别的在设计时，要按照产物整体的视觉形式来选择符合的按钮形状。假如页面中利用了许多方形的设计，也应该利用方形按钮。

04 如何设计按钮的尺寸巨细？

按钮的目标是让用户能最洪流平地淘汰错误操纵的风险，轻松地与界面交互。

按钮的尺寸要求：

担保文本标签的易读性和可读性。(请查抄所选的字体在较小的屏幕上是否清晰可见！)

让按钮易于点击，小的触摸方针会增加错误操纵的风险。发起建设尺寸为9mm的控件，以便可以用手指精确地敲击它们。

05 利用有填充照旧无填充按钮？

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

有时大概需要这两类按钮同时显示，在这种环境下，填充按钮吸引最多的留意力，作为主要CTA（即行为呼叫，设计师有意识地通过设计引导用户执行特定操纵，诸如点击按钮、留下联结 *** 或点击购置)。空心按钮起到帮助浸染。

06 如何写出得当的文本标签？

文本标签描写了当用户点击按钮时将产生的操纵。

发起利用动词来清楚地描写操纵，譬喻当用户发送电子邮件时，应该利用的标签为“Send(发送)”而不是“Submit(提交)”。

07 按钮中利用几多文本作为标签？

有时设计师会过度存眷文本标签中的字数。固然更多文字大概意味着更清晰，但也大概造成视觉杂乱。

这里留意两点：

制止换行。为了保持文本的可读性，文本标签应该保持在一行上。

按钮容器的宽度不能小于文本。

08 文本标签可以全部大写吗？

所有字母都大写会造成文本难以阅读和领略，研究发明，全部大写的标题阅读时间要耽误13%到20%。同时字母全部大写会让用户以为被动。

09 可以用图标替换文本吗？

可以替换，但前提是该图标有一个通用的寄义（如主页、打印或购物车）。