基于柵格系統的設計在網絡上越來越流行了。一個設計優良的基本柵格系統不但讓你的設計更漂亮和易讀，還更具可用性。柵格由一系列的垂直線和水平線組成，幾乎所有的視覺媒體都以之為基礎。清晰的結構將內容分割成愉悅視覺的比例。下面是30個優秀的基于網格系統的Weblog設計。

http://www2.jeffcroft.com/

http://ryanbrill.com/

http://www.subtraction.com/

http://www.bs-markup.de/

http://www.alvarocastano.com/

http://www.achtentachtig.com/

http://eswat.ca/

http://5thirtyone.com/

http://www.peterpixel.nl/

http://blog.criticalwebdesign.co.uk/

http://www.youtilize.com/

http://warpspire.com/

http://www.emanuelblagonic.com/

http://www.andyrutledge.com/

http://jonasboner.com/

http://journal.barleyhut.com/

http://www.quicksprout.com/

柵格系統的形成

1692年，新登基的法國國王路易十四感到法國的印刷水平強差人意，因此命令成立一個管理印刷的皇家特別委員會。他們的首要任務是設計出科學的、合理的， 重視功能性的新字體。委員會由數學家尼古拉斯加宗（Nicolas Jaugeon）擔任領導，他們以羅馬體為基礎，采用方格為設計依據，每個字體方格分為64個基本方各單位，每個方各單位再分成36個小格，這樣，一個印 刷版面就有 2304個小格組成，在這個嚴謹的幾何網格網絡中設計字體的形狀，版面的編排，試驗傳達功能的效能，這是是世界上最早對字體和版面進行科學實驗的活動，也 是柵格系統最早的雛形。

柵格系統英文為“grid systems”，也有人翻譯為“網格系統”，其實是一回事。不過從定義上說，柵格更為準確些，從維基百科查到柵格的定義為：柵格設計系統（又稱網格設計系統、標準尺寸系統、程序版面設計、瑞士平面設計風格、國際主義平面設計風格），是一種平面設計的方法與風格。運用固定的格子設計版面布局，其風格工整簡潔，在二戰后大受歡迎，已成為今日出版物設計的主流風格之一。

網頁設計中的柵格系統

我給網頁柵格系統下的定義為：以規則的網格陣列來指導和規范網頁中的版面布局以及信息分布。
網頁柵格系統是從平面柵格系統中發展而來。對于網頁設計來說，柵格系統的使用，不僅可以讓網頁的信息呈現更加美觀易讀，更具可用性。而且，對于前端開發來說，網頁將更加的靈活與規范。

柵格系統在現在的網頁設計中應用越來越多，一篇關于柵格系統應用的文章：30個優秀的基于柵格系統的博客網站設計。