王澤璽

摘要：

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

關(guān)鍵詞：網(wǎng)格設(shè)計；自由版式；平面設(shè)計；應(yīng)用

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

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

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

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

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

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

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

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

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

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

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

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

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

三、網(wǎng)格設(shè)計的特點(diǎn)

（一）嚴(yán)格的數(shù)字比例關(guān)系

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

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

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

（三）具有時代感

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

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

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

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

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

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

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

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

六、 結(jié)語

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

【參考文獻(xiàn)】

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

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

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

【作者單位：西北大學(xué)藝術(shù)學(xué)院】