什么是黄金比例？黄金比例是一种数学比例，通常在自然界中发现，用于创建平衡的构图。约等于1.6180，又称“中庸之道”、“黄金分割”，常用希腊字母Ф来表示该值。“黄金矩形”是宽度是其高度的1.6180倍的矩形。比如一边被分成300px，那么另一边就是300*1.6180≈485px，可以称之为黄金矩形。如果你从这个黄金矩形中切出一个***矩形，你会得到另一个黄金矩形：你可以继续对更小的矩形做同样的动作，然后继续分割，***循环，你得到这个熟悉的图像:斐波那契数列斐波那契数列与黄金比例相似，但又不完全相同。这是一系列数字，序列中的下一个数字是前两个数字的总和。例如：0,1,1,2,3,5,8,13,21,34,55,89,144,233,377...这个规则的公式是xn=xn-1+xn-2.假设我们从一个正方形开始，然后添加另一个，我们得到一个我们想要的矩形：保持添加的正方形伸展的最长长度，然后我们添加另一个等于最长长度之和的矩形：然后一次又一次：这个可以持续很长时间，也会得到同样的黄金矩形效果，只不过这次是新建而不是分割。黄金比例和斐波那契数列都可以让我们做出有吸引力的比率。现在让我们分析一些可以看到它们使用情况的网站。Yourlocalstudio.dk“YourLocalStudio”是一个基于丹麦哥本哈根工作室设计开发的网站。他们擅长使用任何一种视觉概念来优化网页。这个网站上有两三个页面使用了黄金比例。主页是关键信息的概念表示。但是，当你访问工作室页面时，你会发现它融合了一点传统的网页布局和黄金分割矩形，比如下面的页面：想要脱颖而出？通过利用网站设计的黄金比例，就像Yourlocalstudio所做的那样。该设计采用渐进式、组织良好且结构清晰的网格系统，以非常规的布局来吸引用户的注意力。Mashable.comMashable是一个新闻网站。我们用黄线标记了黄金比例的布局。可见网站内容布局灵活，为信息布局留有喘息空间。虽然类似的内容驱动型网站大多采用传统的网格布局，内容密集且无重点，但可以看出Mashable的黄金比例非常有效，即使它是无形的。Jandk.frJackson&Kent是一家来自法国的网络制作代理网站。上面的截图教你如何展示以前客户的工作项目。它还包含联系信息和公司地址。如下图所示，同样采用黄金分割网格体系进行组织布局。这里的案例鼓励你使用不同大小的区域来让内容看起来更有趣。用户在浏览网站时，不仅是看内容，更是体验网站的设计。使用黄金分割作为视觉指南是一种非常有效的方法。结论黄金比例据说是一种吸引眼球的网站布局方法。虽然是数学概念，但效果确实显着。将其与网站字体、配色、设计相结合，会让你的设计水平更上一层楼。
