淺談版式設計中的網(wǎng)格設計

王澤璽

摘要：

網(wǎng)格設計是平面設計視覺圖像的一個重要組成部分，作為一種行之有效的版式設計法則，它具有明顯的裝飾作用，而現(xiàn)代設計藝術的重要組成部分是版式設計，它是視覺傳達的重要手段，單從表面來看，它是一種關于編排的學問；實際上，它不僅是一種技能，更實現(xiàn)了藝術與技術的高度統(tǒng)一，因此，網(wǎng)格設計對于版式設計來說，有著舉足輕重的作用。

關鍵詞：網(wǎng)格設計；自由版式；平面設計；應用

一、網(wǎng)格設計的起源及定義

網(wǎng)格設計是版式設計的一種，產(chǎn)生于二十世紀初葉的西歐諸國，在五十年代的瑞士得到完善。網(wǎng)格設計通過分割內(nèi)文的文字和圖片形成塊狀，就像網(wǎng)格一樣，因此將這種版式設計稱為網(wǎng)格設計。它是一種具有藝術特色和個人風格的視覺傳送方式，將理性思維，個性化地表現(xiàn)出來，傳達信息的同時，也產(chǎn)生感官上的美感，是相對獨立的設計要素，同時也是信息傳達的重要手段，它實現(xiàn)了藝術與技術的高度統(tǒng)一，對人們的心理和視覺都產(chǎn)生積極的推動作用，在各個領域越來越受到高度重視。網(wǎng)格的歷史和使用的了解，對于提高設計者在平面設計中網(wǎng)格、版式設計的創(chuàng)造能力和表達能力有著深遠的意義。

二、 網(wǎng)格設計的種類

（一）對稱式網(wǎng)格設計

版面設計通常采用左右兩頁，兩欄或三欄結構，每欄的網(wǎng)格都排滿，左右兩頁的留白尺寸相同，頁眉頁碼的位置對稱，就內(nèi)容而言，可用來表現(xiàn)地理、歷史、科技、哲學政治、長篇小說等。頁面中有圖的情況下，同樣是按分欄位置放入，不能出欄線但可跨欄排圖，圖形放置數(shù)量一般使用偶數(shù)，左右分放的形式。

對稱式網(wǎng)格主要分為四種形式：單欄對稱網(wǎng)格、雙欄對稱網(wǎng)格、均衡雙欄對稱網(wǎng)格、多欄對稱網(wǎng)格。單欄對稱網(wǎng)格就是在版面中將通欄的文字進行排列，不對文字進行特別的處理，只需要換行換段即可。但是在這種版式下閱讀，會給讀者造成視覺疲勞。一般來說一行文字最好不超過60個字。這種方式適用于純文字書籍，可以適當?shù)脑陧撁嫦路脚湟詧D示，用來緩解畫面的枯燥感。雙欄對稱網(wǎng)格較為常見，它避免了枯燥感，便于閱讀的流暢性，但是排版較為呆板，缺乏變化和創(chuàng)新。這種方式適用于雜志內(nèi)頁正文和文字類書籍，也可使用左邊放置圖片，右邊放置文字的方法重新劃分版面，以增強頁面版式的變化。均衡雙欄對稱網(wǎng)格較其它方式網(wǎng)格操作起來較為靈活，可右邊窄左邊寬，也可左邊窄右邊寬。窄的一欄一般可以放置一些注釋或者相關解釋說明的文字，添加注釋的書籍正文可根據(jù)內(nèi)容調整雙欄的寬度。多欄對稱網(wǎng)格可根據(jù)文字的字號等情況自由安排欄數(shù)，但左右兩邊的欄數(shù)必須是相等的，這種方式適用于聯(lián)系方式、術語表、目錄、數(shù)據(jù)等，也可以根據(jù)實際內(nèi)容的多少來增減欄數(shù)，不足之處是不適合正文的編排。

（二） 非對稱式網(wǎng)格設計

非對稱式網(wǎng)格設計強調頁面的視覺效果，一般用于散頁設計。就內(nèi)容而言，可用來表現(xiàn)音樂、兒童、詩歌、散文、旅游、女性、體育等，它所表現(xiàn)的內(nèi)容決定了這種版式的不平衡性。不對稱的空白留給人遐想的空間，你可以把它想成是物體的活動空間、學校操場的墻體、一片飄在空中的白云等。

非對稱網(wǎng)格主要分為兩種：非對稱欄狀網(wǎng)格與非對稱單元網(wǎng)格。非對稱欄狀網(wǎng)格指在版式設計中，雖然左右兩頁的網(wǎng)格欄數(shù)基本相同，但兩個頁面并不對稱。非對稱單元網(wǎng)格在版式設計中屬于比較簡單的版面結構，這種排版方式較為生動，避免了版面的呆板無趣。

（三）模塊網(wǎng)格設計

最早的模塊式使用于雜志的編輯。這種形式的雜志在二十世紀五六十年代北美和歐洲已經(jīng)開始采用。后來對報紙的版式編排也產(chǎn)生了一定的影響。首先，這種方式對組版工人的工作產(chǎn)生了極大的便利。70年代以后，照相排版機在歐美報紙得到普遍應用，標題、文字以及圖片均需提前拍好照片正片，再由人工進行剪貼形成大樣。只需要工人將模版拼在一起就行，這種方式既省時又省事。

（四）復合網(wǎng)格

復合式網(wǎng)格設計就是將以上三種方式綜合起來的應用，如奧黛麗赫本、周杰倫、影片花絮三個類型的事物同時出現(xiàn)在雜志對頁上時，為了體現(xiàn)經(jīng)典之美，就使用對稱式來表現(xiàn)；用不對稱式來表現(xiàn)周杰倫的現(xiàn)代與動感；最后影片花絮采用模塊式，就是所謂的復合網(wǎng)格構成。

三、網(wǎng)格設計的特點

（一）嚴格的數(shù)字比例關系

運用數(shù)字的比例關系通過嚴格的計算，將版心劃分為一欄、二欄、三欄以及更多欄尺寸統(tǒng)一的網(wǎng)格，在其中安排入文字，讓版面有一定的節(jié)奏變化，從而產(chǎn)生優(yōu)美的韻律關系。

（二）網(wǎng)格形式的多樣化

網(wǎng)格版式設計的形式有：重疊網(wǎng)格、正方形網(wǎng)格、有重點的網(wǎng)格、長方形網(wǎng)格、欄目寬度不同的網(wǎng)格，設計師會根據(jù)設計需要選擇不同類型的設計形式，針對不同類型的書籍雜志進行設計。

（三）具有時代感

對于網(wǎng)格設計來說，連續(xù)感、比例感、清晰感、嚴肅性和科學性具有很大意義，時代感頗重。

在頁面設計中，網(wǎng)格為所有的設計元素提供了一個結構，它使設計創(chuàng)造更加輕松、靈活，也讓設計師的決策過程變得更加簡單。在安排頁面元素時，對網(wǎng)格的使用能提高精確性和連貫性，為更高程度的創(chuàng)造提供一個框架。網(wǎng)格使設計師能做出可靠的決定，并有效地運用自己的時間。它們能為設計注入活力——布置那些很小的毫無關聯(lián)的元素，例如頁碼——能在頁面上產(chǎn)生戲劇性的沖擊力，使人透過印刷品感受到設計的脈動。雖然這種設計形式可使版面編排具有節(jié)奏變化，產(chǎn)生優(yōu)美的韻律關系，但隨著設計的不斷發(fā)展，在實際應用中這種方式容易使版面產(chǎn)生呆滯感、限制了自由創(chuàng)作的空間。所以很多設計師在使用網(wǎng)格進行設計時，力求打破這種方式的局限性，使版面變得生動，更具韻律感。

四、網(wǎng)格版式與自由版式的比較

二十世紀七十年代，美國興起了一種新型的編排藝術，名為自由版式設計，是在網(wǎng)格古式設計和典版版式設計基礎上不斷發(fā)展壯大的藝術形態(tài)。它崇尚快捷、有效、獨特的視覺傳達，個性化、藝術化的語言風格是它最大的特點，很快在世界范圍內(nèi)廣泛傳播和應用，并且沿用至今。 然而在早期的發(fā)展過程中，自由版式設計常常被人稱之為“不實用藝術”，歸根結底，正是由于這種設計風格的“混亂”。直到六、七十年代的美國才出現(xiàn)真正意義上的自由版式設計。

這種版式設計方式自由、活潑，能夠使讀者在閱讀的同時產(chǎn)生一種期待感和快樂感。但從設計的角度來說，自由版式設計脫離網(wǎng)格約束，缺乏嚴謹度，難以保持平衡，如果不是訓練有素且平衡感極好的設計師，很容易把一個本應自由活潑的設計變成劣質品。

相比自由版式，網(wǎng)格版式更具有嚴謹性，根據(jù)嚴格的數(shù)字比例關系進行設計，為設計提供版式編排的基本框架，增加了設計的便利，但同時也會有一定的約束性，會使頁面產(chǎn)生呆滯感，限制自由發(fā)揮的空間。二者各有利弊，若能各取所長，以長補短，相輔相成，再結合文字與照片的跳躍率，嘗試做出有活力的版面，使設計增加趣味性。

五、網(wǎng)格設計在平面設計的應用

在平面設計的領域里，網(wǎng)格設計的應用十分廣泛，對于書籍、報紙、雜志、廣告、產(chǎn)品樣本的設計都是行之有效的方法，為了更加合理的進行編排設計，約定版面，構成位置、大小以及對齊方式，只有網(wǎng)格設計可以做到。

六、 結語

在設計的過程中，不論自己的設計多么新穎、有創(chuàng)意，效果多么華麗、精彩，都離不開一套“規(guī)矩”的網(wǎng)格系統(tǒng)規(guī)范， 一套好的網(wǎng)格結構不僅可以幫助設計師明確設計風格，排除設計中隨意編排的可能，更使版面統(tǒng)一規(guī)整。當我們把技巧、感覺和網(wǎng)格這三者融合在一起時，便能更好的解決美學、功能、邏輯上的問題。

【參考文獻】

[1][日]伊達千代，內(nèi)藤孝彥.版面設計的原理[M].周淳譯.北京：中信出版社，2011

[2] [日]佐佐木剛士.版式設計原理[M].北京：中國青年出版社，2007

[3] 李南，李珞.談版式設計中的網(wǎng)格設計表現(xiàn)方法[J].美術大觀，2009（12）

【作者單位：西北大學藝術學院】