簡介
將之分為一欄、二欄、三欄以及更多的欄把文字與圖片安排於其中，使版面具有一定的節奏變化，產生優美的韻律關係、格線設計在實際運用中具有科學性、嚴肅性，但同時也會給版面帶來呆板的負面影響。在頁面設計中，格線為所有的設計元素提供了一個結構，它使設計創造更加輕鬆、靈活，也讓設計師的決策過程變得更加簡單。在安排頁面元素時，對格線的使用能提高精確性和連貫性，為更高程度的創造提供一個框架。格線使設計師能做出可靠的決定，並有效地運用自己的時間。它們能為設計注入活力——布置那些看上去相當小並且毫無關聯的元素，例如頁碼——能在頁面上產生戲劇性的衝擊力，使人透過印刷品感受到設計的脈動。
設計師在運用格線設計的同時，也可以適當打破格線的約束使畫面活潑生動。
案例
基於格線的網頁設計概念及實際套用案例一些大型站點都有著非常一流的視覺外觀，它們很可能在設計時使用了格線系統。格線可以是頁面布局顯得緊湊而且穩定，為設計師在設計站點時提供一個邏輯嚴謹的模板。
但使用格線並不意味著枯燥的設計，一個好的設計師不僅能夠合理地套用基於格線布局的規則，而且還能適時地打破這些規則。
"Thegridsystemisanaid,notaguarantee.Itpermitsanumberofpossibleusesandeachdesignercanlookforasolutionappropriatetohispersonalstyle.Butonemustlearnhowtousethegrid;itisanartthatrequirespractice."
-JosefMüller-Brockmann
格線基礎
我們來看一些格線的術語。格線是用豎直或水平分割線將布局進行分塊，把邊界、空白和欄包括在內，以提供組織內容的框架。
格線常在傳統印刷中使用，但對網頁設計也是非常合適的。格線設計不能使一個網站的布局看起來像報紙一樣，但它的確可以輔助我們設計結構統一的站點。
格線是一個簡單的輔助設計工具，而不是什麼對設計產生不良影響的東西。
理解並遵循規則
當你開始學習任何一項技能時，都應當遵循它的一些指導原則。從一開始就把基礎的東西學好，能使你高效地套用這些規則。
學習格線也不例外。你應當按照格線來設計布局，並讓所有設計元素對齊到它們所在的位置。在設計中使用格線能結構化內容並且給你一個設計起點，但這不應當阻止我們的任何創意靈感。
兩種途徑建立格線模板
1、自己創建格線系統
對於建立自己的模板系統，儘管有很多不同的理論，但歸根結底，還是要選擇你手邊用起來最順手的工具。
你可以把一個空文檔按照數學原理分割成奇數欄或偶數欄，而且通常要把欄之間的空白考慮在內。
只要你喜歡，你的格線可以很複雜或者很簡單。你的格線越複雜，你就擁有越多的自由發揮空間；而格線越簡單，留出的空白也越多。這完全取決於你自己的決定。
下面是一些用Photoshop製作的例子，它們可以在Photoshop中用格線來查看。
2、下載現成的格線模板
相比製作自己的格線，從網上下載一些標準的格線同樣可以用來輔助網頁設計，並且還省了你自己製作格線的很多時間。
當前最流行的格線可能就是960gridsystem了。它是nathansmith製作的，允許你製作12、16、和24欄的布局。
這個項目是Smith
smith在談到960gridsystem時說：”我只是簡單地把這個格線系統分享給大家，如果有人從中獲益，那再好不過了。”
這個下載包括了CSS,HTML,Photoshop,Illustrator,InDesign等等檔案。設計文檔包括了很多有用的文檔，它們用來建立整齊而且清爽的站點。
打破規則
在介紹了格線的基礎知識之後，我們在來打破這些規則。格線是把元素對齊的一非常好的方
法，它讓你的設計顯得乾淨、整潔，而且用戶友好。
然而，正如前面提到的，我們不能讓格線禁錮了我們的靈感和創新。要勇敢地向格線以外的地方冒險，要創造一個基於格線的作品，不意味著任何東西都要對齊。
越出格線邊界的元素會讓作品看起來更加美觀和流暢，而不是像表格那樣死板和枯燥。
看看下面的例子，它們是套用960gridsystem製作的，展示了格線可以是漂亮而不古板的。
