從平面柵格Web Design看佈局

網頁設計中的髒、亂、差，是我們在設計過程中常會遇到的問題。通常"髒"是由對色彩使用不當所產生的，而色彩使用不當產生的不好效果也分為："花、灰"，花哨、灰頭土臉也就是這裏所說的"髒"。而"差" 基本上是由於我們的技法上不夠嫺熟所產生的。比如細節上的處理不到位，某個局部的效果製作得粗糙。這可以稱之為"差"，特別是在處理帶有2D效果的設計作品時，這種情況常會出現。但是我今天在本文中所要談的是"亂"。 　　什麼是亂？這裏的亂不是指用色亂，也不是指內容亂，而主要是指網頁佈局亂。以前我有幸接觸了平面設計，並且網站建設從中學到了很多平面設計上的一些知識與技法。其中“柵格設計”就是平面設計中用於處理佈局的一種理論。到目前為止我還在研究"柵格設計"。因為著實沒有什麼比較好的語言可以非常簡潔明瞭的概括這個詞。這更像是需要不斷用實踐去理解的。所以很多時候我們們都無法去講述。但是在設計中這個柵格卻是能幫助我們完成更好作品的一個非常好用的利器。對於柵格設計我也不能說是認識深刻，我這裏只是依據我對於柵格設計的理解，將之用於server4.htm' style='text-decoration:none;' >網頁設計中，希望能給更多的朋友們一點啟示，或許能打開一些朋友的思路。 　　單純的文字是沒辦法讓設計師們耐心的看下去的，所以網頁寄存還是老辦法，用示圖來作為講解模型。這次我們使用的網頁是微軟、IBM、ASTRO三個公司網站來講解。希望通過分解這三個公司的網站設計，能把我所理解的柵格設計傳達出來。看示圖： 　　我們看到微軟公司的網站設計中並沒有什麼明顯的線去區隔不同的區塊，但是當我們把當蒙上一層紗，然後用實線把每個部分都畫出來這時我們發現這個網站其實是處在一個柵格陣列中。那麼這個陣列中的內容已經很明顯了，並且我們從中發現了很多區塊在頁面中的位置居然是那麼的有條理，並且有一些並不在一起的區塊，居然也有一定的規律。當然有人可能會說，都用線畫出來了當然顯得條理，整齊了SEO。問題就在於這裏，我們的網站都可以用縱橫線區分開。但是一些設計得不好的網站的縱橫線可能數量非常的多，縱橫線的數量過多並且都擠在一直，這就說明網站的佈局顯得太亂。或者是過於條理而變得佈局平均，沒有對比，缺乏美感。其實只要用這樣的方法去分析一下自己設計的作品也許就能從中看到問題所在。