加入收藏 | 设为首页 | 会员中心 | 我要投稿 徐州站长网 (https://www.0516zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 网站设计 > 教程 > 正文

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

发布时间:2016-08-04 10:50:14 所属栏目:教程 来源:优设网
导读:吉萨金字塔、蒙娜丽莎、Twitter和百事可乐有什么共同点?答案很简单,它们的设计都遵循了黄金比例。作为一个常见的数学比例,黄金比例实际上是从自然界中总结并发现的,用

3、内容:沿着黄金螺旋的轨迹

对于网页内容而言,黄金螺旋的轨迹同样可以起到重要的作用。我们的视觉可以很自然地沿着黄金螺旋的轨迹运动,这也就是说这样设计网页布局会让访客更加自然地浏览内容。

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

如果你仔细查看美国国家地理的网页,会看到它们的网页布局就是如此,用户会下意识地随着这个布局来浏览,这是一种潜意识行为。

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

这个网站是平面设计师Tim Roussilhe 的作品,信息量很大,布局也紧密,关键是信息组织的相当有条理,多而不乱。左上角的内容就是借助黄金螺旋的轨迹来设计的,关键的点和位置都落在黄金螺旋的轨迹上。功能性的组件在这个布局中都位于瞩目的位置,留白也分布到了合理的间隙中,所有的细节都精致到位。

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

Saastamoisen säätiö 的这个视觉设计稿就更典型了。图中的字母分布看起来乱中有序,它们就是沿着黄金螺旋来分布的,并且随着螺旋半径的缩小而逐渐缩减字体尺寸,并且提升字母的密度。这样的设计保证了视觉的平衡,富有设计感而不混乱。

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

Helms 工作室 为Fullsteam 啤酒进行品牌设计的时候,也同样借助黄金螺旋来布局内容。

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

4、图片:黄金比例和三分法

对于图片而言,布局自然是很重要的,无论是用来传递信息还是呈现图像布局的美感。黄金比例可以让图片变得更加吸引眼球,让重要的信息脱颖而出。平时我们所说的三分法布局,如何结合黄金比例,可以让布局更漂亮。

参考下方的图片,借助将页面进行黄金比例分割的四条线,线条两两交汇的地方是最吸引用户的地方。当然,我们常见的三分法是让同一个方向上的两条线将布局按照1:1: 1的比例分割开来。

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

这个案例是Complex杂志的封面,整体布局符合黄金比例,而黄金比例三分法下的两个交点上则正好和女性的鼻子与眼睛上。

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

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

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

Feld杂志的设计,也参考了黄金比例三分法,左上方的标题和内容区块明显是参考分割线来设计的,而右下方的背景中的人物的鼻子——也就是人物的中心点正好压在右下方的交点上。

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

5、图形:黄金比例圆形

黄金比例可以用来创建矩形也能用来创建比例协调的圆形。使用黄金比例不仅可以产生和谐的比例,而且能够让图形保持较高的一致性。从百事和Twitter的LOGO来说说这个事情吧。

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

百事的LOGO是使用两个遵循黄金比例的圆圈来构建的,较小圆形并不是显而易见的那种,而是隐藏在内部的曲线中。

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

Twitter的LOGO设计则是借助若干完美的圆形来进行构建的,只不过它在使用黄金比例的圆形的时候,并没有使用相邻比例的圆形来构建,乍一看不够精确,但却同样营造出和谐的标识。

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

(编辑:徐州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读