UI设计中的黄金分割率是什么？

素材来源 | 普修设计、Tubik Studio

有效设计的一个主要特征是清晰的用户界面，所有元素都需要保持平衡与和谐，以便用户可以轻松地感知屏幕上的信息并毫不费力地与产品交互。为了创造有效的设计作品，专业人士运用艺术科学的各种技术和方法以及基本的数学理论。帮助构建令人满意的设计组合的常用工具之一是称为黄金比例的数学比例。在本文中，我们将定义该技术的本质，并了解如何在设计中使用它。

目前CMF设计军团&萨米工业云有成立汽车（内饰、智能、CMF等）、手机CMF、家电（CMF、智能等）、色彩（色彩、渐变色等）等产业交流群，有想加群的朋友可以加群主微信13480765097，备注要加入的微信群。

 什么是黄金分割？

世界上的一切都力求和谐与平衡，即使是大自然也会把形式的东西带到接近完美的地方。人们喜欢一切具有自然触觉的事物，他们总是致力于将这些模式和形式实现到他们的成果中。为了发现创造的秘密，数学家们计算出了一个公式，这个公式出现在地球上大多数事物中。

黄金分割率是不同尺寸的元素之间的数学比例，被认为是人类眼里最美观的元素。黄金比例等于1：1.618，它通常用贝壳状的螺旋来表示，你可能在互联网上看到过。

那么，如何计算完美的不对称性呢？首先，你需要确定小元素的长度。然后将其乘以黄金比率1.618，结果将是较大元素的完美长度。

黄金比例理论被认为存在了超过4000年。科学家发现，大多数古建筑以及着名艺术品都遵循黄金比例。莱昂纳多达芬奇和萨尔瓦多达利被称为黄金比例理论的追随者，他们将其作为其惊人艺术品的关键工具。今天，黄金比例应用于各个领域，包括建筑、艺术、摄影和设计。

设计中的黄金分割率 

有效的构图是设计的核心部分，所有元素需要协同工作，以最大限度地享受愉快的体验。此外，每一个单独的元素，即使是像图标这样的小元素，都必须在其内部和谐地创建。黄金分割率对视觉感知产生积极影响，这是许多图形和UI设计师在其工作流程中应用它的原因。

平面设计师更热衷于应用黄金分割率，问题是，艺术老师经常解释黄金比例的理论，以帮助学生找出如何处理比例。这就是为什么许多设计师在创建各种图形时继续应用此工具的原因，尤其是对于小而有意义的设计元素（如徽标）。

徽标和图标设计需要深入关注细节，黄金比例允许创建插图，其中每个元素和谐地放置并且与其他元素成比例中。此外，标志设计是品牌的核心，因此设计师努力以最引人注目的方式展示它。黄金比例可以增加徽标的美感，增加品牌的知名度。

用户界面需要清晰可视地显示组件，以便人们可以毫无问题地使用产品。黄金比例通常用于有效地放置UI元素。首先，它可以用于线框图阶段。这样，你可以根据黄金比例规划布局布局和大小调整用户界面组件的结构。此外，黄金比例方案可以帮助专业人士裁剪网页设计图像，以确保照片的构图保持平衡。

黄金分割率如何改善UI设计？

数学计算可能看起来很枯燥而费时，因此，如果值得付出努力，可能会出现一个问题。让我们看看黄金分割率可以为设计带来什么。

均衡的内容

设计师经常面临这样的情况：一个产品需要包含大量的各种内容，而其中的每一部分都是至关重要的，并且不能被替换。为了将所有成分结合在一个令人愉快的成分中，可以应用黄金比例。使用1:1.618的比例将布局划分为不同的部分，并根据其重要性将内容放在各个部分中。这样的内容组合足以让用户感知，并且有助于组织所有组件。

有效的视觉层次

说到内容组织，我们不能忘记视觉层次结构。正如我们在之前的文章中提到的，它是一种有效构建内容组件的技术。结合这两种技术的原理，设计师可以最大限度地构建强大的设计组合。

强大的排版水平

为了创建高效的排版，设计师需要将复制内容划分为不同的级别。它们通常包括各种副本，包括标题、副标题、正文副本等。应用黄金分割率的专业人士可以快速定义印刷级别之间的适当比例，例如，您可以为标题选择一定的大小，然后除以它1.618。结果将显示最适合子标题的大小。

令人满意的第一印象

当用户第一次尝试使用产品时，他们会扫描用户界面以了解他们是否喜欢。被称为内脏反应的心理学原则表明，人们在几秒钟内看到某些东西时，决定他们是否喜欢某事。这种反应比我们的意识更快，所以我们甚至都没有意识到。这就是为什么确保产品的第一印象令人满意的重要性。使用黄金比例创建的设计对用户的思维和视觉感知产生积极影响，并且从产品的第一眼看就起作用。

适当的空白区域

白色空间是设计构成中元素之间的区域。设计师总是需要关心UI中的空白量，因为组合的统一性高度依赖于它。黄金比例可以使间距过程更容易，更快捷。应用黄金比例，您将能够定义适合设计的正确空白区域。

设计呈现组件的自然平衡不容忽视，结构良好的布局是功能强大的UI的核心部分之一。黄金比例将和谐融入设计中，使产品为用户带来愉悦。不要害怕数学公式，它看起来并没有那么困难。更重要的是，黄金分割率可以帮助创建用户友好的数字产品，将实用性和美学结合起来。