作为一设计师开始一个项目时，他经常考虑网页的布局，尽管现在很多人倾向于使用它Grid css框架(如960，blueprint)，然而，有时我们需要设计一些独特的布局。我们需要讨论如何将黄金分割理论应用到网页设计中。大多数涉及的技术也适用于其他设计或艺术工作。当然，主要针对网站设计布局。

1.黄金比例

黄金分割，又称黄金比例，是一个数学术语，用来表示两个元素的比例。它的值大约等于1.618。黄金分割始于文艺复兴。当时的艺术家 非常尊重黄金分割，并广泛应用于各种设计作品中。几百年来，黄金分割可以在建筑、雕塑、绘画等领域看到。今天，我们也可以将其应用于数字艺术 。

黄金分割是一个数学术语，所以一开始可能不容易理解。我们可以举一个简单的例子来解释，假设有两个线段a和b，假如它们的长度a b/a的值等于a/b，即a b/a=a/b=1.618，然后黄金分割就成立了，a和b中间就是黄金分割点。

2.使用黄金分割

以一个960px以宽度网页设计布局为例，如果要把这个网页分成两栏，怎样才能找到它们的黄金分割点？

很简单，我们从上面的数学公式知道a b/a=1.618，960px就相当于a b所以只需要960//1.618=593，所以593px位置是黄金分割点。这样两栏的网页布局，左栏宽度设置为593px，右栏宽度设为367px(960-593)就可以了。

这种方法也适用于一些非固定的弹性网页布局，只要相应的数值通过相同的计算公式用相对单位（如百分比）表示，这样的网页设计是最自然的。您还可以进一步将网页分为3列和4列。

当然，黄金分割比只是设计的指导。如果能打破这个规则，保持网页设计页面的自然平衡，也是可以的。作为一个常见的规则，黄金比例经常被5:3取代。虽然不是很准确，但是使用起来更直观方便。

3.三分法

正如前面所说，在设计网页时，不应完全局限于某一设计理论，网页设计不需要完全遵循1.618这个值。三分法是一种简单实用的黄金分割方法。

三分法是在水平和垂直方向上使用两条水平线和垂直线。这四条线交叉形成四点，称为关键点，重要的设计元素最好放在这四个 位置。许多网页设计在不知不觉中使用了三分法，如网站的重要信息(logo、导航栏)将放置在左上角，重要性稍低的内容可能放置在右上角。当 考虑放置标题、按钮和链接时，可以考虑使用三分法作为参考。当然，它也应该灵活使用，而不是严格遵循。

4.金矩形(Golden Rectangle)

在网页设计布局中，网页根据不同的功能分为几个矩形。这些矩形的大小参照黄金分割比，形成许多黄金矩形。这些矩形可以解决你在网页设计 布局中遇到的大部分困惑。例如，您可以通过这些黄金矩形来决定flash或者图像应该放在首页的地方，也可以决定侧栏和网站底部内容的位置。一些电子商务网站在展示产品时可以参考黄金矩形。