網頁設計中的髒、亂、差，是我們在設計過程中常會遇到的問題。通常「髒」是由對色彩使用不當所產生的，而色彩使用不當產生的不好效果也分為：「花、灰」，花哨、灰頭土臉也就是這裡所說的「髒」。我已經在早前的一些文章中談過我對設計中運用色彩的看法。有興趣的朋友可以查閱一下《色彩解釋》。而「差」基本上是由於我們的技法上不夠嫻熟所產生的。比如細節上的處理不到位，某個區域性的效果製作得粗糙。這可以稱之為「差」，特別是在處理帶有2d效果的設計作品時，這種情況常會出現。但是我今天在本文中所要談的是「亂」。什麼是亂？這裡的亂不是指用色亂，也不是指內容亂，而主要是指布局亂。以前我有幸接觸了平面設計，並且從中學到了很多平面設計上的一些知識與技法。其中「柵格設計」就是平面設計中用於處理布局的一種理論。到目前為止我還在研究「柵格設計」。因為著實沒有什麼比較好的語言可以非常簡潔明瞭的概括這個詞。這更像是需要不斷用實踐去理解的。所以很多時候我們們都無法去講述。但是在設計中這個柵格卻是能幫助我們完成更好作品的乙個非常好用的利器。對於柵格設計我也不能說是認識深刻，我這裡只是依據我對於柵格設計的理解，將之用於網頁設計中，希望能給更多的朋友們一點啟示，或許能開啟一些朋友的思路。
單純的文字是沒辦法讓設計師們耐心的看下去的，所以還是老辦法，用示圖來作為講解模型。這次我們使用的網頁是微軟、ibm、astro三個公司**來講解。希望通過分解這三個公司的**設計，能把我所理解的柵格設計傳達出來。廢話少說，看示圖：
我們看到微軟公司的**設計中並沒有什麼明顯的線去區隔不同的區塊，但是當我們把當蒙上一層紗，然後用實線把每個部分都畫出來這時我們發現這個**其實是處在乙個柵格陣列中。那麼這個陣列中的內容已經很明顯了，並且我們從中發現了很多區塊在頁面中的位置居然是那麼的有條理，並且有一些並不在一起的區塊，居然也有一定的規律。當然有人可能會說，都用線畫出來了當然顯得條理，整齊了。問題就在於這裡，我們的**都可以用縱橫線區分開。但是一些設計得不好的**的縱橫線可能數量非常的多，縱橫線的數量過多並且都擠在一直，這就說明**的布局顯得太亂。或者是過於條理而變得布局平均，沒有對比，缺乏美感。其實只要用這樣的方法去分析一下自己設計的作品也許就能從中看到問題所在。
我們看到ibm的柵格與ms的有很大的不同，ibm中還出現了一些差不多大的柵格，但是這裡要注意其實這些柵格是由於底部很小的幾個區塊所產生的，並且這凡個區塊還可以看作是乙個橫向的區塊。我們從這裡可以看到ibm的布局設計是對稱的。但是這種對稱卻是在離在縱橫線上卻不容易注意到的。這是很高明的手法。
我們再來看看astro公司的**，這個**比起上面兩個公司的**就更娛樂化，更有趣了。
從這三個**中我們可以看到三種不同風格的柵格設計，雖然有所不同，但我們依然可以發現三者都會盡可能的把最重要的資訊放在視覺中心點上，不論是放在左邊的還是右邊的或是中間的，他們都得到了最大的柵格區，得到了足夠的重視！我們的視覺中心也自然盯在了上面！
本文**
網頁的柵格系統設計
2008年09月17日 設計 柵格系統的形成 1692年，新登基的法國國王路易十四感到法國的印刷水平強差人意，因此命令成立乙個管理印刷的皇家特別委員會。他們的首要任務是設計出科學的 合理的，重視功能性的新字型。委員會由數學家尼古拉斯加宗 nicolas jaugeon 擔任領導，他們以羅馬體為基礎，...
網頁的柵格系統設計
柵格系統的形成 1692年，新登基的法國國王路易十四感到法國的印刷水平強差人意，因此命令成立乙個管理印刷的皇家特別委員會。他們的首要任務是設計出科學的 合理的，重視功能性的新字型。委員會由數學家尼古拉斯加宗 nicolas jaugeon 擔任領導，他們以羅馬體為基礎，採用方格為設計依據，每個字型方...
網頁的柵格系統設計
柵格系統的形成 1692年，新登基的法國國王路易十四感到法國的印刷水平強差人意，因此命令成立乙個管理印刷的皇家特別委員會。他們的首要任務是設計出科學的 合理的，重視功能性的新字型。委員會由數學家尼古拉斯加宗 nicolas jaugeon 擔任領導，他們以羅馬體為基礎，採用方格為設計依據，每個字型方...