App 按钮的背后，这些学问你都不知道(2)

5. 虚拟按钮

2014年，UI 设计领域的主导性演变趋势之一就是虚拟按钮的应用。虚拟按钮是有基本形状的透明或中空按钮，按钮形状通常是矩形或正方形。

虚拟按钮也被称为「中空（empty）按钮」、「裸露（naked）按钮」或「镂空（hollow）按钮」。虚拟按钮的边框通常是一条非常细的线条，框内即纯文本。

普通设计（左）和聚焦设计（右）

虚拟按钮最初始于扁平化设计的发展演变，当苹果发布 iOS 7 后就变得非常流行。苹果 iOS 界面有很多虚拟按钮的应用。

简约的矩形方框加上框内整洁的字体，使得扁平化界面看起来非常完美。

「Name」、「Release Data」以及「Featured」类似虚拟按钮。「GET」是虚拟按钮。

虚拟按钮通常看似行为号召（Call to Action, 简称 CTA）按钮，同时展示其清爽外观。Specular 网站是应用此类按钮的一个很好的范例。

 Specular 网站上使用了扁平化按钮「立即购买（PURCHASE NOW）」作为主要操作按钮，同时使用虚拟按钮「浏览（TAKE TOUR）」作为次要操作按钮。

二、按钮设计的基本最佳实践

在开始设计按钮之前，要考虑你的设计如何向用户传达出可供性（Affordance，可供性就设计而言，其着重于物体与用户之前的关系，以及其达到的效果和提示作用）。那用户如何将交互界面元素理解为按钮呢？鉴于此，在设计中你更应该：

此外，还要确保在所有界面交互控制中保持一致性，这样用户就能在 app 或网站的每个页面上从 UI 元素中识别出按钮。

1. 外形

稳妥的方式就是根据网站或 app 的风格来设计方形按钮或圆角方形按钮。矩形状按钮很久之前就应用于数字世界的设计，用户对此也非常熟悉了。

（编辑：ASP站长网）