网页设计中黄金比例是各类平面布局内使用，尤其是平衡的内容是文本重。 它可以帮助设计人员创建的层次结构和吸引用户的眼睛特定区域。 看看下面的网站例子，看看设计师们利用它！

什么是黄金比例？

黄金比率是一个数学比例，在自然界中普遍存在，并在经典的设计理论用于创建平衡的成分。 这大致等于1.6180，也被称为“中庸”，“黄金分割”，并用希腊字母披“φ”简称。

“黄金矩形”是长度为1.6180倍宽的长方形。 例如，一div ，其具有300px的一侧和另一300 * 1.6180≈485px可以说是一个黄金矩形。

如果从这个黄金矩形砍掉一个完美的正方形，你会留下另一个黄金矩形。

如果从这个黄金矩形砍掉一个完美的正方形，你会留下另一个黄金矩形

你可以这样做，以较小的矩形，然后再次以相同，无限期，给你这个熟悉的形象：

如果我们从一个完美的正方形，然后给它添加另一个我们得到了一个矩形：
保持沿长度最长加广场
然后，我们添加其他方，等于总形状的最长长度：

让我们现在就来分析几个网站，我们可以看到他们在行动。

示例1：YStudio

它是如何使用的中庸之道
该网站在这里使用了中庸两三个页面。 主页是关键件工作的概念性概述。 但是，当您访问工作室网页它，你向下滚动页面混合一点与中庸矩形的传统的网络布局。

为什么它的有效
想要脱颖而出，在人群中？ Yourlocalstudio（YLS）这样做，是通过利用黄金比例在他们的网站设计。 该设计采用了渐进式的外观有一定的网格系统。 你可以说，这些天娥verything看起来像引导 ..留意了越来越多的网站希望吸引注意力以更加结构动态布局。

结论

黄金比例自然导致用户的眼睛的特定点内的用户界面。 作为一个概念，它可以帮助你思考的内容布局和有效利用层次结构。 布局，排版，色彩和首要原则的结合，将有助于把你的设计到一个新的水平。 

牧羊人设计文章推荐：

UI界面元素和设计例子
最好的数字机构和工作室