【海平面】黄金比例是多少?你需要了解的以及如何使用

北京/平面设计师/4年前/941浏览
【海平面】黄金比例是多少?你需要了解的以及如何使用

简而言之,黄金分割是指将整体一分为二,较大部分a与整体部分(a+b)的比值等于较小部分b与较大部分a的比值......



什么是黄金分割率(黄金比例)?


简而言之,黄金分割是指将整体一分为二,较大部分a与整体部分(a+b)的比值等于较小部分b与较大部分a的比值,即a:b=(a+b):a,其比值约为0.618。


这个比例被公认为是最能引起美感的比例,因此被称为黄金分割率。(也称为黄金分割、黄金率、神圣比例或希腊字母Phi)。

黄金分割率的公式



但是,不要一提到黄金比例就想到数学。在设计中,黄金比例归结为美学——通过和谐和比例来创造和欣赏美感。当应用于设计时,黄金分割率具有艺术感。


这种和谐和比例已经被认可了数千个世纪:从吉萨金字塔到雅典帕台农神庙;从西斯廷教堂天花板上的米开朗基罗的《亚当的创造》到达芬奇的《蒙娜丽莎》;并从百事可乐标志到黄金比例的定义。我们的身体和面部甚至遵循黄金比例:



实际上,我们的大脑似乎很难不喜欢黄金分割率的物体和图像。这几乎是一种潜意识的吸引,甚至细微的调整都使图像更接近黄金分割率,对我们的大脑产生了很大的影响。


黄金比例也可以应用于形状。取一个正方形并将其一侧乘以1.618,你将得到一个比例合适的矩形:

黄金比例矩形



现在,如果将正方形放在矩形上,则这两个形状也符合黄金分割率:

如果你继续对上图最右边的新矩形应用黄金分割率公式,最终将得到逐渐减小的正方形,如下图所示:

如果你使用上面的“黄金比例”图,并在每个正方形的一个角到另一个角上绘制一个拱形,你将绘制“黄金比例螺旋形”(或斐波那契数列)的第一条曲线,该曲线中每个数字为前两个数字的和。从零开始,顺序为:0、1、1、2、3、5、8、13、21、34、55、89、144…等。


通过在每个正方形中添加拱形,你将得到黄金比例螺旋形的示意图:

黄金比例螺旋形



你会在整个自然形态中找到这种美丽的生物——蕨类植物、花朵、海螺蜗牛壳,甚至飓风,这也许就是为什么它们在视觉上如此吸引人。因为它确实是自然界中最好的。


黄金分割很自然存在于自然界中



然后,在每个正方形内画一个圆,然后你将得到遵循1:1.618比例并且彼此成比例的圆。

黄金比例圆



因此,现在我们有了正方形、矩形和圆形,它们都遵循黄金比例,并在设计上应用上了魔法(数字)。



如何在设计中应用黄金比例?


现在,你已经了解了黄金比例背后的理论,让我们开始研究如何使用它来改善设计。


你可以将黄金比例应用于设计的许多组成元素,包括布局、间距、内容、图像和形状。



01、布局:使用黄金比例设置尺寸


将黄金比例视为确定布局尺寸的有用指南。应用黄金比例的一种非常简单的方法是将尺寸设置为1:1.618。


例如,以典型的960像素宽度布局并将其除以1.618。你将得到594,这将是布局的高度。


现在,使用“黄金比例”将布局分成两列!在这两种形状中操作时,布局将遵循和谐的黄金比例。


两栏式布局是黄金分割的一个示例



两栏式布局非常适合网页设计,你会在这种版式中看到很多在线内容。国家地理肯定采用了这种布局,并将其用于一个干净,易于阅读,组织良好的网站。它为观者提供了一个自然的秩序,平衡和富有层次感的网站。


仔细看看,国家地理网页也应用了黄金分割率。

 


02、间距:带有黄金比例图的布局


间距是任何设计中最重要的元素,无论是在负空间还是正空间,它通常都能得出或破坏最终结果。确定元素的间距可能是一项相当耗时的工作;取而代之的是,从黄金比例图开始,让正方形引导你放置每个元素的位置。这将确保间距和比例是经过计算的,而不是凭感觉放直置的,因为对实现黄金比例进行的任何细微调整都可能会产生很大的影响。


另外,如果要处理多个元素,则可以分层放置多个黄金比例图,以在整个设计中继续保持一致的比例。



表演艺术节Bregenzer Festspiele的品牌标识,包括一个标识、标识字体和拼贴设计,应用于节目,节目单和户外活动。该节目单带有图片和说明性拼贴画,以及波纹标识和大量空白空间。黄金比例用于确定每个元素的大小和位置,以确保比例均匀布局。



Terkaya财富管理视觉标识。在这里,名片的三个设计元素——小鹰、文字和大鹰——都处于黄金比例螺旋形中的不同部分。


另外,在小鹰图像也符合黄金比例。


03、内容:放置黄金比例螺旋形内


黄金比例螺旋形可以作为一个向导来确定布局上内容位置。观者眼睛自然被吸引到螺旋的中心区,在螺旋的中心寻找详细内容,因此设计师应将设计内容集中在螺旋的中心,并将螺旋内里作为视觉兴趣的区域。



下面展示的网站看起来内容密集,但根据“黄金比例”和“黄金螺旋”的结构组织得非常好,文本主要集中在是网站左上角。观者视线始于Bonjour说:“你好,叫蒂姆”。然后,它经过了Tim所做的描述,然后转到菜单按钮,眼睛落到了左上角的标识,然后在吸收了所有需要的细节后,进入负空间休息。



Saastamoisen säätiö品牌宣传中,随着螺旋形走向,内容明显地变得更加密集。越靠近螺旋形中心处,每个字母的大小和每个字母之间的间距也减小。这些字母不一定要按顺序读,但有足够的重复性,让人熟悉。



Fullsteam品牌,使用“黄金比例”和“黄金螺旋”作为布局放置文字内容。设计的各种元素适合在单独的正方形内,将观者眼睛从人物图像吸引到邮票,ABV和制造地点。设计师对Fullsteam的初衷是“围绕着一个来自遥远名字的半虚构的蒸汽朋克种植园主,创造一个品牌叙事…………”黄金螺旋 有助于在标签上讲述叙述内容,当看到有关他和品牌的细节时。 



04、图像:黄金比例(或三分法则)


构图对于任何图像都很重要,无论是传达重要信息还是创建美观的照片。黄金分割率有助于创建构图,将眼睛吸引到照片的重要元素。使用黄金分割率,你将图片分为三个不相等的部分,然后使用线条和交叉点进行图片构图。


该比率为1:0.618:1——因此第一和第三垂直列的宽度将为1,而中央垂直列的宽度将为0.618。同样,对于水平行:第一和第三水平行的高度为1,中间行的宽度将为0.618。现在,使用这些线条和交叉点吸引观者的注意力。它还会产生张力,并为构图增加兴趣和活力。


通过黄金分割比例(Golden Ratio)裁剪图像的另一种方法(略微简化)是使用三分法则。它不如黄金分割率那么精确,但是它非常接近黄金分割。对于“三分法则”,将所有垂直线和水平线设置为1:1:1,以使所有间距相等且均匀。在中心矩形的四个角处理想地对齐图像的重要元素。

 

Complex 杂志以人物头像为特色的杂志封面采用“黄金比例”确定正负空间的比例。人物的鼻子的顶部几乎和她的前额达到同一水平线;她的鼻子和眼睛落在中心矩形两条垂直线上。


 Complex 杂志



Pilot杂志封面设计应用了“三分法则”。中心处的矩形的为视觉兴趣区域,模特的眼睛正好落在其中一个角上,并看向观者,而该中心大部分是空白的。


Pilot杂志



Feld杂志的封面使用“黄金比例”构图,使模特的眼睛处于视觉中心,效果很好,因为她偏离了中心,并且脸部的侧面几乎与左垂直引导线对齐。


Feld杂志



总体而言,封面的布局遵循黄金比例和黄金螺旋线。文字内容集中在螺旋内部结构中,其中心的位置放置更具体文字内容。



05、形状:黄金比例圆


就像黄金比例可以用来创造出彼此比例和谐的正方形和矩形一样,它也可以用来创造彼此比例和谐的圆形。下图中每个正方形中的一个圆与相邻正方形中的圆的比例为1:1.618。

黄金比例圆



使用黄金比例圆不仅可以创造和谐与比例,而且可以在整个表格中保持一致性。让我们再看看百事可乐和Twitter标识。


百事可乐标识外形遵循黄金分割的两个相交圆。虽然在最后的迭代中不容易看到较小的圆圈,但确实形成了标识中心的白色切片的基础。

Twitter的logo使用了几何图形,并且以正圆形为基础。当将其与黄金比例对齐时,有点不够精确,但在大多数情况下,Twitter的标志似乎使用了黄金比例圆来获得平衡、秩序和和谐感。

Twitter标识和黄金分割率



你可以使用黄金分割率的各种元素来进行更好的设计。虽然这些调整可能是微妙的,但是这可能是从好的设计到出色的设计所需要的,尤其是在观者的眼中。


正如GyörgyDóczi在《极限的力量》中所写的那样,“黄金比例创造和谐的力量来自于它将一个整体不同部分统一起来的独特能力,从而使每个部分都保留了自己的特性,但又融入了一个整体的更大图案中。 

5
阅读原文
|
Report
|
3
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
文章
文章
文章
文章
作品收藏夹
排版设计概念
排版设计概念
排版设计概念
排版设计概念
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
大家都在看
Log in