于黄金如分割.docVIP

  • 1
  • 0
  • 约7.58千字
  • 约 19页
  • 2016-12-24 发布于湖南
  • 举报
设计师要学会——黄金分割 ? 设计师在设计的时候,总会遇到这样那样的问题,和人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.34.55.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.身体

文档评论(0)

1亿VIP精品文档

相关文档