黄金比例分割使用指南

好文转载 分类: 规范/资料 版权: 原作者: 未知
67318 697 399 16
2014-11-27
260.1
首页推荐

在设计中,黄金比例属于基本理论,通过运用黄金比例原则,能够打造悦人的设计,而本文的重点不在于鉴赏,而是教你如何使用黄金比例。

还记得丹布朗的那本《达芬奇密码》吗?里面有个关键线索便是斐波那契数列,而黄金比例,便是基于此。

斐波那契数列在自然界的造化物中得以完美体验,比例基本为1:1.618,我们生长在自然世界中,按相似的比例进行设计,能够愉悦我们的视觉感官。

黄金比例描述了斐波那契数列相邻两数字间的关系。

如果我们按此比例绘图,那么会唤起观赏者的一种熟识感,一种与自然之间的微妙联系。

在人类漫长的艺术与设计史中,黄金比例已经被应用了4000多年,但是我们的先祖可能更早就开始应用它了。有些人认为古埃及人便采用此法来建造金字塔。黄金比例可以在音乐、艺术、设计中得以体现。

应用案例

在历史记载中,黄金比例经常被使用到艺术和设计中,一些宏伟的建筑经常采用黄金比例为衡量准则。看看下面这些例子,你在工作中也能用得上:

巴特农神庙

这座古希腊建筑使用了黄金比例作为了尺寸比例关系。而后来的新古典主义建筑风格同样遵循了黄金比例。

最后的晚餐

达芬奇对黄金比例采取了进一步的应用,在最后的晚餐这幅画中,所有人物排列在整体的2/3处,而耶稣这一角色在构图上采用了完美的矩形

界面设计中的一些案例2010年Twitter的重设计

Apple iCloud

iCloud的图标可不是随随便便画出来的

Takamasa Matsumoto 在博客中展示了下图的设计思路

严格遵循黄金比例自然界中的案例

从贝壳到鲜花,黄金比例无处不在

仔细观察周围的大千世界,你会发展黄金比例无处不在!花朵,贝壳,菠萝,蜂巢,都遵循了黄金比例的规则。

如何构建一个符合黄金比例的矩形

步骤 01

画一个正方形。

将正方形一分为二

步骤 03

在一侧矩形中,画一条对角线。

将对角线旋转为水平线。

构建矩形,利用水平线和原始矩形为参考。

在设计中充分利用黄金比例

听起来很复杂?其实远比想象的容易!有很多快捷的办法可以帮你实现 黄金比例布局。

快捷方法

如果你熟悉“三分法构图”,那么就方便多了,这个构图法的理念是在水平和竖直方向上各自均分3等分。而连线所构成的4个交点会成为视觉焦点。

摄影师往往在拍摄时,将关键物体定格在这4个焦点上。对于界面设计、印刷海报设计来说,同理。

跟三分法差不多,如果能够采用1:1.6的比例,那么整体构图就十分接近黄金比例了。

具体方法

如果想要在设计中采用黄金比例构图,简单打个比方,比方说内容区域和工具栏吧(网页设计中),那么比例就要为为1.6:1。而在工具栏中,可以进一步按这一比例分割。

在页面布局中,黄金比例可以帮大忙,让阅读体验更加自然。

黄金比例工具01. goldenRATIO

GoldenRATIO能够保存你的比例分割设置,避免了重复工作

GoldenRATIO,Mac App Store中售价¥2.99,能够很好的兼容PS

02. Golden Ratio Typography Calculator

能够根据黄金比例原则,帮助你确定字体大小、内容宽度。

03. Phicalculator

Phicalculator 只做计算,非常专一

是一款非常棒的免费应用,适用于Mac和PC。输入数字,便能根据黄金比例给出对应的数字。

04. Atrise Golden Section

Atrise工具能让的视觉设计更符合黄金比例

无需计算,视觉上调节黄金比例分割

Kiriya

17年之前的东西皆为转发。喜欢MG,UI初学中。

2967粉丝/52关注

助人为乐
【视频教程】扁平拟物风格的动效动效设计佳作
4
cxy

前面的图片都看不到了T.T

精彩!

Kiriya

Kiriya

17年之前的东西皆为转发。喜欢MG,UI初学中。

助人为乐

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by © 2008-2017 UI.CN