2014-1-17 藍藍設計的小編
轉載藍藍設計( m.gerard.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供有效的 BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
來源：http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
現在大量網頁設計基于網格布局。雖說人們通常注意不到它，但雜亂無章的布局時代確實已經過去了，現在是整齊結構化的天下。無論從理論、美學和整齊來說，這樣的布局都很好平衡。網格結構是所有現代網站的基礎，很大程度上提高了網站界面設計的整體效果，它總能給最終用戶完美無暇的ui設計。
把主頁劃分成相等方塊加上黑色透明蒙版來展示不同類型的藝術圖片。
三列布局，每一列有自己的圖片流用來展示不同明度圖片。此外，當你滾動下拉網站其他圖片的紅色圓形鏈接會交替出現。
順序展示了那些滿是色彩和圖形的驚人藝術作品。
利用大小不一但相對平衡的網格來突出以前的項目，不同大小代表不同的強調程度，尺寸越大代表它的復雜程度越高。
是另一個不均勻網格的好案例，行的位置跟隨列變。
用清晰均勻的網格展示圣誕節的各種動態gif圖片。
是用黑色蒙版的絕好案例，每個單元格都有自己單獨的蒙版。這樣的變化加上限制色彩使用給主頁一種棋盤的感覺。
是一個完全動態的網站，它用時間線在基于網格的”畫廊”上展示了不同時期的藝術家的杰作，這些圖片占據了整個首頁。
用明亮的顏色和純幾何形狀搭配出現代干凈清晰的平面風格。
整齊地組織登陸頁、和諧地整合圖片和文本塊給人以震撼感。
展示了這樣的主頁——把導航鏈接和位置多變方形的商品項目結合在一塊。
標準的左邊項目列表，右邊展示圖片。
超大圖片的導航系統，也可理解為是基于網格的。
把每個單元分成兩半——一半圖片，一半文字。而且設計師們增加個幾個大方塊幻燈效果讓網格看起來很不一樣。
看起來格外神秘獨特，黑色單色背景和適度混亂的網格展示藝術作品縮圖。
大量的黑白配色和規矩的網格讓網站看起來干凈漂亮。
通過網格系統用最常見的方法過濾展示結果排列這些視頻截圖。
首頁整版的縮略圖形成了一個完美而詳細的網格，盡管對一個網站來說有點笨重和混亂。
確實有爆炸的氣氛。整個設計聚焦用戶，動員他們參與到獨特壯觀的動畫里來。
確實不錯，有序、準確地展示他們的工作讓用戶馬上能夠了解他們。
看起來時尚精致。網站在網格上展示了一系列高質量圖片。
是一個有著大量的長方形的功能塊且結構非常好的常規博客。
很好的利用了這些狹窄的列來盡可能展示更多信息。
特意用行列之間不同的間隔為網站增加了一點小混亂。
一列一列地展示視覺信息，和諧地避免了用線。這樣也能更好的展示大圖。
大量留白讓用戶自由呼吸。設計師們把頁面協調地分成4列，給每個單元格加上一個大標題和圖片描敘。
網格是一個一秒鐘變混亂為整潔的整體設計工具，在網頁設計領域這樣的技能尤為重要。大部分普通用戶想簡單快速的獲取信息，提供良好結構化的數據是首選。但這樣并不意味著網站展示就該平淡無趣。即使是再簡單的幾何圖形也能在色彩、圖片圖形的配合下絢麗奪目。而且，清晰的網格設計能完美地融入各種類型的網站不論你是在線雜志還是創意展示。
那么，你是怎樣看這些基于網格的網站設計的？這些精心設計的單元塊能夠吸引你嗎？它只是適合創意設計，還是更適合博客、在線雜志或者資訊類網站？