【廣告創(chuàng)意設(shè)計(jì)技巧】版面混亂不堪?用網(wǎng)格設(shè)計(jì)規(guī)范
網(wǎng)格是設(shè)計(jì)中常用的畫面布局方法,版式網(wǎng)格是指版面設(shè)計(jì)中的骨架,它按照一定的規(guī)律運(yùn)用網(wǎng)格劃分版面,為文字、圖形等元素確定位置,以便有依據(jù)進(jìn)行組合編排,從而形成結(jié)構(gòu)嚴(yán)謹(jǐn)?shù)陌婷嬉曈X(jué)效果。網(wǎng)格與設(shè)計(jì)元素之間是骨與肉的關(guān)系,它們相互依存、互為作用。

?
網(wǎng)格的形式分為可見與不可見兩種,可見的網(wǎng)格在版面上是設(shè)計(jì)實(shí)體,清晰條理;不可見的網(wǎng)格在版面中不是實(shí)體元素,只是一種隱藏的參考線,起到限定各元素的作用。

?
按構(gòu)成原理,網(wǎng)格又分為規(guī)則與不規(guī)則兩種。規(guī)則的網(wǎng)格以嚴(yán)謹(jǐn)?shù)臄?shù)學(xué)方式劃分空間,遵循了重復(fù)、漸變、發(fā)射等原理,能產(chǎn)生強(qiáng)烈的秩序感;不規(guī)則網(wǎng)格則沒(méi)有嚴(yán)謹(jǐn)?shù)木W(wǎng)格線,可以自由變化,采用對(duì)比、疏密、特異等,能產(chǎn)生自由靈活的視覺(jué)效果。

?
網(wǎng)格在版式設(shè)計(jì)中有兩個(gè)作用:一是約束版面,固定各元素的位置,使版面有秩序感和整體感:二是根據(jù)內(nèi)容將版面劃分成若干形狀相同或不同的空間,使各元素之間達(dá)到協(xié)調(diào)一致。從某種程度上說(shuō),網(wǎng)格是版式設(shè)計(jì)得以成立的基礎(chǔ),它能將豐富的設(shè)計(jì)元素有效地安排在一個(gè)版面上。

?
網(wǎng)格為所有視覺(jué)元素提供了一種結(jié)構(gòu),使設(shè)計(jì)更加有章可循、輕松快捷。作為一種行之有效的版面形式法則,網(wǎng)格將構(gòu)成主義和秩序的概念引入設(shè)計(jì),以一種特殊的視角在充滿感性的設(shè)計(jì)領(lǐng)域開拓出一條理性思維之路。

?

網(wǎng)格設(shè)計(jì)是現(xiàn)代版式設(shè)計(jì)中常用的排版方式。網(wǎng)格設(shè)計(jì)強(qiáng)調(diào)比例、秩序、整體和嚴(yán)密性,是一種邏輯性很強(qiáng)的版面藝術(shù)表現(xiàn)風(fēng)格。合理的網(wǎng)格設(shè)計(jì)能得到明確的版面結(jié)構(gòu),并使各元素在版面中具有條理清晰、富有節(jié)奏的視覺(jué)關(guān)系。網(wǎng)格設(shè)計(jì)的形式?jīng)]有固定模式,我們大體將網(wǎng)格設(shè)計(jì)歸納為以下幾種形式:

?

水平線和垂直線在版面劃分中可以單獨(dú)使用,即進(jìn)行水平方向的劃分或垂直方向的劃分,分別可以將版面等分為二、三、四以至更多份,也可以將版面按一定大小比例劃分為多份。另外,水平方向和垂直方向的劃分可以組合使用,劃分后的網(wǎng)格既可以等分,也可以進(jìn)行比較復(fù)雜和富有變化的劃分。水平與垂直劃分的網(wǎng)格,將內(nèi)容安排其間可以給人以經(jīng)緯清晰、井然有序的感覺(jué)。

?

版面設(shè)計(jì)中的網(wǎng)格可以以放射線和對(duì)角線等斜線的形式設(shè)定。放射線網(wǎng)格是由一個(gè)焦點(diǎn)中心向外擴(kuò)展、延伸的線結(jié)構(gòu)版面劃分,可以將版面劃分為相等或不等的多份,又分為直線放射、弧線放射和角度放射等。在放射線網(wǎng)格中,設(shè)計(jì)元素可以沿著設(shè)定的網(wǎng)格線進(jìn)行組合,呈發(fā)散或聚合狀態(tài),具有很強(qiáng)的動(dòng)感。

?
在垂直、水平輔助線的基礎(chǔ)上,加上斜輔助線進(jìn)行編排設(shè)計(jì)也是非常有效的方法??梢园寻婷娴膶?duì)角線、水平線以及垂直線的交叉點(diǎn)連成一體,也可以根據(jù)黃金比率來(lái)進(jìn)行版面的劃分。斜線具有方向、運(yùn)動(dòng)、速度之感,也能表現(xiàn)空間的進(jìn)深感。

?

同心圓弧的版面劃分是指一組或多組同心的圓弧構(gòu)成的結(jié)構(gòu)線。這種弧線結(jié)構(gòu)呈放射狀,具有向外擴(kuò)延和增強(qiáng)節(jié)奏感的效果。圓弧網(wǎng)格線可以是等距離,也可以是漸變的。在這樣的弧線上安排元素,具有膨脹感,使版面具有跳躍性和趣味性。

?

對(duì)稱式網(wǎng)格編排是相對(duì)于對(duì)頁(yè)或左右兩個(gè)版面而言,左右兩頁(yè)具有相同的頁(yè)邊距、網(wǎng)格數(shù)量、版面安排等。對(duì)稱式網(wǎng)格編排的主要作用是組織信息和平衡左右頁(yè)面,根據(jù)欄的位置和版式的寬度,左右兩邊的結(jié)構(gòu)完全相同,頁(yè)面中的網(wǎng)格是可以進(jìn)行合并和拆分的。對(duì)稱式網(wǎng)格編排分為四種形式:

?
①單欄對(duì)稱網(wǎng)格。在單欄對(duì)稱網(wǎng)格的版面中,左右頁(yè)面中的文字一欄式排放。版面規(guī)則整齊,因此單欄對(duì)稱網(wǎng)格多用于純文字性書籍,如小說(shuō)、詩(shī)集、文學(xué)著作等。同時(shí)也可在頁(yè)面中加入適當(dāng)?shù)膱D片,緩解畫面的枯燥感。

?
②雙欄對(duì)稱網(wǎng)格。這種網(wǎng)格結(jié)構(gòu)可以更好地平衡版面。使閱讀更流暢。雙欄對(duì)稱網(wǎng)格多適用于文學(xué)類書籍、雜志內(nèi)頁(yè)。也可使用左邊放置文字。右邊放置圖片的方法將版面進(jìn)行重新劃分。增強(qiáng)版面的變化。

?
③均衡雙欄對(duì)稱網(wǎng)格。均衡雙欄對(duì)稱網(wǎng)格可以根據(jù)內(nèi)容調(diào)整雙欄的寬度。達(dá)到一種視覺(jué)的均衡。
④多欄對(duì)稱網(wǎng)格。多欄對(duì)稱網(wǎng)格指除了單欄的編排方式以外。根據(jù)版面的需要。分為三欄網(wǎng)格四欄網(wǎng)格。甚至更多欄的網(wǎng)格。采用多欄對(duì)稱網(wǎng)格進(jìn)行版面編排,可以使版面更為規(guī)則整齊,呈現(xiàn)出豐富多彩的效果。多適用于目錄、數(shù)據(jù)等信息文字較多的版面也可根據(jù)實(shí)際內(nèi)容增加或減少欄數(shù)。

?

非對(duì)稱式網(wǎng)格編排通常指在版式設(shè)計(jì)中,左右頁(yè)面有著基本相同的網(wǎng)格欄數(shù),但頁(yè)面相關(guān)的元素呈現(xiàn)不對(duì)稱的狀態(tài),相對(duì)于對(duì)稱式網(wǎng)格而言,這樣的編排更具有靈活多變性,版面效果更為活躍、有生氣。
?
一般多用于雜志或書籍的頁(yè)面中,根據(jù)版面的不同需要,在多欄網(wǎng)格上進(jìn)行文字的大小比例調(diào)整,使頁(yè)面效果靈活,富有變化,更能吸引讀者的視線。
?
網(wǎng)格的應(yīng)用在印刷品中十分廣泛,一方面有利于約束版面,另外對(duì)于構(gòu)成元素的位置、大小以及對(duì)齊方式等有著細(xì)致的規(guī)劃,可以更加合理地設(shè)計(jì)版面結(jié)構(gòu)。
?
①網(wǎng)格的建立。一套好的網(wǎng)格結(jié)構(gòu)可以幫助設(shè)計(jì)師眀確設(shè)計(jì)風(fēng)格,在有限的時(shí)間內(nèi)編排大量的信息,使版面統(tǒng)一規(guī)整、連貫流暢。設(shè)計(jì)師可以利用不同的網(wǎng)格編排出靈活性較大協(xié)調(diào)統(tǒng)一的版面構(gòu)成設(shè)計(jì)。
?
?
②比例關(guān)系創(chuàng)建網(wǎng)格。版面的布局與網(wǎng)格也可以利用比例關(guān)系來(lái)確定。對(duì)稱式網(wǎng)格不是測(cè)量出來(lái)的,而是按照比例關(guān)系創(chuàng)建的。
③單元格創(chuàng)建網(wǎng)格。根據(jù)斐波那契數(shù)列(又稱黃金分割數(shù)列),5的后一位數(shù)字是8,確定為外緣留白的大小。8后面的數(shù)字是13,確定為底部留白的大小。用這種方式來(lái)決定正文的區(qū)域大小,在版面的寬度和高度比上獲得連貫和諧的視覺(jué)效果。
?
④打破網(wǎng)格。打破網(wǎng)格的版面更有自由性、靈活性和跳躍感,能有效地傳達(dá)一種特殊的設(shè)計(jì)風(fēng)格,呈現(xiàn)設(shè)計(jì)師的創(chuàng)意,但要注意把握版面的平衡感。
?
簡(jiǎn)言之,要根據(jù)主題、文字量、圖片性質(zhì)等各種設(shè)計(jì)要素,采用不同的網(wǎng)格編排來(lái)設(shè)計(jì)版面。版式的網(wǎng)格設(shè)計(jì)就像磁盤的格式化,既可以使設(shè)計(jì)內(nèi)容有章可循,也可以保障信息傳播的識(shí)別性、準(zhǔn)確性與導(dǎo)向性。
?