如何正确绘制黄金比例(什么是黄金比例)

如何正确绘制黄金比例(什么是黄金比例)(1)

Twitter和百事可乐与埃及吉萨大金字塔和梵高画的蒙娜丽莎有什么共同之处?

简单的答案是每个设计都使用黄金比例

黄金比例代表一个数学比例。它还用于自然世界和设计,您可以绘制出据说外观漂亮的构图。那么什么是黄金比例呢?以及如何改进您的设计?

详情如下。

什么是黄金比例?

黄金比例(英文:Golden Ratio)是一条线被a和b的长度一分为二使得a:b=b:(a b)成立时的比率。:b,两者都有一个值1.618。

如何正确绘制黄金比例(什么是黄金比例)(2)

不要因为它是一个公式而沮丧。设计中使用黄金比例来表达美丽和谐的比例。此外,通过在设计中融入黄金比例,可以表现出难以比较的美感。

这个美丽的黄金比例已经使用了几个世纪,从吉萨大金字塔到米开朗基罗在西斯廷教堂的“创造亚当”,在希腊的帕台农宫,也被用于梵高的“蒙娜丽莎”,并最终在百事可乐标志和推特标志。此外,甚至我们的身体和面孔也以数学比例表示。

如何正确绘制黄金比例(什么是黄金比例)(3)

事实上,据说我们的大脑更喜欢利用黄金比例的物体和图像,这几乎是一种无意识的反应。通过使用黄金比例微调设计,您可以对大脑产生更强的影响。

黄金比例也可以应用于形状。通过准备一个正方形,将一个的长度乘以 1.618 倍,就可以创建一个漂亮、均匀的矩形“黄金矩形”。

如何正确绘制黄金比例(什么是黄金比例)(4)

您可以通过并排排列正方形和矩形来表达黄金比例。

如何正确绘制黄金比例(什么是黄金比例)(5)

在上面的示例中,将黄金比例应用于最右边的矩形将逐渐减小正方形的大小。

如何正确绘制黄金比例(什么是黄金比例)(6)

您可以通过使用上面示例中每个正方形的角绘制平滑的拱形曲线来绘制螺旋线(斐波那契数列)。该序列从 0 开始,并通过添加前两个数字继续到 0、1、1、2、3、5、8、13、21、34、55、89、144。

如何正确绘制黄金比例(什么是黄金比例)(7)

这种美丽的螺旋形设计在自然界中很常见,比如向日葵花、贝壳、台风和蕨类植物,所有这些看起来都很吸引人。

如何正确绘制黄金比例(什么是黄金比例)(8)

让我们更进一步,将圆圈追踪到每个正方形。这将允许您使用 1:1.618 的黄金比例绘制一个平衡的圆。

如何正确绘制黄金比例(什么是黄金比例)(9)

现在我学会了如何使用黄金比例绘制正方形、矩形和圆形。使用这些与有效的技术来创建有吸引力的设计。

详情如下。

5点善用设计中的黄金比例

黄金比例的基本知识可能就足够了,但这里有五点关于如何实际使用黄金比例来改进设计。

特别是,黄金比例可以应用于各种组合,如布局边缘空间内容图像照片标志设计。

01.布局:使用黄金比例的尺寸。

在调整布局大小时,请使用黄金比例作为指导。获得黄金比例的最简单方法是以 1:1.618 的比例对其进行标注。

例如,如果您考虑网站上的典型 960px,您可以将其除以 1.618 以确定 594px 的高度。

另外,让我们使用黄金比例进行布局并将其分为两列。这会给你一个和谐美丽的外观。

如何正确绘制黄金比例(什么是黄金比例)(10)

两列布局非常适合网页设计,是在线内容中常见的布局格式。下面的示例示例出色地使用了黄金比例来创建一个干净、易于阅读、整洁和有组织的网站。还有一点是,顺序、余额、层次结构等都是在不知不觉中展示给用户的。

如何正确绘制黄金比例(什么是黄金比例)(11)

02.保证金空间:让我们使用黄金比例来安排。

在任何设计中,确保留出空间都很重要,并且根据使用方式,设计可能是好是坏。确定边距空间需要时间,但让我们改用黄金比例。让我们将设计部分放在每个正方形上。

通过使设计比直观的放置更具吸引力并使用黄金比例进行微调,您可以完全改变外观。

在排列多个设计元素时,您可以通过组合几个黄金比例来创建一个统一而美观的设计,如下所示。

如何正确绘制黄金比例(什么是黄金比例)(12)

如何正确绘制黄金比例(什么是黄金比例)(13)

如何正确绘制黄金比例(什么是黄金比例)(14)

在下面的示例示例中,它由三个设计元素(小鹰、文本文本、大鹰)组成,位置由黄金比例确定。

此外,通过为小鹰添加黄金比例,设计看起来很漂亮。

如何正确绘制黄金比例(什么是黄金比例)(15)

如何正确绘制黄金比例(什么是黄金比例)(16)

您可以使用由黄金比例创建的螺旋作为指导来决定将内容放置在哪里。我们的眼睛集中在螺旋的中心,那里表达了最精细的细节。因此,尽量将焦点放在螺旋螺旋的中心。

如何正确绘制黄金比例(什么是黄金比例)(17)

让我们重新审视技术 1 中引用的示例。你可以看到小标志在螺旋形的中心。通过使用黄金比例,我们自然可以吸引用户的注意力。

如何正确绘制黄金比例(什么是黄金比例)(18)

在下面的示例中,将很多内容放在一起,但通过应用黄金比例和黄金螺旋,信息组织得很好。首先,我注意到自我介绍“Bonjour 我的名字是 Tim”,然后将视线引导到左侧边栏的 logo 和菜单上,边距空间得到了很好的保护。

如何正确绘制黄金比例(什么是黄金比例)(19)

在下面的示例示例中,您可以看到随着螺旋螺旋的推进,字母变得越来越小,并且设计变得更加密集。

如何正确绘制黄金比例(什么是黄金比例)(20)

作为另一个示例示例,以下使用黄金比例和螺旋来确定内容的布局。通过将设计元素排列成不同大小的方格,让视线随心所欲地引导,故事在设计中被很好地制作出来。

如何正确绘制黄金比例(什么是黄金比例)(21)

04.Image Image:让我们使用三分法。

在图像中,构图对于传达重要信息和创造精美设计非常重要。通过使用图像中的黄金比例,有助于将视线引导至重要的设计元素。让我们使用黄金比例将图像垂直和水平分成三部分。

此时,通过将宽度比例设置为 1:0.618:1,就可以使用黄金比例进行分割。通过在线条交叉处排列设计元素,您可以吸引注意力并表达更具吸引力的构图。

如何正确绘制黄金比例(什么是黄金比例)(22)

作为使用黄金比例裁剪图像的另一种技术,让我们使用三分法则(英语:Rule of Thirds)通过将图像照片 1:1:1 均匀划分,所有空间都将具有相同的大小。将最重要的设计元素放在中心矩形的角上

在下面的示例中,边距空间和放置位置是使用黄金分割率确定的。可以看到女模特的鼻子和额头与顶部水平线对齐,眼睛和鼻子沿着中央矩形垂直线对齐。

如何正确绘制黄金比例(什么是黄金比例)(23)

在下面的示例示例中,使用了三分法则。在这里,中心的矩形几乎是空白的,旨在吸引注意力。女性模特的眼睛被放置在矩形的角上,以创建对用户更具吸引力的设计。

如何正确绘制黄金比例(什么是黄金比例)(24)

下面的示例示例中也使用了黄金比例,并且剪掉了女模特的眼睛。通过将模特稍微偏离中心排列,可以看到垂直线条和女模特的脸整齐排列。

如何正确绘制黄金比例(什么是黄金比例)(25)

此外,整体设计采用黄金比例和黄金螺旋。所有内容都被设计成螺旋形,随着螺旋形的进行,信息会更详细。

如何正确绘制黄金比例(什么是黄金比例)(26)

05.标志设计:使用黄金圈。

正如您可以使用黄金比例来创建漂亮、均匀的正方形和矩形一样,您也可以将其应用于圆形。与正方形相邻创建的所有圆圈的比例为 1:1.618。

如何正确绘制黄金比例(什么是黄金比例)(27)

使用黄金比例的圆圈“Golden Circles”不仅表现出漂亮的外观,还可以应用于统一的标志设计。让我们仔细看看百事可乐和 Twitter 的标志设计。

百事可乐标志设计由两个利用黄金比例的独特圆圈组成。黄金比例应用于标志中心的白色切片,可以与圆形相结合。

如何正确绘制黄金比例(什么是黄金比例)(28)

Twitter 标志设计由使用几何图形的多个圆圈组合而成。它不如使用黄金比例排列元素时准确,但在表面上它使用黄金圆来协调平衡和设计。

如何正确绘制黄金比例(什么是黄金比例)(29)

可与黄金比例一起使用的有用工具摘要

了解黄金比例后,让我们将其用于设计。这里有一些有用的工具可以快速自动地进行复杂的黄金比例计算。能够在生产中快速使用黄金比例可能会很好。

RATIO – 黄金比率和白银比率计算器

一个免费的 iPhone 应用程序,显示除以黄金比例和白银比例的矩形。如果输入参考值,将自动计算 5 个尺寸。

如何正确绘制黄金比例(什么是黄金比例)(30)

RATIO – 黄金比率和白银比率计算器

金属比例

它是一个网络应用程序,只需指定一个参考值,即可轻松计算黄金比例、白银比例、铂金比例、青铜比例等贵金属比例。由于您可以直观地查看比率以及数值,因此您可以直观地获得您正在寻找的比率。

如何正确绘制黄金比例(什么是黄金比例)(31)

金属比例

获取比率

输入宽度大小时显示每个矩形的大小的网络工具,例如黄金矩形、16:9、4:3、3:2。也可用于为网站创建图像的项目。

如何正确绘制黄金比例(什么是黄金比例)(32)

网络总数

除了黄金比例之外,这也是一个网络工具,可以让您轻松计算出日本人熟悉的“白银比例”,因此被称为“大和比例”。如果您想将多张图像整齐地排列在水平行中,请这样做。

最后,。

黄金比例(英文:Golden Ratio)可用于各种设计元素。可能只有一些调整,但它将把“好的设计”变成“伟大的设计”。美在观者的眼中。(美在旁观者的眼中。

The Power of Limits 的作者 György Dóczi说:“黄金比例保持设计和谐的真正力量在于,你可以将不同的设计组合成一个,这样你就可以很好地融合整个设计,同时保留每个个性。”它指出。

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页