版面的結(jié)構(gòu)設(shè)計(jì)一

、網(wǎng)

格1.分欄網(wǎng)格分欄網(wǎng)格是版式設(shè)計(jì)中最常用的一種網(wǎng)格，主要分為對稱式分欄網(wǎng)格與非對稱式分欄網(wǎng)格。

利用分欄網(wǎng)格可對版面中的文字、圖片等元素進(jìn)行有序排列，使版面清晰、統(tǒng)一，具有節(jié)奏

感。分欄網(wǎng)格結(jié)構(gòu)中，欄跟欄之間的間距是欄空，也叫做欄間距。欄間距對版面中的文字、圖片起到分隔作用，欄間距的設(shè)置取決于開本和字號。如圖4-1-1所示，欄間距為版面中的內(nèi)容

創(chuàng)造了視覺上的停頓，也就是留白。

版面的結(jié)構(gòu)設(shè)計(jì)版面的結(jié)構(gòu)設(shè)計(jì)頁邊距行長一行距欄距一行距

行長

欄距圖4

-

1

-

1

有欄間距的版面(1)對稱式網(wǎng)格。采用對稱式網(wǎng)格編排的版面，若為單欄，則左右兩個(gè)版面的頁面結(jié)構(gòu)完全相同，互為鏡像，有相同的頁邊距、網(wǎng)格數(shù)量和版面分區(qū)。對稱式網(wǎng)格主要分為單欄對

稱式網(wǎng)格、雙欄對稱式網(wǎng)格及多欄對稱式網(wǎng)格。1)單欄對稱式網(wǎng)格。單欄對稱式網(wǎng)格適合用于純文字編排，良好的單欄版面會給人以冷

靜、嚴(yán)肅的感覺，也會使人感到呆板、無趣，在使用這種網(wǎng)格時(shí)，可通過調(diào)整字體、設(shè)計(jì)底

紋等方法使版面生動起來，如圖4-1-2所示。版面的結(jié)構(gòu)設(shè)計(jì)版面的結(jié)構(gòu)設(shè)計(jì)圖4-

1-2

采用單欄對稱式網(wǎng)格編排的版面2)雙欄對稱式網(wǎng)格。雙欄對稱式網(wǎng)格是將版面從中間分割為兩個(gè)部分

的網(wǎng)格類型，它能夠很好地平衡版面。

雙欄對稱式網(wǎng)格適用于文學(xué)類書籍、雜志內(nèi)頁正文的編排，采用該種網(wǎng)格

進(jìn)行圖文編排時(shí)，也可在版面左邊放

置文字、右邊放置圖片，以增強(qiáng)版面

的變化性，如圖4-1-3所示。SeattleCentralLibrary西雅圖中央圖書館4*-ni.ne*i6二*

1*。e1

iE*u8版面的結(jié)構(gòu)設(shè)計(jì)

*

-*-1***m

t.

***-￥圖4-

1-

3

采用雙欄對稱式網(wǎng)格編排的版面評

0

葉

代

9

4

)

20性K禁R0

1a6

年3)多欄對稱式網(wǎng)格。多欄對稱式網(wǎng)格則是較為靈活的網(wǎng)格類型，可以根據(jù)文字的

字號等靈活設(shè)置欄數(shù)。多欄對稱式網(wǎng)格適用

于文字多且密集、開本大的版面的編排，最

常見的就是用于報(bào)紙版面的編排，設(shè)計(jì)者可

以根據(jù)正文內(nèi)容調(diào)整欄的寬度，如圖4-1-4

所示

。CHINADAILY中西

AFRICA

WEEKLYIT'SJUSTANUMBER,ISN’TIT?AsChimsfiniouncungemenesfilbedou3ton

mar

oportsy

thera

lttkmdfeuaimms

版面的結(jié)構(gòu)設(shè)計(jì)tgndaane

feyaUpstarts

nip

at

top

fashionbrands圖

4-1-4來用多欄對稱式網(wǎng)格編排的版面(2)非對稱式網(wǎng)格。采用非對稱式網(wǎng)格編排，左右兩個(gè)版面采用同一種編排方式，但不像采用對稱式網(wǎng)格編排的版面那樣對稱，設(shè)計(jì)者可以根據(jù)版面的具體需要，靈活調(diào)整欄寬，

使整個(gè)版面更豐富、靈活。非對稱式網(wǎng)格主要分為非對稱欄狀網(wǎng)格和非對稱單元格網(wǎng)格。1)非對稱欄狀網(wǎng)格。采用非對稱欄狀網(wǎng)格編排，雖然左右兩個(gè)版面的網(wǎng)格欄數(shù)基本一致，

但并不像采用對稱式網(wǎng)格編排的版面一樣，左右兩個(gè)版面呈鏡像對稱，并且采用非對稱欄狀

網(wǎng)格編排，左右兩個(gè)版面的頁邊距也有可能是不同的，如圖4-1-5所示。

版面的結(jié)構(gòu)設(shè)計(jì)

版面的結(jié)構(gòu)設(shè)計(jì)圖4-

1-5

采用非對稱欄狀網(wǎng)格編排的版面SO555TATMENTAT

WECANO83ECTIV二祝福祖國“新主流大片”實(shí)現(xiàn)國慶檔“開門紅B

小時(shí)生命接力，田就是可不描棄，不故棄2)非對稱單元格網(wǎng)格。采用非對稱單元格網(wǎng)格編排是版式設(shè)計(jì)中較為基礎(chǔ)的一種編排方式，設(shè)計(jì)者可以根據(jù)版面的需求來調(diào)整文字和圖片的

大小及位置，將文字或圖片編排在一個(gè)或幾個(gè)單

元格中，也可以將單元格合并來編排文字或圖片，如圖4-

1-6所示。版面的結(jié)構(gòu)設(shè)計(jì)圖4-

1-6

采用非對稱單元格網(wǎng)格編排的版面2.模塊網(wǎng)格模塊網(wǎng)格是將版面分割成數(shù)個(gè)板塊或區(qū)域，

這種網(wǎng)格多用于布局比較復(fù)雜的版面中。采用

該種網(wǎng)格編排，可以將多個(gè)模塊快速拼裝在一

起，為版面提供靈活的內(nèi)容布局方式，如圖4-

1-7所示。

版面的結(jié)構(gòu)設(shè)計(jì)圖4

-

1

-

7

采用模塊網(wǎng)格編排的版面

版面的結(jié)構(gòu)設(shè)計(jì)3.基線網(wǎng)格基線網(wǎng)格是版式設(shè)計(jì)的基礎(chǔ)，能夠使版面中的

元素實(shí)現(xiàn)標(biāo)準(zhǔn)對齊，它能夠提供非常準(zhǔn)確的基準(zhǔn)，

輔助編排文字信息、形成規(guī)范的版面，如圖4-1-8

所示。值得注意的是，基線網(wǎng)格的欄間距要根據(jù)字

號的變化相應(yīng)地增大或減小。圖4-1-8采用基線網(wǎng)格編排的版面

版面的結(jié)構(gòu)設(shè)計(jì)二、滿版采用滿版式設(shè)計(jì)的版面，主要用圖片傳遞信息，圖片充滿整個(gè)版面，在視覺傳遞上有直觀、表現(xiàn)力強(qiáng)的特點(diǎn)。在版式設(shè)計(jì)時(shí)可根據(jù)版面的需要，將文字的位置編排在版面的上下、左右、

中心點(diǎn)上，使版面層次清晰，傳遞信息準(zhǔn)確明了。滿版的版面給人以大方、直白的感覺，在

視覺上有非常強(qiáng)的感染力，可快速吸引人們的注意力，是雜志廣告內(nèi)頁、招貼畫等產(chǎn)品主要

的版式設(shè)計(jì)方法，如圖4-1-9所示。

版面的結(jié)構(gòu)設(shè)計(jì)圖4-

1-9

采用滿版式設(shè)計(jì)的版面三、分割分割是指在版面中以設(shè)計(jì)效果為目的進(jìn)行的區(qū)域劃分，是版面結(jié)構(gòu)設(shè)計(jì)常用方法之一。1.水平分割水平分割是將整個(gè)版面分為上下兩個(gè)或多個(gè)

部分，在分割好的某部分版面上編排圖片，在其

他部分版面上編排文字。有圖片的部分版面充滿

活力，而有文字的部分版面則顯得理性、靜止，

如圖4-1-10所示。呼倫貝爾草原

中國“最純凈的草原”呼能民爾菜原是我國自食保谷最充好的華票，水豐美“枚薦王國”此稱，它是一武天磨武古思濟(jì)的出生地，同時(shí)進(jìn)里他是中外國名的旅游地路面積一憶四千九百萬由。呼魚的能語大意為“本膽”,爾的賣語大患“雄放寨”,昌為

過去這兩個(gè)奧里三產(chǎn)本程，這小季

回呼給風(fēng)鄰大卑原強(qiáng)野、會非梯得嘴角一直上揚(yáng)。自駕草原，量馬揚(yáng)艇，心靈茲倍地得，

那一到。赤會精當(dāng)。兼?zhèn)€游收者，遠(yuǎn)比件癥城市里幸樓。

“最純凈的草原”形推競爾加大草澤是便養(yǎng)臨大章理之一，血品中國“的屬座，時(shí)，光瓶流雜化美的B品，批定息s

的三”,這里的地大林，早原.e

自然

一D的了

.

自車趨通之單了。一a8填付排古高呼魚鮮東大草路，這

只回銀頭陷，德在臨e

度兒子的理子下。一

e.

會址你不味.

跑，還出加地，打解的土旅量螂

一

時(shí)

天邊的云利里，8,但輔，d在總p葉望

.R樣它任整地麻空

.

一

出，圖

4

-

1

-

1

0

采用水平分割的版面

版面的結(jié)構(gòu)設(shè)計(jì)2.垂直分割垂直分割是把版面分割為左右兩個(gè)部分，分別在版面左右兩邊編排文字或圖片。采用這種

分割方式的版面，當(dāng)版面左右兩邊形成強(qiáng)弱對比時(shí)，會造成整個(gè)版面視覺上不平衡，不如采

用上下分割的版面自然。此時(shí)，若將分割線虛化處理，或使文字左右重復(fù)或者穿插，在視覺

上就會自然得多，如圖4-1-11所示。

版面的結(jié)構(gòu)設(shè)計(jì)我率的三平內(nèi)

一

點(diǎn)。來出來十動近利，供油的專北，里的小14

三始保a

,它

5，.只744

明

：

大見電老非等制年十常有51

本

7

3制

下

雞

就3

.開本中封一棋三木明補(bǔ)來。3解的系紅地媽子利母此誤、雞是多炸東，奇的

流

毒

地

是

前

一

一

味可

胸

標(biāo)大十

.n2847,-理

4

分法

來

廠三

二具，年十，

我

理

三有na5系

奶

事，

合這

9

,-年

樹

5n

支

。務(wù)

班性比中可成。樹海的幾北三TL2買

的生的您56

一每世林平w第的業(yè)來

里

上

總

二得

大

地

，考

三可

號

4

?

,

武

，彩大4一

大

下市

.我可今7

,又布男母，血

者

九

不建下，以有

一，情4r杉柔一，就迅量來式調(diào)出與證

，向a

利

A批6

,A

史A又道件

以冷三聯(lián)世厚城，

3.

P

三

里的

4n

上

三單

林

法

共?？?/p>

習(xí)-物

，

大海

地

了w,

一

淋

出

始161年人北上，雙斷光，三我湖來3.

一壞

版面的結(jié)構(gòu)設(shè)計(jì)圖4

-

1

-

11

采用垂直分割的版面3.自由分割自由分割是無規(guī)則、不受限制地分割版面的一種方式，它不同于按數(shù)學(xué)規(guī)則分割，采用自

由分割的版面可給人活潑、不受約束的感覺。版面采用自由分割編排時(shí)應(yīng)注意圖片大小、圖文的搭配，同時(shí)還應(yīng)考慮版面的疏密、均勻以及視覺效果等。自由分割的版面看似構(gòu)圖隨意、分散，其實(shí)包含著設(shè)計(jì)者的精心構(gòu)思與巧

妙布置，整個(gè)版面要氛圍統(tǒng)一、色彩統(tǒng)一，如圖4-1-12所示。

版面的結(jié)構(gòu)設(shè)計(jì)冰雪盛會的共享旋律全民樂享上冰上雪我皇“東道主”

高鐵帶來生活新改變

版面的結(jié)構(gòu)設(shè)計(jì)圖4-1-12

采用自由分割的版面1

版面的結(jié)構(gòu)設(shè)計(jì)自由分