为什么我做的网页设计总是布局不好看？一招解决你的问题

看到这个螺旋线你想到了什么？是不是有点眼熟

这就是我们经常说到的黄金分割比

也就是斐波那契数列

它在自然界其实是无处不在的，我们可以看看下面的这些图：

有没有发现，万事万物都会与这个比例变化有关联

那这个自然界常出现的数列跟设计又有什么关系？

本来是没什么关系的，但自从有人把这套比例应用到设计上面之后发现

设计出来的东西是那么的完美

那么具体怎么运用呢

其实就是使用到了斐波那契数列的递进关系

斐波那契数列（Fibonacci sequence），又称黄金分割数列、因数学家列昂纳多·斐波那契（Leonardoda Fibonacci）以兔子繁殖为例子而引入，故又称为“兔子数列”，指的是这样一个数列：1、1、2、3、5、8、13、21、34、……在数学上网页设计是干嘛的，斐波纳契数列以如下被以递推的方法定义：F(1)=1，F(2)=1, F(n)=F(n-1)+F(n-2)（n>=3，n∈N*）

以上引用自百度百科

好吧，我知道很多设计师是完全不通数学的，那么我给大家罗列 一个简单的公式看

a : b=1 : 0.618

什么？你还是不懂？

那好吧，简单点说网页设计是干嘛的，如果你设计一个logo，要用到两个圆去做布尔运算

那么请最好使用大圆半径为1，小圆半径0.618

当然，如果还需要使用更多的圆去做加法，减法也可以以此类推

那这跟做网页设计又有什么关系？

真是不开窍啊，设计的原理是相通的

用斐波那契数列的比例去做logo设计好看

那么用来做网页设计的排版布局也是一样滴

比如你做网页设计的排版布局

左边的占比与右边的占比关系可以是1：0.618

上边与下边的占比关系亦是如此

甚至在摄影构图方面也是如此

那么问题来了，我们平时应当如何绘制这样的一个比例作为参考线呢

以前的设计师们在电脑未出现之前是用的这货

还有这货

你们看了是不是想捶我

好了，不要打我，我交出来（这图是我用ai画的）

当然，我知道有些同学是不知道怎么用ai绘制黄金分割比参考线的

所以我给大家准备好了ai原文件下载

只要扫描文章末尾的二维码加入我们的学习群即可在群文件里下载获得了：）

不过有同学会问，一定要完全符合1:0.618才是美的吗？

当然不是，不过越接近这个值，设计会越显得协调自然，容易被大多数人喜欢。

图来自于网络