版式設計的一種，產生於二十世紀初葉的西歐諸國，完善則於五十年代的瑞士。
格線設計風格的形成離不開建築對其深刻的影響，其風格特點是運用數字的比例關係，通過嚴格的計算，把版心劃分為無數統一尺寸的格線。
基本介紹
- 中文名：格線設計
- 時間：二十世紀初葉
- 特點：科學性、嚴肅性
- 套用案例：網站視覺外觀
- 國家：西歐諸國
簡介,案例,格線基礎,兩種途徑建立格線模板,打破規則,
簡介
在頁面設計中，格線為所有的設計元素提供了一個結構，它使設計創造更加輕鬆、靈活，也讓設計師的決策過程變得更加簡單。在安排頁面元素時，對格線的使用能提高精確性和連貫性，為更高程度的創造提供一個框架。格線使設計師能做出可靠的決定，並有效地運用自己的時間。它們能為設計注入活力——布置那些看上去相當小並且毫無關聯的元素，例如頁碼——能在頁面上產生戲劇性的衝擊力，使人透過印刷品感受到設計的脈動。
設計師在運用格線設計的同時，也可以適當打破格線的約束使畫面活潑生動。
案例
一些大型站點都有著非常一流的視覺外觀，它們很可能在設計時使用了格線系統。格線可以是頁面布局顯得緊湊而且穩定，為設計師在設計站點時提供一個邏輯嚴謹的模板。
但使用格線並不意味著枯燥的設計，一個好的設計師不僅能夠合理地套用基於格線布局的規則，而且還能適時地打破這些規則。
"The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice."
- Josef Müller-Brockmann
格線基礎
我們來看一些格線的術語。格線是用豎直或水平分割線將布局進行分塊，把邊界、空白和欄包括在內，以提供組織內容的框架。
格線常在傳統印刷中使用，但對網頁設計也是非常合適的。格線設計不能使一個網站的布局看起來像報紙一樣，但它的確可以輔助我們設計結構統一的站點。
格線是一個簡單的輔助設計工具，而不是什麼對設計產生不良影響的東西。
理解並遵循規則
當你開始學習任何一項技能時，都應當遵循它的一些指導原則。從一開始就把基礎的東西學好，能使你高效地套用這些規則。
學習格線也不例外。你應當按照格線來設計布局，並讓所有設計元素對齊到它們所在的位置。在設計中使用格線能結構化內容並且給你一個設計起點，但這不應當阻止我們的任何創意靈感。
兩種途徑建立格線模板
1、自己創建格線系統
對於建立自己的模板系統，儘管有很多不同的理論，但歸根結底，還是要選擇你手邊用起來最順手的工具。
你可以把一個空文檔按照數學原理分割成奇數欄或偶數欄，而且通常要把欄之間的空白考慮在內。
只要你喜歡，你的格線可以很複雜或者很簡單。你的格線越複雜，你就擁有越多的自由發揮空間；而格線越簡單，留出的空白也越多。這完全取決於你自己的決定。
下面是一些用Photoshop製作的例子，它們可以在Photoshop中用格線來查看。2、下載現成的格線模板
相比製作自己的格線，從網上下載一些標準的格線同樣可以用來輔助網頁設計，並且還省了你自己製作格線的很多時間。
當前最流行的格線可能就是960 grid system了。它是nathan smith製作的，允許你製作12、16、和24欄的布局。這個項目是Smith
smith在談到960grid system時說：”我只是簡單地把這個格線系統分享給大家，如果有人從中獲益，那再好不過了。”
這個下載包括了CSS ,HTML,Photoshop,Illustrator,InDesign等等檔案。設計文檔包括了很多有用的文檔，它們用來建立整齊而且清爽的站點。
打破規則
在介紹了格線的基礎知識之後，我們在來打破這些規則。格線是把元素對齊的一非常好的方法，它讓你的設計顯得乾淨、整潔，而且用戶友好。
然而，正如前面提到的，我們不能讓格線禁錮了我們的靈感和創新。要勇敢地向格線以外的地方冒險，要創造一個基於格線的作品，不意味著任何東西都要對齊。
越出格線邊界的元素會讓作品看起來更加美觀和流暢，而不是像表格那樣死板和枯燥。
看看下面的例子，它們是套用960 grid system製作的，展示了格線可以是漂亮而不古板的。
