超干货!让排版更富有设计感的黄金比例

在设计中,如何把握比例能让你的设计更好看,回答以前不妨看一看我们生活中的美都是什么样的比例? 大到世界七大奇迹之吉萨金字塔,千古名画蒙娜丽莎,到现在著名互联网公司Twitter的页面等,他们都有什么共同点?

答案很简单,它们的设计都遵循了黄金比例。 那究竟什么是黄金比例,如何使用它来提高你设计水平?Fotor懒设计下面给你分析分析。

「有一条线条,如果我们从中切一段,如果左边是0.618这么一个比列,右边则是1这么一个比例。」 如果符合这样的左右比例我们称之为黄金分割比。那么中间切割的位置就是我们黄金分割线的位置。

而在这条线中,bc/ac=ab/bc=0.618 (此处补课初中数学知识,不会的出来挨打)   我们大体概括一下: 黄金分割线是指将整体一分为二,较大部分与整体部分的比值,等于较小部分与较大部分的比值,其比值约为0.618。 这个比例被公认为是最能引起美感的比例,总结一句话就是:0.618的比值最美。 用公式来表示的话未免太抽象了,看图说话,在很多设计中完美的运用了黄金分割线,你体会下美不美。

那么问题出现了,1. 0.618的比例怎么来的? 故事是这样的,有人做了一个实验,他们拿着一些长方形去问全世界的人,说哪个长方形最好看?结果所有的人都不约而同的选择了这种长方形。

科学家们就很奇怪它的奥秘到底在哪? 然后研究后发现,如果你在这个长方形中间画一条线,把它分割成两个形状的话。 右边可以是一个正方形,左边小的长方形的比例和原来的长方形的比例是一摸一样的。

即使你吧更小的矩形继续做同样的动作,然后再继续切分下去,无限循环,你也会得到这个熟悉的图像。 dei,然后再通过绘制拱形的平滑曲线,大名鼎鼎的斐波那契数列就被描绘出来了。

这样美丽的螺旋设计,在很多页面设计中就非常常见了,比如上面提到的Twitter,还有一些页面设计中也很常见。

好了,基础知识讲完了,那么实例开始。

1.将尺寸设置成黄金比例 这个方法最简单啦,不管你是什么设计,严格按照1:1.618的比例尺寸放你的图就ok。 比如你看Photography网页的页面,就是这样,不避雷。

不过,由于不同设计,尺寸要求不同,推荐一些工具为你助力,方便计算和使用~   (1)黄金比在线计算工具 网站提供了各种比例的计算方式,在实际设计过程中,只需要将任意需要的尺寸在数字上修改,其他数字也就同时改变,免去了自己动手计算的麻烦。

(2)goldenRATIO GoldenRATIO嵌套在PS中,各种黄金比例一目了然,还能保存你的比例分割设置。

(3)Golden Ratio Typography Calculator 网站可以根据黄金比例来帮你的字体大小和宽度进行设置,简单易懂,除了是英文界面以外。

2.运用黄金比例中的圆 最常运用“黄金圆”的是LOGO设计,最经典的应该是Pesi和Twitter的LOGO设计。 Pesi的LOGO是纯粹的用两个圆,然后按照黄金比例配置,Twitter是先把矩形黄金分割,然后用多个圆相互匹配设计而成。

                                                                            百事的LOGO设计
                                                                        Twitter的LOGO设计

3.九宫格和三分法 三分法是由黄金分割法衍生出来的构图法则,也是比较经典的构图法则。 在矩形中四条穿过黄金分割点的线可将画面分成九个小矩形,这便是九宫格图。 三分法构图就是将主体或主要元素放在“九宫格”内直线的交点或直线上。   一般认为,右上方的交叉点或右边直线最为理想,其次为右下方的交叉点或左边直线。 但也不是一成不变的,应根据实际情况决定。这种构图格式符合人们的视觉习惯,目光自然落在主体上,具有突出主体画面趋向均衡的特点。

4.斐波那契数列 对于网页内容而言,黄金螺旋的轨迹同样可以起到重要的作用。   我们的视觉可以很自然地沿着黄金螺旋的轨迹运动,这也就是说这样设计网页布局会让访客更加自然地浏览内容。 当然不仅仅是网页,很多设计中内容和主体沿着黄金螺旋的轨迹一定不会糊,比如你看下面这个猫,完美的黄金螺旋比例,他多可爱!

总结: 说了很多,但其实构图的时候是否使用黄金分割线、三分线、等等其实并不是绝对的,它只是方法之一。 如果你有排版基础,以这个为参考相信一定能排出不错的版式。或者你想要自己动手设计又苦于没有专业知识,那么Fotor懒设计一定适合你,基于海量模板任意修改,重要的是完全可商用。 你只需要加上你的创意,剩下的Fotor懒设计来搞定!

01-1
wanglin@everimaging.com超干货!让排版更富有设计感的黄金比例

发表评论

电子邮件地址不会被公开。 必填项已用*标注