UI基础设计原则（一）

随着交互专业的发展，我们希望不断发现和学习新的技巧和趋势，与此同时，掌握UI设计的基础原则也同样重要。本文将带

您了解一些UI设计的基本原则，这些原则可驱使您设计出用户体验极佳的数字产品。

1、 Hierarchy层次结构

层次结构，就像其传统含义一样，是按项目的重要性或权重在屏幕上的排列顺序。视觉层次结构说明了我们如何有效地组织

内容和设计元素。视觉上更具分量的元素很容易引起用户的注意。因此，在进行产品设计时，衡量设计布局成为了重要的步

骤：

在设计内容与元素之间建立视觉上的联系

为每个设计元素添加不同的视觉权重

最终创造出平衡的视觉层次，引导用户的视线

例如，博客标题比正文需要更多关注。同样，在界面设计中，号召性用语（Call To Action）可能比其他方面更加重要。每

当我们尝试以视觉方式理解信息时，我们首先会观察到所见事物的异同，这些关系使我们能够区分对象的优先级。

以下是构建视觉层次结构中至关重要的4个基本元素：

1）大小

大小是重要的工具，尤其是在文本的情况下。人们倾向于认为更大的文字意味着更重要的内容。另外，较大的元素更引人注

目，这就是为什么我们的眼睛会自动捕捉较大的文本，图像或插图。因此，设计人员应了解屏幕上每个元素的优先级，并据

此调整大小。

2）颜色

颜色在层次结构创建中起着有效的作用，就连最基本的黑色也会对用户的浏览模式产生巨大影响。

用户在情感上与色彩联系在一起，因此可以巧妙地使用不同的组合来指导用户对整个数字产品采取预期的操作。可以使用不

同的色调，例如柔和，大胆，明亮的色调，对视觉层次进行区分。除此之外，设计师应该对色轮进行详细研究，以便更熟练

地选择颜色。

3）对比

对比是建立视觉层次结构的重要一环：我们使用颜色，字体重量，字体大小等来创建对比度。

4）留白

留白是视觉设计元素中的一种，如果使用得当，它将有助于创建出色的界面。它可帮助用户理解各个设计元素之间的关系，

给予适当的负空间来传达正确的信息。

2、对比Contrast

对比是另一个重要原则，可帮助我们设计更好的界面。这不仅只涉及到浅色和深色的对立，也涉及到大小和尺寸的对比。对

比可以帮助我们更好地组织设计内容，也可以帮助用户视线专注于某些元素。

但是，不平衡的对比可能会使用户感到困惑，因为它可能会创建许多焦点，导致用户很难采取预期的行动。

对比涉及到的内容包括以下方面：

尺寸

颜色

重量

样式

衬线字体和无衬线字体

填充