新手學習平面設計如何掌握排版設計技巧
網(wǎng)格是設計中常用的畫面布局方法,版式網(wǎng)格是指版面設計中的骨架,它按照一定的規(guī)律運用網(wǎng)格劃分版面,為文字、圖形等元素確定位置,以便有依據(jù)進行組合編排,從而形成結構嚴謹?shù)陌婷嬉曈X效果。網(wǎng)格與設計元素之間是骨與肉的關系,它們相互依存、互為作用。

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

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

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

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

?

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

?

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

?

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

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

?

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

?

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

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

?
②雙欄對稱網(wǎng)格。這種網(wǎng)格結構可以更好地平衡版面。使閱讀更流暢。雙欄對稱網(wǎng)格多適用于文學類書籍、雜志內(nèi)頁。也可使用左邊放置文字。右邊放置圖片的方法將版面進行重新劃分。增強版面的變化。
?
③均衡雙欄對稱網(wǎng)格。均衡雙欄對稱網(wǎng)格可以根據(jù)內(nèi)容調(diào)整雙欄的寬度。達到一種視覺的均衡。
④多欄對稱網(wǎng)格。多欄對稱網(wǎng)格指除了單欄的編排方式以外。根據(jù)版面的需要。分為三欄網(wǎng)格四欄網(wǎng)格。甚至更多欄的網(wǎng)格。采用多欄對稱網(wǎng)格進行版面編排,可以使版面更為規(guī)則整齊,呈現(xiàn)出豐富多彩的效果。多適用于目錄、數(shù)據(jù)等信息文字較多的版面也可根據(jù)實際內(nèi)容增加或減少欄數(shù)。

?

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