在UI设计中考虑样式链接和按钮

  • By 本站 - 2022-10-03 22:16
  • Read:415

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

大小

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

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

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

UI设计中的颜色深度

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

交互性

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

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

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


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

上一篇:为UI设计选择正确的配色     下一篇:如何创建UI设计组件

直线

设计总监
138-0225-7571

微信
WhatsApp

WhatsApp
+8613802257571