武林網(www.49028c.com)文章簡介：數學是優美的. 聽上去有點奇怪? 當我第一次開始設計作品的時候，我確信如此。數學如此刻板乏味。你可能會驚訝的發現，最美觀的設計，藝術作品，物體，甚至我們人都有數學上的共同點。尤其是黃金分割，也被稱為神之比例，希臘字母表示其為 Φ (phi). 本教程會剖析一個網

數學是優美的. 聽上去有點奇怪? 當我第一次開始設計作品的時候，我確信如此。數學如此刻板乏味。你可能會驚訝的發現，最美觀的設計，藝術作品，物體，甚至我們人都有數學上的共同點。尤其是黃金分割，也被稱為神之比例，希臘字母表示其為 Φ (phi). 本教程會剖析一個網站的布局，以及如何對其黃金分割。

 

網頁結構

這些是web頁面的主要元素。有很多不同的方法去組織它們，但是這種布局也許是最常用的。

Navigation

頁面導航是最重要的元素之一;你的訪問者需要用它來使用你的站點。 它應該是容易被找到且易用的，這就是為什么大多數的人把它放在header部分，最少也是在頁面頂端附近的原因。

 navigation類型:

Horizontal: 水平顯示，被稱為‘navigation’。
Vertical: 垂直顯示，被稱為‘menu’

Main Content

每個人都（應該）知道，內容才是王道！當人們來訪問你的站點，這是他們想看的主要元素。它應該是web頁面的焦點，所以參觀者才能快速找到他們想要的。

Whitespace

你可能有強烈的愿望去填充這些頁面上的空白，但是請不要這么做。“空白”也是相當重要的。你可以看看NetTuts網站是如何有效的使用空白區域的，創建了頁面平衡給人一個好的感覺。
以上是web頁面的骨架，現在我們來看如何黃金分割這些元素。

黃金分割和使用網格（Grids）

還記得之前我說數學是優美的嗎？我們認為視覺的吸引力是基于比例的（比如，黃金分割）。幾千年來，藝術家，設計師，建筑師等都有意無意的在使用了一個共同的比例來增加他們作品的美感。這個神奇的數字是什么呢？ 1.62 (實際是 1.618...) 我不會說這個數字的起源，但是我會告訴你如何使用它。