孟春華

（延安大學(xué)西安創(chuàng)新學(xué)院 陜西西安 710100）

基于平面版式設(shè)計的網(wǎng)格設(shè)計研究

孟春華

（延安大學(xué)西安創(chuàng)新學(xué)院 陜西西安 710100）

版式設(shè)計作為平面設(shè)計的基礎(chǔ)，對平面設(shè)計和視覺元素傳達起著重要的作用。而網(wǎng)格設(shè)計作為版式設(shè)計的基礎(chǔ)，其重要性不言而喻。本文通過闡述網(wǎng)格的兩種建立方法，分析了版面設(shè)計中兩大類型的應(yīng)用方式，為更好的在平面版式設(shè)計實踐中去運用網(wǎng)格而做出啟發(fā)和指導(dǎo)。

平面設(shè)計；版式排版；網(wǎng)格設(shè)計

作為平面設(shè)計的基礎(chǔ)——平面版式設(shè)計，其自身的設(shè)計魅力和創(chuàng)意特性早已滲透到人們生活的方方面面中，成為了在人們生活中傳遞美的一種不可或缺的重要視覺元素，也對人們的審美情趣的培養(yǎng)起到了推動作用。而作為平面版式設(shè)計的骨骼和靈魂的網(wǎng)格設(shè)計，對平面設(shè)計的版面排版控制和設(shè)計節(jié)奏調(diào)節(jié)則起著至關(guān)重要的作用，而網(wǎng)格設(shè)計又是版式設(shè)計的基礎(chǔ)，因此在進行版式設(shè)計時則必須著重考慮。

一、網(wǎng)格設(shè)計

網(wǎng)格設(shè)計，又稱為骨骼設(shè)計，是指在版式設(shè)計中對版面進行約束的一種設(shè)計方法。網(wǎng)格設(shè)計運用設(shè)計幾何學(xué)知識，通過合適的設(shè)計比例關(guān)系，將整個版面劃分為若干大小的網(wǎng)格區(qū)域，以安排文字素材和圖片素材，最終達到整體、協(xié)調(diào)、藝術(shù)的感覺。

二、網(wǎng)格的建立

良好的網(wǎng)格不僅可令版面的整體風(fēng)格一致，并且其衍生出來自由編排風(fēng)格又可增加版面?zhèn)€性，使其頗具魅力。網(wǎng)格作為版式的基礎(chǔ)，為版式提供設(shè)計指導(dǎo)和規(guī)則，因此網(wǎng)格的創(chuàng)建方法則是每一名平面設(shè)計師所必須掌握的設(shè)計技能。網(wǎng)格的創(chuàng)建方法主要有以比例關(guān)系創(chuàng)建和以單元格方式創(chuàng)建兩種。

(一)以比例關(guān)系創(chuàng)建網(wǎng)格。以比例關(guān)系創(chuàng)建網(wǎng)格是通過借助版面元素之間的比例關(guān)系而確定的。德國字體設(shè)計師簡·特科爾德設(shè)計基于2：3的紙張尺寸比例創(chuàng)建的經(jīng)典版式中，高度a和頁面寬度c的長都一致，裝訂線與頂部邊緣留白占到整個版面的1/9，跨頁兩條對角線與單頁的對角線相交后分別形成焦點c和d，再由d出發(fā)向頂部做垂線得到e點，e與c的連線和單頁對角線相交于f，這些交點就構(gòu)成了整個正文版面的定位點。

(二)以單元格方式創(chuàng)建網(wǎng)格。以斐波那契比例關(guān)系創(chuàng)建單元格網(wǎng)格，對版面分割選用8：13的黃金比例，在頁內(nèi)邊緣留白5個單元格，外邊緣預(yù)留8個單元格，在頁面底部預(yù)留13個單元格，從而得出正文區(qū)域的大小。以單元格方式創(chuàng)建的網(wǎng)格和諧、規(guī)矩，在版面上給人以有序、舒適的視覺感覺。

三、網(wǎng)格的應(yīng)用

在了解和掌握了網(wǎng)格建立的基礎(chǔ)上，就可以根據(jù)設(shè)計的想法構(gòu)思和版面的創(chuàng)作要求來正確的創(chuàng)建網(wǎng)格，并為后續(xù)的版面設(shè)計奠定良好的基礎(chǔ)。

(一)均衡版面的網(wǎng)格應(yīng)用。均衡版面多為傳統(tǒng)版面設(shè)計方式，主要分為單欄式對稱網(wǎng)格，多欄式對稱網(wǎng)格和多對稱網(wǎng)格式三種網(wǎng)格形式。單欄式網(wǎng)格設(shè)計的左右頁的文字內(nèi)容通欄排放，是版式設(shè)計中最常見的方式；多欄式的網(wǎng)格，根據(jù)版式設(shè)計需要采用雙欄、三欄或多欄，較單欄式的版面生動、豐富；多對稱網(wǎng)格式是將版面劃分為相等大小的多個單元格區(qū)域，再將文字和圖片元素安排在小單元格內(nèi)，通過調(diào)整單元格之間的空隙來保持網(wǎng)格的統(tǒng)一性和空間節(jié)奏性。

(二)非均衡版面的網(wǎng)格應(yīng)用。相對于均衡的版面設(shè)計，非對稱的網(wǎng)格可以增加版面設(shè)計的靈活性，使排版版面能夠根據(jù)設(shè)計師的想法自由進行安排，更加富有朝氣和極具視覺美感。非均衡版面的網(wǎng)格主要有非對稱欄式網(wǎng)格、非對稱單元格式網(wǎng)格和自由式網(wǎng)格三種形式

非對稱欄式網(wǎng)格版面左右頁面的網(wǎng)格欄數(shù)不等，但總體上依然嚴格按照頁面左右對稱，較多欄式的對稱網(wǎng)格顯得更有生氣；非對稱單元格式網(wǎng)格的版面中的網(wǎng)格劃分不對稱，結(jié)構(gòu)簡單，自由度高，適合圖片素材較多的版式設(shè)計，整體結(jié)構(gòu)布局可以設(shè)計的比較靈活，深受人們喜愛；自由式網(wǎng)格可根據(jù)設(shè)計想法對網(wǎng)格進行自由劃分，可根據(jù)設(shè)計師的想法自由的安排網(wǎng)格布局，編排創(chuàng)造性最高，靈活性極高，但若使用不當(dāng)，則容易導(dǎo)致閱讀障礙，需要謹慎使用。

網(wǎng)格設(shè)計作為版式設(shè)計中非常重要的基礎(chǔ)構(gòu)成元素，對版面各區(qū)域各元素的比例關(guān)系起到協(xié)調(diào)和強調(diào)作用。在平面設(shè)計中，對版式編排應(yīng)用網(wǎng)格，可以快速的構(gòu)建出完整、出色的設(shè)計方案，從而快速的獲得具有簡潔、嚴謹、秩序的排版版面。同時，網(wǎng)格設(shè)計既可以從視覺形式上建立一種視覺元素間的聯(lián)系，又可以與整個的版式結(jié)構(gòu)形成呼應(yīng)，幫助設(shè)計師更快更便捷的建立版面的設(shè)計風(fēng)格。

[1](美)金伯利·伊拉姆(Kimberly Elam),著,王昊,譯.柵格系統(tǒng)與版式設(shè)計[M].上海人民美術(shù)出版社,2006.

[2]秦歲明,周應(yīng)敦.自由版式與柵格系統(tǒng)在企業(yè)型錄設(shè)計中的應(yīng)用[J].包裝工程,2012(12).

Study on the grid design based on plane layout design

Meng Chun-hua

(Yan'an University, Xi'an Innovation College, Xi'an Shaanxi, 710100, China)

As the basic of graphic design, Format design plays an important part in graphic design and visual elements. Grid design which is a essential elements of format design should be attached great importance. This article describes two ways to create grid and analyze the application in format design, so that it can inspirit and guide the grid design in graphic format design with a better application.

graphic design; layout typesetting; grid design

U212.33

A

1000-9795（2014）02-0087-01

［責(zé)任編輯：董 維］

2013-12-26

孟春華（1987-），女，陜西榆林人，從事裝潢設(shè)計方向的研究。