淺談版式設(shè)計(jì)中的網(wǎng)格設(shè)計(jì)

王澤璽

摘要：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（三）具有時(shí)代感

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

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

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

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

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

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

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

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

六、 結(jié)語(yǔ)

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

【參考文獻(xiàn)】

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

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

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

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