一种好的设计不仅可以解决正确的问题，而且可以为用户带来积极的情绪。追溯过去，一种物理产品可能是通过5种人类感官创造情感的。但是对于数字产品而言似乎很难，因为它只是设备屏幕上的干互动，其后是一系列服务。

因此，数字产品设计师需要对每种类型的情绪以及可以产生这种情绪的心理原理有更深入的了解。

根据唐·诺曼（Don Nor m an）的研究，人们通过三个层面的对象来发展情绪：

• 内脏情感： “用户想要的感受”
• 行为情感： “用户想要做什么”
• 反思性情感： “用户想要成为谁”

在第一阶段，设计将通过用户的视力以及与产品的交互来产生情感。因此，这是UI设计师展示其技能的地方。除了美学和基本的图形设计原理外，以下是到目前为止我一直在设计中应用的心理规则。

 

格式塔原则

相似定律

人眼倾向于将相似的元素连接在一起，而大脑将假定这些元素具有相同的用途。

因此，在设计具有相同功能或内容的界面元素时，请使其一致。

应用程序：导航，画廊，卡片，横幅，内容，分页。

连续定律

人眼将连续体中排列的元素视为一个组。该定律与对称性和相似性非常相关。通过在序列上创建相似且重复的元素，我们可以引导用户朝着想要的方向发展。它使阅读信息更加连贯和清晰。

轮播是一种应用此规则的设计，可为用户提供仍然有需要查看的信息的指示。

应用程序：菜单和子菜单，列表，产品安排，轮播，服务或进度/过程。

封闭法

当查看不完整的图像时，大脑依赖于以前的经验并填补其余的经验。

这是图形或徽标设计中的常用规则。但是，在产品设计中，我们可以将其用于图标和加载。

应用程序：图标，加载，数据可视化。

邻近法则

这是UI设计中的基本规则，因为人眼会将任何相邻元素视为一个组。

在设计时，我非常注意使用间距将元素分组在一起。我通常使用较大的空间来分隔大型内容组，然后使用较小的空间来存储较大内容中的较小内容组。

应用程序：导航，画廊，卡片，横幅，内容，分页。

对称与秩序定律

我们的大脑喜欢看到对称且平衡的事物。它是所有设计领域中最常用和最安全的法则。它有助于我们营造一种稳定和秩序感。

在设计要求简单，可视化和协调的产品时，我经常对它们应用对称性。当需要专注于重要内容时，它还可以使观看者感到更加舒适。缺点是，如果使用过度，产品可能会变得无聊和单调。通常，我会向标题或CTA提出申请，以更好地强调和号召采取行动。

应用程序：画廊，横幅，内容丰富，产品展示，列表，导航。

人物/地面定律

该定律是关于人眼注意到与背景分离的事物或将群体组合在一起的趋势。

我使用此规则来引导用户的眼睛预览重要信息。通常是带有浅阴影的卡片设计，用于在背景上方放置一层。此外，组框也是应用此规则的一种方法。

应用程序：卡，内容，列表，服务，摘要。

共同命运法则

在相同方向上移动的元素被认为比固定元素或在另一个方向上移动的元素更为相关。此规则应用程序可帮助我们在组和状态之间建立关系。

在制作动画时，我经常更明确地使用此规则。但是，我们仍然可以适用于多种因素。

应用程序：导航/下拉菜单，折叠，手风琴，工具提示，产品滑块，视差滚动和指示器。

 

锚点

当我们看事物时，我们的眼睛往往会首先关注最突出的元素。了解此行为将有助于我们在设计中创建一个“锚点”，从而促使用户按照我们的方案查看内容。

应用程序：内容，LandingPage，定价，产品页面，横幅。

 

冯·雷斯托夫效应

也称为隔离效应，它表明人们倾向于注意到和记住与其他部分不同的部分。该规则很容易与联络点法相混淆。不同点在于，应用此规则的元素通常分开放置，并且没有向用户导航更多信息的额外功能。

应用程序：定价表，促销标语，高级升级。

 

情绪反应

根据现实世界的用户体验创建视觉上引人入胜的体验。就像观看视频时，每次高潮的笑话都带有笑声旁白一样，我们笑起来就容易多了。如果让我们感觉良好和舒适，用户会喜欢我们的设计。

应用范围：产品图像，插图，摄影。

 

色彩心理学

有许多研究表明，颜色对我们的潜意识有特殊的影响。性别，宗教和文化之间对颜色的看法也有所不同。这张彩色心理学海报是足够的信息。

另外，让我们不要忘记早期已广泛使用的系统颜色：

• 红色：错误
• 绿色：成功
• 蓝色：进行中
• 黄色：警告

 

形状心理学

就像颜色一样，人类的潜意识对不同的形状也有不同的反应。例如：

• 圆形，椭圆形和椭圆形：发送积极的信息，通常与社区或关系有关。
• 正方形和三角形：传递强烈的信息，通常与强度和稳定性相关。
• 垂直线：代表强度，强度或攻击性。
• 水平线：表示平静，相等或安静。

 

双重编码理论

该理论解释说 ，人类需要视觉和语言信息来尽快处理信息。而且，人类是视觉动物；我们的大脑处理图像的速度比文本快60,000倍。为了最大程度地提高设计效率，我们不应删除说明文字。

一个明显的例子是应用程序的导航栏。大多数新应用程序或具有复杂功能的应用程序都设计有图标和标签。

另一个例子：

 

并行设计

人眼倾向于看到平行因素比其他因素更相关。我经常使用此原理对同一屏幕内的两个不同的内容类别进行分类。最容易看到的可能是Facebook Messenger屏幕，其中的故事并排排列，消息水平排列。

 

共同区域

该原理类似于格式塔原理中的相似性定律，但它并不止于相同。公共区域是通过我们使用按线，形状或颜色划分的方式创建的。

如果屏幕要求用户滚动很多以查看内容，则我们应该有一些方法可以将其划分得更加清晰，而不仅仅是使用间距。

应用程序：清单，新的提要。

扫描图案

根据NNGroup，UXPin等组织或组织的各种研究，最常用的两种扫描模式是“ F”和“ Z”。

• F被最广泛地使用，尤其是对于内容丰富的网站。
• Z用于不太注重文字的网站，通常在最后强调强调号召性用语。

一旦了解了如何使用这些模式，我们就可以选择布局并有效地布置元素以实现我们的设计目标。

第一印象是最令人难忘的，积极的体验可以在用户和产品之间建立持久的关系。如果我们能够让用户从一开始就喜欢设计，那么我们已经为我们的产品创造了相当不错的优势。

原作者：Hoang Nguyen