我们所做的大多数UI设计决策都是将用户引向链接或按钮。

大小

UI设计中的按钮和链接，就像排版一样，应该有一些变化。毕竟，并不是所有的动作都具有同等的重要性，正如我们前面所讨论的，颜色是一种不可靠的交流方法，所以它不能成为影响视觉层次的主要方法。我们还需要摆弄尺寸。

通常，我们建议将按钮文本声明为18px(与正文文本相同)，但按钮本身的大小有三种变化:

• 普通:高度44px(圆角:5px)
• 大:高度54px(圆角:10px)
• 特大号:高度64px(圆角:15px)
• 这使我们能够使某些按钮看起来更重要，而不依赖于颜色，也可以嵌套按钮(例如，在一个看起来最小的表单字段中使用一个按钮)。

UI设计中的颜色深度

无论点击目标是按钮还是表单字段，阴影都应该用来增加深度，从而显示互动性。对于按钮和表单字段的所有变体使用单一阴影样式就可以了。增加按钮大小可以让你使某些按钮看起来更重要，而不依赖于颜色。

交互性

每个按钮类型都需要变化来表示其悬停状态。这会向用户澄清他们所尝试的操作是完全正确的，并确保他们能够毫不拖延地进行下去。这实际上是保持视觉一致性的一个更复杂的方面，因为在创建状态时，颜色通常是最受欢迎的样式。值得庆幸的是，这些状态变化可以是相对微妙的，所以可以将颜色改变为稍微浅一点或深一点的变化——这就是它们的作用。这也适用于链接。

如果我们不这么做，就会导致我们使用一种已经具有重要意义的颜色，从而导致用户感到困惑，或者决定使用另一种颜色。决定使用次要颜色是完全可以的，但它应该用于营销视觉效果而不是UI设计元素。少即是多(也更容易)。

记得对每个画板重复此步骤。不要将品牌CTA按钮包含在品牌画板上——稍后我们将讨论当某些组合不起作用时会发生什么。

转载请保留出处及原文地址:https://www.shishangjue.com/article/417.html