作为一个网页设计师，在开始一个项目时，网页的布局经常被考虑在内。虽然现在许多人更喜欢使用网格css框架(例如960，蓝图)，但有时有必要设计一些独特的布局。今天我们将讨论如何将黄金分割理论应用于网页设计。所涉及的大多数技术也适用于其他设计或艺术作品。当然，它主要是针对网站设计布局。
黄金比例
黄金分割(golden section)，也称为黄金分割比，是一个用来表示两个元素之比的数学术语，其值大约等于1.618。黄金分割自文艺复兴以来就一直存在。那个时代的艺术家非常尊重黄金分割，并将其广泛应用于各种设计作品中。数百年来，黄金分割可以在建筑、雕塑、绘画等领域看到。今天，我们也可以将它应用于数字艺术。
黄金分割的应用
以宽度为960像素的网页设计布局为例。如果我们想把网页分成两栏，我们怎样才能找到它们的黄金分割？
很简单，我们从上面的数学公式中知道，a+b/a=1.618，960px相当于a+b的值，所以只要使用960/1.618=593，593px的位置就是黄金分割点。对于两列页面布局，左列宽度为593px，右列宽度为367px(960-593)。
这种方法也适用于一些非固定和灵活的网页布局，只要通过相同的计算公式获得的相应值以相对单位(如百分比)表示，这样的网页设计是最自然的。您还可以进一步将网页分成3列和4列。
当然，黄金比例只是设计的一个指南。如果你能打破这个规则并保持设计页面的自然平衡，这也是可能的。一般来说，黄金比例通常被5: 3所取代。虽然不太准确，但使用起来更直观方便。
三分法
如前所述，在设计网页时，不应该坚持某种设计理论，网页设计不需要遵循1.618的值。三分法是一种简单实用的黄金分割法。
三点法则是用两条水平线和垂直线在水平和垂直方向上将构图分成三个相等的部分。这四条线的交点将形成四个点，称为关键点。重要的设计元素最好放在这四个地方。许多网页设计无意识地使用了三分法，例如，网站的重要信息(徽标、导航栏)将被放置在左上角，而右下角可能会放置不太重要的内容。当您考虑标题、按钮和链接的位置时，可以考虑使用三点法作为参考。当然，也有必要保持灵活性，而不是“严格遵守”。
黄金矩形
在设计网页布局时，网页根据不同的功能被分成几个矩形。这些矩形的大小是指黄金比例，因此形成许多黄金矩形。这些矩形可以解决你在网页设计布局中遇到的大部分难题。例如，您可以使用这些金色矩形来确定flash或图像应该放在主页的什么位置，还可以确定网站底部边栏和内容的位置。一些电子商务网站在设计产品展示时特别会参考黄金矩形。
结论
黄金比例是网站布局最引人注目的方法。虽然这是一个数学概念，但效果确实显著。将其与网站的字体、配色和设计相结合，将您的设计水平提升到一个更高的水平。
