设计中的黄金比例以及为什么它对您的品牌很重要

你知道我们的 DNA 和萨尔瓦多·达利的《最后晚餐的圣礼》与百事可乐等品牌有什么共同点吗？ 它们是设计中黄金比例的例子。 黄金比例是一种数学比例，可用于创建视觉上令人愉悦的结果。 这不仅仅是人为结果的问题——黄金比例可以在整个自然界甚至人体中找到。

当您在设计中使用黄金比例时，它会产生自然令人愉悦的构图。 这正是您希望目标受众对您的品牌的感受。 这就是为什么我们要在这篇博客中深入探讨设计中的黄金比例。

黄金比例究竟是什么？

如果两个量的比例与其总和的比例相同，则称两个量与两者中较大的量形成黄金比例。 太复杂？ 看一下下图，它简化了它。

黄金比例也被称为神圣比例，Phi，还有其他一些名称。 几个世纪前，几个敏锐而好奇的灵魂开始观察他们周围自然界中发生的惊人模式。 植物的叶子排列，花瓣的图案，松果的枝条排列得如此完美，甚至菠萝的鳞片。 他们注意到这些都具有完全相同的模式。 上述模式为 1,2,3,5,8,13,21,34 等。

这种模式后来被称为斐波那契数列。 当您开始计算一个斐波那契数与其前一个数的比率时，您将始终得到的答案是 1.61803。 这反过来又被四舍五入到小数点后 3 位以获得黄金比例。 由于它自然地令人赏心悦目，因此该比例随后被纳入许多不同类型的艺术品中。 从蒙娜丽莎到雕塑、摄影和建筑，一切都成为设计中黄金比例的例子。

黄金比例的其他一些例子可以在飓风、蜗牛壳、人脸（那些与比例最接近的人被认为是最美丽的）、米开朗基罗的《创造亚当》，甚至在花卉图案中找到花瓣。

黄金比例在设计中的意义

在创建营销材料、名片、杂志封面、网站甚至海报时，黄金比例非常重要，仅举几例。 让我们看看如何在设计中有效地使用它。

在设计中使用黄金比例

具有黄金比例的形状

符合黄金比例的形状添加了黄金这个词作为能指。 它们是黄金矩形、黄金圆圈、黄金螺旋和黄金三角形。 当正确地组合在一起时，这些形状可以使设计元素不可忽视。

排版中的黄金比例

在创建任何包含文本的设计时，您应该始终考虑排版的层次结构。 这是设计中的最佳实践。 为此，您可以使用黄金比例来指导您如何调整字体大小。

例如，假设您需要找出最重要的文本 (A)、有些重要的文本 (B) 和不太重要的文本 (C) 的层次结构。 如果最小的字体大小是 10 像素，那么您可以将其乘以 1.618，以获得需要更大字体大小的近似指南。

构图的黄金比例

为了在不牺牲质量的情况下快速完成您的设计，请让您的设计师用黄金螺旋覆盖您的设计。 然后他们将能够看到各种元素的确切位置，并确定它们是否真的和谐地结合在一起。 设计的焦点也可以使用黄金螺旋来计算。 这意味着在设计中使用黄金比例可以帮助您了解如何放置标题，以便获得最多的关注。 如果设计需要更多能量，这种技术还可以帮助查看哪些元素需要移动。

标志中的黄金比例

一个经过深思熟虑的标志对您的品牌非常重要。 如果做得好，它会成为您品牌中最容易识别的元素。 并在让您成为目标受众的首要任务方面发挥着重要作用。 这就是为什么在标志设计中不应忽视黄金比例的原因。 这将有助于立即吸引客户的眼球，并帮助他们与您的品牌建立联系。

世界上一些最大和最成功的品牌，如百事可乐、推特和苹果，实际上他们的标志与黄金比例一致。 在设计徽标时，设计师甚至可以将斐波那契数列视为一系列圆圈。 然后可以重新排列圆圈以形成网格，作为标志设计的基础。 这就是上面示例中显示的内容，您可以在其中看到徽标是如何放置到圆圈中的。

选择布局的黄金比例

以一种看起来有凝聚力的方式将一堆不同的元素融入设计中是一项艰巨的工作。 尤其是在登陆页面或您的网站方面。 然而，黄金比例可以帮助挽救局面！ 它可用于确定布局中所需的尺寸，以及所涉及的每个元素的放置位置。 一个非常简单的方法是从一开始就根据 1:1.618 设置尺寸。 然后继续使用该框架。 这将是最实用的方法，您可以使用基本的 960 像素宽度，然后将其除以 1.618。 您在这里得到的答案将是设计的高度。

网络上的黄金比例和内容

黄金比例还可用于确定文本列的排列方式。 虽然您的目标网页上的文字可能很少，但这将对您的网站起作用。 例如，一个页面的右侧有一个窄的文本列，而左侧有一个更宽的文本块，不仅会吸引查看者的眼球。 它还突出显示了最重要的信息。 对于像素宽度为 960 的站点，这意味着右侧列应为 367 像素宽，左侧应为 593 像素。

您的布局可能不允许精确的黄金比例，但只要您尽可能接近 1:1.61 的比例，您就会获得采用黄金比例的好处。

此策略的另一个好处是它可以帮助读者浏览您所包含的不同类型的内容（例如视频、照片和基于文本的内容）。 这就是为什么您会在许多流行网站（例如 Fast Company、BuzzFeed）上找到这种布局示例的原因。

用黄金比例隔开你的元素

我们在所有设计博客中都强调了白色或负空间的重要性。 它允许设计中的元素呼吸，而不是看起来杂乱无章。 也就是说，我们也知道弄清楚如何去做并不总是一件简单的事情。 弄清楚在哪里以及如何离开这个负空间可能会变得很棘手。

如果你确实使用黄金比例，你肯定会有一个很好的起点。 而且由于在没有参考点的情况下试图弄清楚这一点可能非常耗时，所以让我们不惜一切代价避免这种情况。 看看上面的例子。 您可以看到正方形如何用于决定需要负空间的位置。

使用黄金比例裁剪图像

将黄金比例融入设计的最简单方法之一是根据黄金比例裁剪图像。 你不需要对你拥有的每一张图片都这样做，但如果你确实觉得某个特定的图片很重要并且需要突出显示，请询问你的设计是否可以将其裁剪成黄金矩形。 您也可以在拍照时实施此技术。 黄金螺旋可以用作图像如何组成的指南。

将黄金比例融入设计的最简单方法之一是根据黄金比例裁剪图像。 你不需要对你拥有的每一张图片都这样做，但如果你确实觉得某个特定的图片很重要并且需要突出显示，请询问你的设计是否可以将其裁剪成黄金矩形。 您也可以在拍照时实施此技术。 黄金螺旋可以用作图像如何组成的指南。

什么是三分法则？

这个原理类似于黄金比例，更容易实现。 尽管这确实意味着您的结果不会像比率那样精确，而且令人赏心悦目。 三分法则涉及一个由九个部分组成的网格。 根据规则，每个部分将具有相同的大小。 我们鼓励您关注线的交叉点或线本身。 这将使您获得平衡的照片或设计的结果。

在摄影的情况下，如果您将方格纸放在取景器上，您将看到您拍摄的对象如何与页面上的矩形和正方形对齐。 这些交叉点将用作指导您应该在照片中放置主要和次要元素的位置。

该规则也有一些例外。 例如，如果您要直接进行爆头，最好将面部居中放在屏幕上并忘记网格线。

黄金比例和杂志封面设计

杂志封面是设计中黄金比例有效的一个很好的例子。 只需查看上面以 Solange Knowles 为特色的 Complex 杂志封面。 此设计使用黄金比例来正确确定正负空间的比例。 我们可以从她的鼻子顶部和前额附近的角度看到这一点。 以及她的鼻子和眼睛是如何对齐的。 结果是一个平衡的图像，自然对人眼更有吸引力。 由于杂志封面是吸引读者购买问题的因素，因此设计中的黄金比例非常重要。 您可以将其等同于作为您与受众的初始接触点的任意数量的营销材料。

可以帮助您在设计中使用黄金比例的工具

开始习惯于在设计中实施黄金比例规则可能具有挑战性。 因此，这里有一些工具可以在您考虑完成设计时使用。

矩阵

这是一款叠加软件，可以与您的设计师使用的编辑工具很好地配合使用。 它不是一个插件，更像是一个透明的数字模板，可以放在正在完成的设计之上。 它适用于 Windows 和 Mac 以及一系列应用程序。

GRT 计算器

GRT Calculatore 将有助于轻松确定内容的字体大小和宽度。 它使设计师能够在屏幕上尝试不同版本的字体。

重点

如果您想在 WordPress 上完成设计，Focus 是您的首选工具。 这是一个完全专注于黄金比例的 WP 主题。 对于理想的现代网站，它还具有许多其他必备功能。

披头士计算器

这是一个很棒的 Mac 小部件，如果他们足够舒适地计算比率，它将帮助设计师。 它允许计算 Phi。 它将提供有关方向和盒子形状所需的信息。

黄金分割卡尺

想要在纸上或画布上完成设计并且仍然想要使用黄金比例？ 该工具可以帮助您完成这项工作。 它被世界各地的艺术家和设计师使用，以获得完美的艺术平衡。 它特别有助于人体的任何成分。

关于设计中的黄金比例的最后一句话

黄金比例对设计如此重要有一个很大的原因。 它确实带出了任何元素或构图最具美学吸引力的一面。 黄金比例也无处不在。 它甚至在你的手掌线上！ 您不必在要完成的每个设计中都使用黄金比例。 有时您的特殊需求、格式和/或您需要包含的所有元素都不允许。

但是，只要有可能，就可以将其纳入其中，这是吸引客户注意力的保证方式。 由此产生的变化将是相当微妙的，但它们会将设计从“meh”变为“amazing！”。 毕竟，蒙娜丽莎从未失去她的吸引力，不是吗？