黄金比例的定义和运用实例

老梦の / 2016年8月17日

设计理论 4083 59 0

吉萨金字塔和达芬奇传世画作《蒙娜丽莎》与 Twitter 和百事之间的共同点是什么？

他们的设计都是基于黄金分割的啊！

黄金分割是一个数学比例。我们在大自然中很容易找到这样的比例，当它用于设计时，能创造出有生命力的、纯天然的视觉作品，愉悦我们的眼睛。但究竟什么是黄金比例,如何使用它来提高你设计水平?

黄金比例是多少？

我们会把它尽可能解释得简单哟！黄金比例(也被称为黄金分割,中庸之道,神圣比例或希腊字母φ)存在于被分割成两截的线段中，我们设较长的一段为a，较短的一段为b，那么有：（a）÷（b）=【（a）+（b）】÷（a）,都等于1.618。

但是不要让这些数字难倒你。在设计中,黄金比例可以归结为美学——创造和激发一种通过比例与和谐产生的美感。当应用于设计中时,黄金比例提供了一种艺术性;一个未知因素,一定的描述的事物。

这种和谐和比例已被成千上万的世纪所承认：从吉萨金字塔到雅典的帕特农神庙；从米开朗基罗的《亚当的创生》到西斯廷教堂天花板上梵高的《蒙娜丽莎》；从百事 logo 到 Twitter logo。甚至于我们的身体和脸也同样遵循这样的数学比例：

事实上,我们的大脑似乎本能地更喜欢使用黄金比例的对象和图像。这几乎是一个潜意识的力量，以至于哪怕为图像作更接近黄金比例的微妙调整对我们的大脑也有很大影响。

黄金比也适用于形状。画一个正方形，设定边长为1，改变其中一边使其变为1.618，一个完美的黄金比矩形便赫然纸上。

现在，如果你把正方形叠加在矩形上，那么这两个图形会让你看到一个黄金比矩形。

如果你一直按照这样的方式把黄金比应用到新矩形上，那么你最终会得到一个个逐渐缩小的正方形：

假如你在上面这张黄金比例图的每个正方形的对角画一条曲线，你将会看到一个黄金比例曲线（亦称斐波那契序列）—— 这个序列中的每一个数字是前面两个数字之和。我们从零开始，结论如下：0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144……等等。

通过在每个正方形中画对角曲线你会发现，这张图出现了一条神奇的黄金比例曲线：

这条美丽的螺旋曲线出现在自然界很多的物种当中——蕨类植物、花卉、贝壳，甚至飓风——这也许就是为什么我们会觉得他们具有强烈的视觉吸引力。因为毕竟，天然的就是最好的。

我们再进一步研究它吧，在每个正方形中画一个正圆——这样的结果是所有圆的大小也同样遵循1：1.618，它们的比例看起来是多么的平衡啊！

所以，我们现在有了黄金比正方形、黄金比矩形和黄金比圆，快到你的设计中尽情释放它们吧！

应用黄金分割的五种方式

OK，你现在已经理解黄金比例的概念了，那么让我们看看它是如何提升设计的整体水平，

黄金比例可以运用设计中的许多地方，像布局、间距、内容、图片和版式。

01.布局——用黄金比例设置空间布局

我们常常把黄金比例看作是确定空间布局的实用指南。应用黄金分割的一个非常简单的方法是将矩形的长宽比设为1：1.618.

例如：960像素是非常典型的画布宽度，用这个宽除以1.618，得到一个594像素的数值，把它设置为高度，就是一块完美的画布。

现在，打破这种布局，使用黄金比例分成两列。瞧！在这两个形状使你的设计呈现协调的黄金比例布局。

这样的两列布局非常适合网页设计，在这种格式中你会看到许多在线内容。美国 National Geographic 就采用这种布局构建了一个整洁、易于阅读、结构良好的网站。它为读者提供了一个合乎规律的秩序井然的、平衡的和层次分明的阅读体验。

02.间距—黄金比例布局

间距是任何设计的一大要素，它能营造负空间氛围，使最终的结果要么成功要么毁灭。确定元素的间距是相当耗时的事情，但是，运用黄金分割图，让正方形来引导你确定每个元素的位置，工作起来会更省力好多。这将确保你的间距和比例是通过严密的计算而不是“凭感觉来的”，同时任何为达到黄金比例而作的微妙的调整都可能导致所有元素的差异。

03.内容—运用黄金螺旋

黄金螺旋可以被看作是确定内容的位置“指南”。我们的视觉会自然而然的落到螺旋的中心，这个位置有很多细节性的元素，所以在做设计时我们要非常关注螺旋的中心位置和螺旋走过的视觉空白区域。

再来看国家地理网站，你会发现在曲线的中心存在着第二个、小一点的logo。这是一个加倍提高品牌形象的好地方，因为这里很自然地吸引了我们的注意力。是潜意识的吗?也许吧。黄金比例可以让一切看起来那样自然。

下面这个网站由平面设计师 Tim Roussilhe 为自己设计。它的内容虽看起来非常密集，但它的排版也遵循黄金比例和黄金螺旋规律，它的重点是文本的左上部分的网站。我们的视线首先会落在顶端“你好,我的名字叫提姆”这个位置，慢慢地，会向Tim的工作内容转移，然后看到一个菜单按钮，进而发现左上角的一个图标，在视线到达这个设计的“消极区域”前，我们已经接收完所有它需要告诉我们的信息了。

在这个为 Saastamoisen saatio 所做的视觉识别系统中，随着黄金螺旋的不断延伸，内容也愈加密集。当我们的视线与曲线越近，字体和间距也在不断减小。字母无序排列，但一回生二回熟，通过一遍遍重复使用，品牌名称也变得熟悉起来。

Helms Workshop 工作室为Fullsteam啤酒厂设计了这个品牌，他使用黄金比例和黄金螺旋处理布局和内容。设计中的各种元素在每个独立的正方形中都显得非常和谐，视线的重点也正好落在主人公、邮票、酒精含量和厂址上。当我们看到这张标签时，通过黄金比例构图让我们注意到其中的内容，进而让我们了解创始人和品牌故事的细节。