美容整形

網頁設計-網頁設計藝術之旅：探索柵格系統的延續美學
1692年，新登基的法國國王路易網頁設計公司十四感到法國的印刷水平強差人意，因此命令成立一個管理印網頁設計刷的皇家特別委員會。他們的首要任務是設計出科學的、合理的，重視功能性的新字體。

委員會由數學家尼古拉斯加宗（Nicolas Jaugeon）擔任領導，他們以羅馬體爲基礎，采用方格爲設計依據，每個字體方格分爲64個基本方各單位，每個方各單位再分成36個小格，這樣，一個印刷版面就有2304個小格組成，在這個嚴謹的幾何網格網絡中設計字體的形狀，版面的編排，試驗傳達功能的效能，這是是世界上最早對字體和版面進行科學實驗的活動，也是柵格系統最早的雛形。

960柵格化系統是由Nathan Smith創造的，具體來講，就是基于960像素寬度，通過劃分具有規律的分割，來提高網頁開發效率。

960柵格化系統系統（或者說適應型css構架）早期主要用來進行快速原型制作，減少重複單調的工作，但是目前，它在網頁設計開發項目中開始扮演非常重要的角色了。它將爲你的設計提供一個堅實的坐標基礎。

最初有兩種變形：12柵格 和 16柵格。它們互補保證了系統的融通性。後來産生了更多的衍生。下圖展示了16柵格到3柵格的案例。BBC和yahoo的門戶網站就采用了柵格化體系，從而非常好的規範了網站的信息布局和疏密程度。

一些個人站點或者産品展示站網頁設計點使用柵格化後更加大氣，視覺感受更加寬廣。下面台中網頁設計是一些網站的例子：

柵格系統指導頁面的布局和留白，而不影響站點的個性化需求。可以說頁面布局就好比計劃，它能夠事先勾勒出網站的氣質。針對網站內容的容量選擇合理的柵格方式。這裏不深入闡述如何使用柵格系統設計網站，如果需要可以另起一篇文章。

隨著大尺寸屏幕的出現和普及網頁設計，很多網站開始走寬屏路線，但是這並不影響柵格系統的存在，相反，柵格系統已經成了多媒體信息排版的基礎。而在移動端，隨著flipbord應用程序的出現，借鑒雜志排版效果的信息呈現方式逐漸成爲PAD上內容應用的主流形式。其中3×4網格的應用最爲廣泛。