最佳比例的秘密!教你如何在设计中充分运用黄金比例-UI设计 PS-优质IT资源分享社区

admin
管理员
管理员
  • UID1
  • 粉丝26
  • 关注4
  • 发帖数581
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:127回复:0

最佳比例的秘密!教你如何在设计中充分运用黄金比例

楼主#
更多 发布于:2016-06-10 19:55

最好份额的隐秘!教你如安在规划中充分运用黄金份额
什么是黄金份额?
黄金份额是一个对比特别的数学份额,一般咱们会用线段切割来解说这个份额:把一条线段切割为两有些,较短有些与较长有些长度之比等于较长有些与全体长度之比,其比值是一个无理数,取其前三位数字的近似值是0.618。




当然,咱们今日讨论的并非是数学问题,而是规划和美。黄金份额之所以被冠名以“黄金”二字,天然是因为这个份额带来的调和与美感。当你运用到规划著作中的时分,这种份额会营造出艺术感。
黄金份额现已被咱们的前辈运用了几千年,从埃及的吉萨金字塔的规划份额到雅典的巴特农神殿,从米开郎琪罗为西斯廷教堂所雕刻的亚当抵达芬奇的蒙娜丽莎,从百事可乐的LOGO到推特的LOGO规划,乃至咱们的脸庞都遵从这个数学份额:




事实上,咱们的大脑好像先天就对比喜爱运用黄金份额的对象和图画。这简直是下认识的招引力,大脑乃至会对双眼看到的事物进行小幅度的微调以接近黄金份额,进步咱们自身关于外物的回忆和形象。
黄金份额无疑可以运用于各种图形。假如你将一个正方形拉伸为一个矩形,让长是宽的1.618倍,就可以取得一个“完美”的矩形。




将两个图形叠加,你就可以取得一个明晰直观的黄金份额,被切割出来的小矩形相同遵从着黄金份额。




假如你持续以这么的办法向新的矩形中填充正方形,那么你填充的正方形会越来越小:




像上图所示,你终究制作出来的将会是一个黄金螺旋(而其间的矩形也就遵从着传说中的斐波那契数列)曲线,它所包括的数列遵从的规则是,每个数字都是前两个的和:0、1、1、2、3、5、8、13、21、34
、55、89、144……
这即是黄金螺旋:




最有意思的是,你会发现这个漂亮的款式在天然界中简直无处不在:蕨类植物的茎、鲜花、贝壳,乃至飓风。这也即是为何咱们会觉得它们在视觉上有着无与伦比的招引力,因为它们在天然界中是最好的。




接下来,你可以在每个正方形中内切一个圆形,那么这组圆形将遵从1.618的黄金份额,具有着均匀而平衡的份额关系。




这么一来,咱们就具有了遵从黄金份额的正方形、矩形、圆形,而它们就可以被你运用到规划傍边去。
这么解说相信你都能理解吧?
在规划中运用黄金份额的5种办法
既然你现已了解了黄金份额的基础知识,那么接下来看看怎么凭借它来提高你的规划。因为黄金份额的出现方法许多,所以你可以将它用到规划、距离、内容、图画和图形傍边。
1、规划:将尺度设置成黄金份额
在规划中运用黄金份额的办法并不难,要害是操控份额和尺度。要点很简单,把握好1:1.618的黄金份额。
举个比如,运用960px的宽度规划的时分,除以1.618可以得到594px,这个可以用作你的规划的高度,然后将悉数规划划分为两栏,一栏方形,一栏矩形,一个调和的规划就出来了。




这种两栏式规划在页面上十分实用,咱们所熟知的美国国家地理的页面即是运用的这么的规划办法,看起来可读性十分不错,份额平衡,契合网站内容天然的特性。




2、距离:运用黄金螺旋规划
距离的操控和留白一样,是规划中十分要害的元素。调和的规划可以营造出优异的著作,那么怎么凭借黄金份额来调和页面中的多种元素呢?合理的计算有的时分比直觉适宜,假如能联系起来就更好了。
在根本的规划上,凭借黄金螺旋来调整,是个不错的思路。多种不一样的元素在同一页面上的时分,黄金螺旋可以帮你筛选出合理的空间规划和空隙。




Moodley 规划工作室为Bregenzer Festspiele
艺术节规划了海报、运用、节目单和很多的品牌标识。节目单的全体规划选用了拼贴的办法,有很多的留白,而其间各种元素的规划份额、方位和留白即是凭借黄金螺旋来安置的。




总部坐落新加坡的Lemon Graphic 为Terkaya财富办理进行视觉形象规划,名片的规划元素也相同凭借黄金螺旋来规划。




3、内容:沿着黄金螺旋的轨道
关于页面内容而言,黄金螺旋的轨道相同可以起到主要的效果。咱们的视觉可以很天然地沿着黄金螺旋的轨道运动,这也即是说这么规划页面规划会让访客愈加天然地阅读内容。




假如你细心检查美国国家地理的页面,会看到它们的页面规划即是如此,用户会下认识地跟着这个规划来阅读,这是一种潜认识做法。




这个网站是平面规划师Tim Roussilhe
的著作,信息量很大,规划也严密,要害是信息安排的相当有条理,多而不乱。左上角的内容即是凭借黄金螺旋的轨道来规划的,要害的点和方位都落在黄金螺旋的轨道上。功能性的组件在这个规划中都坐落注目的方位,留白也散布到了合理的空隙中,一切的细节都精致到位。




Saastamoisen säätiö
的这个视觉规划稿就更典型了。图中的字母散布看起来乱中有序,它们即是沿着黄金螺旋来散布的,而且跟着螺旋半径的减小而逐步减缩字体尺度,而且提高字母的密度。这么的规划确保了视觉的平衡,赋有规划感而不紊乱。




Helms 工作室 为Fullsteam 啤酒进行品牌规划的时分,也相同凭借黄金螺旋来规划内容。




4、图画:黄金份额和三分法
关于图画而言,规划天然是很主要的,无论是用来传递信息仍是出现图画规划的美感。黄金份额可以让图画变得愈加招引眼球,让主要的信息锋芒毕露。平常咱们所说的三分法规划,怎么联系黄金份额,可以让规划更漂亮。
参阅下方的图画,凭借将页面进行黄金份额切割的四条线,线条两两交汇的当地是最招引用户的当地。当然,咱们常见的三分法是让同一个方向上的两条线将规划依照1:1:
1的份额切割开来。




这个事例是Complex杂志的封面,全体规划契合黄金份额,而黄金份额三分法下的两个交点上则恰好和女人的鼻子与双眼上。




Jason Mildren 为Pilot
杂志规划封面,其间的规划选用的是均匀三分法来构建视觉重心,图中模特的眼、拇指和手臂轴心都处在视觉重心上,人物方位靠右下,留白靠左上,又是一个平衡的规划。




Feld杂志的规划,也参阅了黄金份额三分法,左上方的标题和内容区块显着是参阅切割线来规划的,而右下方的布景中的人物的鼻子——也即是人物的中心点恰好压在右下方的交点上。




5、图形:黄金份额圆形
黄金份额可以用来创立矩形也能用来创立份额调和的圆形。运用黄金份额不只可以发生调和的份额,而且可以让图形保持较高的一致性。从百事和Twitter的LOGO来说说这个工作吧。




百事的LOGO是运用两个遵从黄金份额的圆圈来构建的,较小圆形并不是清楚明了的那种,而是躲藏在内部的曲线中。




Twitter的LOGO规划则是凭借若干完美的圆形来进行构建的,只不过它在运用黄金份额的圆形的时分,并没有运用相邻份额的圆形来构建,乍一看不行精确,但却相同营造出调和的标识。








[font=Tahoma  ]
优质IT资源分享社区为你提供此文。
本站有大量优质UI设计(含PS,软件 网页 平面设计等)教程视频,资料等资源,包含UI设计基础教程,高级进阶教程等等,教程视频资源涵盖传智播客,极客学院,达内,北大青鸟,猎豹网校等等IT职业培训机构的培训教学视频,价值巨大。欢迎点击下方链接查看。

[font=Tahoma  ]UI设计教程视频
优质IT资源分享社区(www.itziyuan.top)
一个免费,自由,开放,共享,平等,互助的优质IT资源分享网站。
专注免费分享各大IT培训机构最新培训教学视频,为你的IT学习助力!

!!!回帖受限制请看点击这里!!!
!!!资源失效请在此版块发帖说明!!!

[PS:按 CTRL+D收藏本站网址~]

——“优质IT资源分享社区”管理员专用签名~

本版相似帖子

游客