导语:按钮是 UI 设计中最重要但仍被忽略的 UI 元素之一,了解按钮设计有十分必要的意义,本篇文章作者将按钮解剖并进行解析,通过快速并可操作性极高的五个黄金法则,重点介绍了提升按钮设计的技巧。让我们一起来跟随作者进行学习,并将理论付诸于实践,让自己的按钮焕然一新!

经过 “设计用户界面” 一章,我们全面了解了 UI 设计的所需的所有基础知识并启动了我们的 APP 项目,是时候深入探讨最重要之一却一直被忽略的 UI 元素了。之前,我已经在一些更详细的文章中介绍了按钮,但是这次,我想重点介绍快速、可操作的技巧,你可以立即使用它们来 提升项目的质量。
一、什么是按钮?
按钮是 一个具有明确指示动作的交互元件。例如,如果按钮上显示 “立即支付”,则单击它可能会要求你提供信用卡详细信息。

在 UI 设计中,按钮是必不可少的,因为大多数界面都需要我们采取某种行为才能继续。无论是保存,审核还是下载内容等操作,按钮无处不在。使用按钮可以做更多的事情,接下来我将阐述五个简单的步骤更好地来设计按钮,要注意,他们虽简单,但却非常重要。
按钮具有几个定义特征:

一个典型的按钮具有 填充,边框和 阴影 这几个属性。对于距离而言,它们有一个内边距和一个外边距,这是我们按钮的安全空间。
通过设置 圆角值,按钮的形状可以变成尖锐的或完全圆润的角。按钮上的标签通常是 文本,有时可能会带有 图标。向按钮添加一个向右的V形图标,将增加页面转换率(>)。标签文本由字重,颜色和字体样式定义。
现在你已经了解了基础知识,接下来,我将提出改善按钮设计的 五个黄金法则:
闽ICP备13000641号-4