什么是快按钮，按钮快速设计指南( 二 ) _好文章阅读

文章插图
您该当考虑按钮元素的大小，以及可点击元素之间的填充，因为填充有助于松散控件，并为您的用户界面供给充沛的呼吸空间。

文章插图
１个按钮之间的填充示例
供给可视回声
这个求告是关于与UI元素的交互体验。通常，按钮不是单外形工具。它具有多外形，并向用户供给视觉回声以指示当前外形该当是优先级更高的义务。Material Design的无效图示懂得地说相识?理睬如何传播差别的按钮外形：

文章插图
确保考虑按钮的悬停，点按和勾当外形

文章插图
此动画施展剖析按钮在操纵中的举止
视觉个别最紧急的按钮
确留存理强调首要或更优先的举止。操作颜色和较量度可让用户惟一于操纵，并将按钮放在用户最有或许留神到的背眼位置。
紧急按钮（譬喻CTA）用于领导用户采取您希望他们采取的操纵。要竖立无效的号召性用语按钮，抓住用户的留神力并诱使他们点击，我们该当操作与靠山高较量度的颜色，并将按钮放在用户的途径中。
假如我们看看Gmail的UI，界面非常简单，几近是单色的，除了“发送”按钮。１旦用户写完１条动静，他们马上就会留神到这个漂明的蓝色按钮。

文章插图
向灰度UI减少１种颜色也许简单无效地排汇留神力
一样的规则实用于web 。假如你看看下面的Behance例子，第１件会引起你的留神是１个“注册”号召性用语按钮。在这类环境下，颜色和位置比文本更紧急。

文章插图
请点击此处输最紧急的号召性用语按钮与靠山脱颖而出
首要和首要按钮的可视区分率
【什么是快按钮，按钮快速设计指南】我们也许找到另１个例子，经由表单和对话框中的按钮排汇用户的留神。当在首要和首要举措之间截至决议时，视觉分辨是救助人们做出可靠决议的无效设施：
·与按钮相联系关系的首要积极感化需要通知更强的视觉分量。它该当是视觉劣势按钮。
·首要操纵（譬喻“取消”或“返回”等选项）应具有最弱的视觉分量，因为增加首要操纵的视觉个别最小化了潜在不同错误的风险，并进１步引导人们获取腐朽的结果。

文章插图
留神主举措如何在颜色和较量度更强
按钮管理清单
固然每个管理凡是独１无2的，但每个管理都有１套规则可循。这即是有１个好的管理清单具有的价格。为了确保您的按钮管理是适当您的用户，你需要提出几个问题：
·用户可否将您的元素标识为按钮？想想管理如何相反。使按钮看起来像１个按钮（操作大小，形状，暗影和颜色的目的）。
·按钮的标签可否供给了关于点击后会发生甚么的清楚指示？通常更好命名１个按钮，评释它做甚么，而不是操作通用标签（如“OK”）。
·你的用户也许重要找到按钮吗？在页面上您调剂按钮与其形状，颜色和标签上１样紧急。考虑用户经由页面的途径，并调剂按钮，用户也许重要找到它们或冀望它们。
·假如您的视图中有两个或更多按钮（譬喻对话框），具有首要操纵的按钮可否具有最强的视觉分量？经由对每个按钮操作差别的视觉权重，使两个选项之间的分辨懂得。

文章插图
当查看“提交”按钮的视觉分辨时，它该当在视觉上优于另１个按钮
总结
按钮是创举流畅用户体验的关头成份，是以值得留神的是他们更好的基础?底细实践。疾速追念：
使按钮看起来像按钮。
标签按钮的感化。
操作户也许找到他们或冀望他们的按钮。
更朋侪的按钮交互。
按钮懂得可辨、主次懂得。
当你管理大家的按钮时，从最紧急的那些初阶，并记住，按钮管理最紧急的是辨认和懂得度。