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

孟春華

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

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

孟春華

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

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

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

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

一、網(wǎng)格設計

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

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

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

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

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

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

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

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

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

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

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

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

[2]秦歲明,周應敦.自由版式與柵格系統(tǒng)在企業(yè)型錄設計中的應用[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

［責任編輯：董 維］

2013-12-26

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