什么是黄金比例

黄金比例是一个比较分外的数学比例,常日我们会用线段分割来阐明这个比例:把一条线段分割为两部分,较短部分与较长部分长度之比即是较长部分与整体长度之比,其比值是一个无理数,取其前三位数字的近似值是0.618。

当然,我们本日磋商的并非是数学问题,而是设计和美。
黄金比例之以是被冠名以“黄金”二字,自然是由于这个比例带来的和谐与美感。
当你运用到设计作品中的时候,这种比例会营造出艺术感。

从埃及的吉萨金字塔的设计比例到雅典的巴特农神殿,从米开郎琪罗为西斯廷教堂所雕刻的亚当到达芬奇的蒙娜丽莎,从百事可乐的LOGO到推特的LOGO设计,乃至我们的面孔都遵照这个数学比例:

凌子设计|若何设计出高质量的海报作品

事实上,我们的大脑彷佛先天就比较青睐利用黄金比例的工具和图片。
这险些是下意识的吸引力,大脑乃至会对眼睛看到的事物进行小幅度的微调以靠近黄金比例,提高我们自身对付外物的影象和印象。

最故意思的是,你会创造这个俊秀的样式在自然界中险些无处不在:蕨类植物的茎、鲜花、贝壳,乃至飓风。
这也便是为什么我们会以为它们在视觉上有着无与伦比的吸引力,由于它们在自然界中是最好的。

那么作为设计师,我们要如何遵照黄金比例并利用到设计当中去呢?

由于黄金比例的呈现形式很多,以是你可以将它用到布局、间隔、内容、图像和图形当中。
以下就为大家先容五种不同的方法作为参考

1、布局:将尺寸设置成黄金比例

在布局中利用黄金比例的方法并不难,关键是掌握比例和尺寸。
重点很大略,把握好1:1.618的黄金比例。

举个例子,利用960px的宽度布局的时候,除以1.618可以得到594px,这个可以用作你的布局的高度,然后将全体布局划分为两栏,一栏方形,一栏矩形,一个折衷的布局就出来了。

这种两栏式布局在网页上非常实用,我们所熟知的美国国家地理的网页便是利用的这样的布局办法,看起来可读性非常不错,比例平衡,符合网站内容自然的特性。

2、间距:利用黄金螺旋布局

间距的掌握和留白一样,是设计中非常关键的元素。
折衷的布局能够营造出精良的作品,那么如何借助黄金比例来折衷页面中的多种元素呢?合理的打算有的时候比直觉得当,如果能结合起来就更好了。

在基本的布局上,借助黄金螺旋来调度,是个不错的思路。
多种不同的元素在同一页面上的时候,黄金螺旋可以帮你筛选出合理的空间布局和间隙。

Moodley 设计事情室为Bregenzer Festspiele 艺术节设计了海报、运用、节目单和大量的品牌标识。
节目单的整体设计采取了拼贴的办法,有大量的留白,而个中各种元素的设计比例、位置和留白便是借助黄金螺旋来支配的。

总部位于新加坡的Lemon Graphic 为Terkaya财富管理进行视觉形象设计,名片的设计元素也同样借助黄金螺旋来设计。

3、内容:沿着黄金螺旋的轨迹

对付网页内容而言,黄金螺旋的轨迹同样可以起到主要的浸染。
我们的视觉可以很自然地沿着黄金螺旋的轨迹运动,这也便是说这样设计网页布局会让访客更加自然地浏览内容。

如果你仔细查看美国国家地理的网页,会看到它们的网页布局便是如此,用户会下意识地随着这个布局来浏览,这是一种潜意识行为。

这个网站是平面设计师Tim Roussilhe 的作品,信息量很大,布局也紧密,关键是信息组织的相称有条理,多而不乱。
左上角的内容便是借助黄金螺旋的轨迹来设计的,关键的点和位置都落在黄金螺旋的轨迹上。
功能性的组件在这个布局中都位于瞩目的位置,留白也分布到了合理的间隙中,所有的细节都精细到位。

Saastamoisen säätiö 的这个视觉设计稿就更范例了。
图中的字母分布看起来乱中有序,它们便是沿着黄金螺旋来分布的,并且随着螺旋半径的缩小而逐渐缩减字体尺寸,并且提升字母的密度。
这样的设计担保了视觉的平衡,富有设计感而不混乱。

Helms 事情室 为Fullsteam 啤酒进行品牌设计的时候,也同样借助黄金螺旋来布局内容。

4、图片:黄金比例和三分法

对付图片而言,布局自然是很主要的,无论是用来通报信息还是呈现图像布局的美感。
黄金比例可以让图片变得更加吸引眼球,让主要的信息脱颖而出。
平时我们所说的三分法布局,如何结合黄金比例,可以让布局更俊秀。

参考下方的图片,借助将页面进行黄金比例分割的四条线,线条两两交汇的地方是最吸引用户的地方。
当然,我们常见的三分法是让同一个方向上的两条线将布局按照1:1: 1的比例分割开来。

这个案例是Complex杂志的封面,整体布局符合黄金比例,而黄金比例三分法下的两个交点上则恰好和女性的鼻子与眼睛上。

Jason Mildren 为Pilot 杂志设计封面,个中的布局采取的是均匀三分法来构建视觉重心,图中模特的眼、拇指和手臂轴心都处在视觉重心上,人物位置靠右下,留白靠左上,又是一个平衡的布局。

Feld杂志的设计,也参考了黄金比例三分法,左上方的标题和内容区块明显是参考分割线来设计的,而右下方的背景中的人物的鼻子——也便是人物的中央点恰好压在右下方的交点上。

5、图形:黄金比例圆形

黄金比例可以用来创建矩形也能用来创建比例折衷的圆形。
利用黄金比例不仅可以产生和谐的比例,而且能够让图形保持较高的同等性。
从百事和Twitter的LOGO来说说这个事情吧。

百事的LOGO是利用两个遵照黄金比例的圆圈来构建的,较小圆形并不是显而易见的那种,而是隐蔽在内部的曲线中。

Twitter的LOGO设计则是借助多少完美的圆形来进行构建的,只不过它在利用黄金比例的圆形的时候,并没有利用相邻比例的圆形来构建,乍一看不足精确,但却同样营造出和谐的标识。

末了,谈起黄金比例比例,总是会给人觉得高大上,很难复制的样子,也因此很多人都不愿意用这个去作图,但是看完了这篇先容,真的有想像的那么难吗?

好的设计除了须要严谨的理论支持,还哀求不断的修正和反复地练习,才能终极得到一个精良的作品。
以是不要想太多,先行动起来吧。