设计中的黄金分割

设计中的黄金分割

感谢sou6 的投递时间：2012-07-08 来源：

设计师在设计的时候，总会遇到这样那样的问题，和人PK不断，修改不断。界面区域多大合适呢?ICON多大?颜色区间多少?为什么这么定义?什么是普世的美?很多UIer都说，50%靠设计，50%靠交流，那么在交流的时候如何说服别人呢?ADS定位、用户群、用户环境、调研都可以作为参考的依据，在这里再向大家介绍一下我们身边存在的黄金分割，希望作为设计的利器，或创作或PK。

一.植物

“黄金角度”生物学家发现植物种类繁多、叶子形态各异，但是叶子在茎上的排列却有着特殊的规律.我们从某种植物的顶端往下看，便会发现上下层相邻的两片叶子之间所构成的角约为137.50,如果每层叶子只画一片来表示，第一层和第二层的相邻两叶之间的角度约为137.50,以后二层到三层、三层到四层、四层到五层……两叶之间都成这个角度，这个角度对叶子的通风和采光最为有利.这叶子之间的137.50角与黄金数又有什么联系呢?我们知道，一周为3600，137.50：=137.50：222.50≈0.618.也就是说，各种植物叶子的生长规律中自然隐藏着黄金数。

向日葵花有89个花辫，55个朝一方，34个朝向另一方

枫叶

喷嚏麦

1.1.

2.

3.5.8.13.21.3

4.5

5.89.144…

后面的数除以前面的树，越往后越趋向于黄金比例。运用到设计当中，譬如一个齿轮的图标，齿的个数可以参考这组数列。PK词：这是自然的法则。

二.动物

由这组数列引出斐波那契曲线，斐波纳契是在解一道关于兔子繁殖的问题时，得出了这个数列。假定你有一雄一雌一对刚出生的兔子，它们在长到一个月大小时开始交配，在第二月结束时，雌兔子产下另一对兔子，过了一个月后它们也开始繁殖，如此这般持续下去。每只雌兔在开始繁殖时每月都产下一对兔子，假定没有兔子死亡，在一年后总共会有多少对兔子? •在一月底，最初的一对兔子交配，但是还只有1对兔子;在二月底，雌兔产下一对兔子，共有2对兔子;在三月底，最老的雌兔产下第二对兔子，共有3对兔子;在四月底，最老的雌兔产下第三对兔子，两个月前生的雌兔产下一对兔子，共有5对兔子;……如此这般计算下去，兔子对数分别是：1, 1, 2, 3, 5, 8, 13, 21, 34, 55,89, 144, …看出规律了吗? •从第3个数目开始，每个数目都是前面两个数目之和。

下面再简单介绍下斐波那契，了解下周边总是可以唬人的。

意大利数学家，12、13世纪欧洲数学界的代表人物。生于比萨，早年跟随经商的父亲到北非的布日伊(今阿尔及利亚东部的小港口贝贾亚)，在那里受教育。以后到埃及、叙利亚、希腊、西西里、法国等地游历，熟习了不同国度在商业上的算术体系，他认为使用印度-阿拉伯数码最方便。1200年左右回到比萨，潜心写作。他的书保存下来的共有5种。最重要的是《算盘书》(1202年完成，1228年修订)，算盘并不单指罗马算盘或沙盘，实际是指一般的计算。全书共15 章，1～7章系统介绍了印度数码与记数制度，以及整数、分数的各种计算方法，结果用弃九法来验算。还列有乘法表、素数表和因子表等若干数表。8～11章是商业上的计算题,如物价、利润、利息、货币换算等，反映了中世纪地中海地区的广泛商业交往。

黄金分割的算法：1.如果线段AB被点C分成线段AC和BC，且，那么称线段AB被点C 黄金分割，点C叫做线段AB的黄金分割点，AC与AB的比叫做黄金比。通过计算可知黄金比为

。2.黄金矩形：一个矩形如果两边之比具有黄金比值，则称这种矩形为黄金矩形.它是由一个正方形和另一个小黄金矩形组成。事实上，如图(4)，如果设大黄金矩形的两边为a、b，则

，分出一个正方形后，所余小矩形的两边分别为(b-a)和a，它们的比为(b-a)：a

.这表明小的矩形也是黄金矩形。

3.如何得到线段的黄金分割点C呢?这里介绍一下操作方法：首先画一个参考Y轴(纵轴)，如图所示。A点位于Y轴上，水平画出AB直线，长度任意。以A为中心，AB为半径，画一个圆，得到与Y轴相交的X点。即AX=AB。取AX的中心点Z，即AZ=ZX。连接ZB，并以Z为中心，ZB为半径绘制一个圆，得到与Y轴相交点Y(下方相交点)。即ZB=ZY。最后，以A为中心点，AY为半径绘制一个圆，得到与AB相交的C点，此时AC=AY。C点即为黄金分割点。

鹦鹉螺的曲线黄金分割构图也体现在网页构图上，如titter的IPad版。

三.人物

1.面部比例。相貌对不起观众的人各有千秋，美丽的人却有很多相似的地方。奥黛丽赫本有这标准的三平五眼，作为公众的美女，我们看看他的脸部有那些黄金分割吧。

再以一个普通人凤姐为例，对比看看，在画卡通形象的时候可以夸大面部各部分的黄金比例。

2.身体比例

肚脐：头顶-足底之分割点;(2)咽喉：头顶-肚脐之分割点;(3)、(4)膝关节：肚脐-足底之分割点;(5)、(6)肘关节：肩关节到中指尖之分割点;(7)、(8)乳头：躯干乳头纵轴上这分割点;(9)眉间点：发际到颏底间距上1/3与中下2/3之分割点;(10)鼻下点：发际到下巴底间距下1/3与上中2/3之分割点;(11)唇珠点：鼻底到下巴底间距上1/3与中下2/3之分割点;(12)颏唇沟正路点：鼻底到颏底间距下1/3与上中2 /3之分割点;(13)左口角点：口裂水平线左1/3与右2/3之分割点;(14)右口角点：口裂水平线右1/3与左2/3之分割点。(15)在人体中三分之二是水;在22.5 ℃的环境中人体的新陈代谢处于最佳状态，而22.5 ℃是人体正常体温36.5 ℃的0.618倍;(16)心脏中心位于胸腔的黄金分割点上;(17)整个脊柱的0.618是胸与腰的分界处，也就是第12胸椎处，从肩至中指指尖的0.618是肘关节，从肘关节至中指指尖的0.618为腕关节，从膝关节至足尖的0.618是踝关节。(18)姿态优美，身材苗条的时装模特和翩翩起舞的舞蹈演员，他们的腿和身材的比例也近似于0.618的比值。