在UI界面设计中的5条视觉设计原则及使用

本文定义了 5 个影响用户体验的视觉设计原则： 1、比例 2、视觉层次 3、平衡 4、对比 5、格式塔，他们不仅创造了漂亮的设计，遵循这 5 条视觉设计原则可以提高用户的参与度并提高产品整体可用性。

 1. 比例
这是一条很常用的设计原则：几乎每一个好的视觉设计都会离开不开她。如：比例原则是指使用相对大小来表示组合的重要性和排名。换句话说，当正确使用这一原则时，设计中最重要的元素大于不重要的元素，这一原则背后的原因很简单：当事物很大时，更容易被注意到，通常视觉上令人愉快的设计通常使用不超过3种不同的尺寸，一系列不同尺寸的元素不仅会在你的布局中创造多样性，还会在页面上建立视觉层次结构。确保在最大化设计中最重要的方面。当比例原则正确使用并强调正确的元素时，用户将很容易聚焦到视觉上并知道下一次操作。

2. 视觉层次
您的用户将很容易理解具有良好视觉层次结构的布局，视觉层次的原则是指引导页面上的眼睛，使其按重要性顺序关注不同的设计元素。 视觉层次结构可以通过比例、值、颜色、间距、位置和各种其他信号的变化来实现。 视觉层次结构控制体验的传递。如果您很难确定在页面上的哪个位置查看，则其布局很可能缺少清晰的视觉层次结构。 要创建清晰的视觉层次结构，请使用 2-3 字体大小向用户指示哪些内容是最重要的，或者在页面的迷你信息架构中处于最高级别。或者，考虑为重要的物品使用明亮的颜色，为不太重要的物品使用柔和的颜色。 比例还可以帮助定义视觉层次，因此为您的不同设计元素合并各种比例。一般的经验法则是在设计中包括小型、中型和大型组件。

3. 平衡
平衡就像跷跷板：平衡设计元素而不是重量，平衡原则是指设计元素的令人满意的排列或比例，当通过屏幕中间的假想轴的两侧存在均匀分布（但不一定对称）的视觉信号量时，就会出现平衡。该轴通常是垂直的，但也可以是水平的。 就像平衡重一样，如果你在轴的两侧有一个小的设计元素和一个大的设计元素，设计会感觉有点不平衡。在创造平衡时，设计元素占据的面积很重要，而不仅仅是元素的数量。 

4.对比
这是另一个常用的原则，它使您的设计的某些部分对您的用户脱颖而出。 定义：对比原则是指将视觉上不同的元素并置以传达这些元素不同的事实（例如，属于不同的类别，具有不同的功能，表现不同）。 换言之，对比度为眼睛提供了两个对象之间（或两组对象之间）的显着差异（例如，大小或颜色），以强调它们是不同的。 对比原理通常通过颜色来应用。例如，红色在 UI 设计中经常使用，尤其是在 iOS 上，表示删除。明亮的颜色表明红色元素与其他元素不同。

5.格式塔原则
格式塔原则解释了人类如何简化和组织由许多元素组成的复杂图像，通过下意识地将各个部分排列成一个有组织的系统来创造一个整体，而不是将它们解释为一系列不同的元素。换句话说，格式塔原则抓住了我们感知整体而不是单个元素的倾向。 有几个格式塔原则，包括相似性、连续性、闭合性、接近性、共同区域、图形/背景以及对称性和顺序。接近对于 UX 来说尤其重要——它指的是视觉上靠得更近的项目被认为是同一组的一部分。

为什么视觉设计原则非常的重要？我们为什么要关心和理解视觉设计原则？除了让某些东西“看起来很美丽”之外，还有助于品牌植入和加深理解，增加可用性。比如，人们经常用于创作精美艺术品的黄金比例也用于排版，以在字体大小、行高和行宽之间建立视觉上令人愉悦的关系。结果通常会缩短行长，从而在网页上创建平衡（通过空白）并使文本更易于阅读。当与强大的交互设计相结合时，视觉设计将提高任务成功率和用户参与度。 激发情感和喜悦。美丽的事物会引发积极的情绪。通过遵循良好视觉设计的原则，设计师可以创建看起来不错的产品UI界面，从而让用户感觉良好，并强化品牌认知。强大的视觉系统可以建立用户对产品的信任和兴趣。