版式設(shè)計(jì)（全套課件153P）

版式設(shè)計(jì)第

1

章

版

式

設(shè)

計(jì)

的

理

論

基

本1.

1 版式設(shè)計(jì)的概念1.

2 版式設(shè)計(jì)的歷史和發(fā)展1.

3 設(shè)計(jì)原則1.

4 設(shè)計(jì)功能1.

5 版面設(shè)計(jì)程序課題概述：

本章主要介紹了版式設(shè)計(jì)的基本概念。

其中，

通過版式設(shè)

計(jì)的概念、

歷史發(fā)展以及功能原則了解版式設(shè)計(jì)程序從而對(duì)版式設(shè)計(jì)

的基本概念進(jìn)行由淺到深的介紹。教學(xué)目標(biāo)：

通過對(duì)版式設(shè)計(jì)的概念、

歷史發(fā)展以及原則功能來學(xué)習(xí)版

式設(shè)計(jì)的基本概念，

了解版式設(shè)計(jì)基礎(chǔ)知識(shí)，

為后面進(jìn)一步學(xué)好版式

設(shè)計(jì)做好鋪墊。章節(jié)重點(diǎn)：

了解版式的概念，

并熟知版式設(shè)計(jì)的原則、

功能以及版面

設(shè)計(jì)程序的任務(wù)。1

.

1

版式設(shè)計(jì)的概念?

版式設(shè)計(jì)是平面設(shè)計(jì)過程中的一個(gè)重要環(huán)節(jié)，

主要是將平面設(shè)計(jì)的

所有元素在版面上進(jìn)行有組織有目的的編排，

它又被稱編排設(shè)計(jì)、

版式編排設(shè)計(jì)，

版式設(shè)計(jì)其實(shí)就是對(duì)版面上元素進(jìn)行規(guī)劃設(shè)計(jì)。? 根據(jù)以上定義可以得到如下幾個(gè)結(jié)論：（

1）

版式設(shè)計(jì)是有計(jì)劃有目的的平面展示；（

2）

版式設(shè)計(jì)的主體是視覺傳達(dá)，

而視覺傳

達(dá)的主要作用是達(dá)到信息傳遞的目的；（

3）

版式設(shè)計(jì)是通過大眾傳播媒介來進(jìn)行

的，是視覺上的；（

4

）

版式設(shè)計(jì)的目的是為了讓人更容易讀懂

內(nèi)容，

在某種程度上也更能達(dá)到宣傳目

的。（

見圖

1

）圖

1

時(shí)尚雜志版式1

.

2

版式設(shè)計(jì)的歷史和發(fā)展?

版式設(shè)計(jì)的發(fā)展是一個(gè)漫長的過程，

早期人類交流和傳播信息與想法的

口語有限，

無法隨著社會(huì)的發(fā)展來滿足文明傳承的需要。

下面我們通過

個(gè)對(duì)傳統(tǒng)書籍與西方書籍的版式設(shè)計(jì)了解版式設(shè)計(jì)的歷史與發(fā)展。1.2.

1 中國書籍形態(tài)和版式設(shè)計(jì)的歷史?

中國書籍最早從簡冊(cè)開始，

簡背面寫有篇名與篇次，

將簡冊(cè)卷起來的時(shí)候文字正好顯示在外面，

方便人們?cè)陂喿x時(shí)查找，

這為現(xiàn)代書籍扉頁奠

定了基礎(chǔ)。

傳統(tǒng)書籍文化對(duì)現(xiàn)代書籍版式設(shè)計(jì)產(chǎn)生了極為重要的影響。（

見圖

2

～圖

3

）圖

2 書籍版面的區(qū)域劃分圖

3

傳統(tǒng)竹簡圖

4 傳統(tǒng)木牘 圖

5 傳統(tǒng)縑帛 圖

6 傳統(tǒng)書籍?

中國傳統(tǒng)書籍的版式設(shè)計(jì)對(duì)后來的版面設(shè)計(jì)有著很大的影響。

傳統(tǒng)書

籍中文字采用豎排從右至左的閱讀方式形成了與當(dāng)時(shí)西方書籍完全不

同的版面形式。

中國人在設(shè)計(jì)書籍版式與印刷技術(shù)方面都非常成熟。

在傳統(tǒng)書籍中，

文字的編排表現(xiàn)了中國的傳統(tǒng)文化，

與中國的繪畫構(gòu)

圖有著重要關(guān)聯(lián)。（

見圖

4

～圖

6

）1.2.

2 西方的書籍及版面形式的發(fā)展圖

7 雜志版面?

西方國家最初的書籍的樣式與當(dāng)時(shí)的報(bào)紙很相似。

18

世紀(jì)慢慢拋棄了

標(biāo)準(zhǔn)的圖書格式，

為了擴(kuò)大版面采用大型號(hào)紙張，

但這階段的書籍雖

然在紙張跟尺寸上有所改變，

但是在印刷和視覺因素上幾乎還沒有什

么變化，

這種狀況一直持續(xù)到

19

世紀(jì)中期。?

進(jìn)入

20

世紀(jì)，

特別是

到了

60

年代，

版面設(shè)

計(jì)受到空前的重視。

留白的誕生，

版面形

式以色彩和圖片為基

礎(chǔ)，

以大量文字與圖

片來傳達(dá)信息，

成為

西方版面發(fā)展史上的

一大轉(zhuǎn)折。（

見圖7～圖8

）圖

8

雜志版面1

.

3

版式設(shè)計(jì)的原則? 版式設(shè)計(jì)的最終目的是使版面產(chǎn)生清晰的條理性，

用悅目的組

織來更好地突出主題，

達(dá)到最佳訴求效果。(1)

主題鮮明突出?按照主從關(guān)系的順序，

使放大的主體形象作為

視覺中心，

以此表達(dá)主

題思想。

將文案中的多

種信息作整體編排設(shè)計(jì)，

有助于主體形象的

建立。

在主體形象四周

增加空白量，

使被強(qiáng)調(diào)

的主體形象更加鮮明突

出。（

見圖

9

）圖

9

雜志版式設(shè)計(jì)圖

10 雜志版式設(shè)計(jì)(2)

形式與內(nèi)容統(tǒng)一?版式設(shè)計(jì)的前提是版式所追求

的完美形式必須符合主題的思

想內(nèi)容。

通過完美、

新穎的形

式來表達(dá)主題。（

見圖

1

0

）?優(yōu)化整體布局是將版面的各種

編排要素在編排結(jié)構(gòu)及色彩上

作整體設(shè)計(jì)，

以求最優(yōu)的傳達(dá)

效果。

如水平結(jié)構(gòu)、

垂直結(jié)構(gòu)、

斜向結(jié)構(gòu)、

曲線結(jié)構(gòu)。

文

案的合理編排可加強(qiáng)視覺效果。

如圖

11中，

該版面采用傾

斜的圖形結(jié)構(gòu)與垂直的文字編

排，

體現(xiàn)了版面強(qiáng)烈的視覺沖

擊力。（

見圖

1

1

）(3)

優(yōu)化整體布局圖

11 雜志版式設(shè)計(jì)?

每一個(gè)版式的排列都有它自身的原理，

采用手法也多種多樣，

可以

是夸張的、

比喻的、

聯(lián)想的、

幽默的、

對(duì)比的等，

其最終目的是使

畫面產(chǎn)生美感閱讀更方便，

也表現(xiàn)了設(shè)計(jì)師的風(fēng)格藝術(shù)特色的視覺

展現(xiàn)。? 如圖

12

是一張雜志的展開版面，

在該版面中運(yùn)用圖片的對(duì)比編排，

增添了版面的趣味性。

采用

圖片型的編排結(jié)構(gòu)，

使整個(gè)版面

具有活躍感，

文字編排整齊，

起

到了信息傳遞的作用。

對(duì)比型的

版面編排形式在版式設(shè)計(jì)中運(yùn)用

廣泛。

（

見圖

1

2

）圖

12 對(duì)比版式設(shè)計(jì)1

.

4

版式設(shè)計(jì)的功能?版式設(shè)計(jì)功能主要體現(xiàn)版面元素的編排能夠保證達(dá)到信息傳達(dá)的

目的，

文字的編排能夠保證閱讀的流暢，

并且通過編排的方法產(chǎn)

生一定的美感，

使閱讀的過程充滿輕松美好的感覺。? 圖

13

是一張雜志版式設(shè)計(jì)，

從整個(gè)版

面結(jié)構(gòu)來看，

版面文字與圖形編排整齊，

具有一定的規(guī)律性，

使讀者在閱讀的時(shí)候具有明確的閱讀節(jié)奏與視覺

流程。

版面整潔具有穩(wěn)定性，

給人平

穩(wěn)、

理性的視覺感受，

這就是版式設(shè)

計(jì)的功能性表現(xiàn)。

它可以調(diào)整版面的

協(xié)調(diào)性，

使雜亂的文字與圖形具有規(guī)

律性，

體現(xiàn)版面的統(tǒng)一協(xié)調(diào)的視覺效

果，

使信息閱讀具有明確的節(jié)奏感與

閱讀美感，

同時(shí)達(dá)到了信息傳遞的目

的。（

見圖

1

3

）圖

13 雜志版式設(shè)計(jì)1

.

5

版式設(shè)計(jì)程序?

版面構(gòu)成是傳播信息的橋梁，

所追求的完美形式必須符合主題的

思想內(nèi)容。

版面設(shè)計(jì)的程序是創(chuàng)造美感平面空間的主要手法，

關(guān)

系著整個(gè)版面從視覺到內(nèi)容的完善性和目的性。圖

14

雜志版面結(jié)果

示意圖圖

15 雜志版面?我們?cè)谧鲆粋€(gè)版式設(shè)計(jì)

的時(shí)候，

首先要明確該

版面的主題，

再根據(jù)主

題的內(nèi)容確定版面風(fēng)格，

最后才是確定版面

中元素的編排位置。

版

式設(shè)計(jì)作為加強(qiáng)信息傳

達(dá)的表現(xiàn)手法，

在設(shè)計(jì)

編排的過程中應(yīng)注意其

主次結(jié)構(gòu)關(guān)系。（

見圖

1

4

～圖

1

5

）1

.

5

.

1

讀者群定位圖

1

6 兒童讀物版面圖

1

7 時(shí)尚雜志封面版式? 版式設(shè)計(jì)主要體現(xiàn)為視覺傳達(dá)信息，

不是盲目地編排畫面，

而是根據(jù)

讀者群體編排版式，

如書籍編輯與平面廣告編輯等。

書籍包括雜志、小說、

課本等，

根據(jù)不同的讀者群體編排不同的版式設(shè)計(jì)，

小孩看書要多圖少字，

有樂趣；

老人看的書要注意文字的編排，

字體選擇稍微

大一號(hào)的字，

內(nèi)容編排通俗易懂，

版面規(guī)整。（

見圖

1

6

～圖

1

7

）1

.

5

.

2

明確設(shè)計(jì)項(xiàng)目圖

1

8 雜志版式設(shè)計(jì)圖

1

9 雜志版式設(shè)計(jì)?

在定位了讀者群體以后，

還要有清晰的設(shè)計(jì)項(xiàng)目主題，

再根據(jù)主題選

擇元素，

然后再考慮采用什么樣的表現(xiàn)形式，

使版式與色彩達(dá)到完美

的搭配，

有了明確的設(shè)計(jì)項(xiàng)目，

才能準(zhǔn)確的表達(dá)設(shè)計(jì)版面與視覺傳? 達(dá)。

中，

該雜志版面是圖

18一專訪頁面，

在版面中

根據(jù)對(duì)主題內(nèi)容進(jìn)行版

面結(jié)構(gòu)的編排，

加強(qiáng)信

息傳達(dá)，

給人視覺上的

流暢感。? 圖

19

中，

該版面主要表

現(xiàn)該

T恤

的圖案的個(gè)性化

特征，

注重版面色彩與

圖形的活躍表現(xiàn)，

充分

體現(xiàn)

T恤

的個(gè)性化圖案的

特征。1

.

5

.

3

明確傳播信息內(nèi)容圖

2

0 招貼版式設(shè)計(jì)圖

2

1 雜志版式設(shè)計(jì)? 一個(gè)好的版式設(shè)計(jì)不僅僅是畫面的美感，

更應(yīng)有明確的目的性，

準(zhǔn)確

傳達(dá)信息是版式的首要任務(wù)，

當(dāng)今社會(huì)信息的傳播是很重要的，

版式

設(shè)計(jì)通過對(duì)文字圖形與色彩的合理搭配，

追求了版面的美感的同時(shí)在

信息傳達(dá)上也更要準(zhǔn)確清晰。

在編排一個(gè)版式設(shè)計(jì)的時(shí)候，

作為設(shè)計(jì)

師首先應(yīng)該明白該版式設(shè)計(jì)的主要目的，

要傳達(dá)給目標(biāo)群體什么樣的

信息，

其次再考慮采用什么樣的版面編排能更好的實(shí)現(xiàn)信息的傳遞。（

見圖

2

0

～圖

2

2

）圖

2

2 招貼版式設(shè)計(jì)1

.

5

.

4

明確設(shè)計(jì)宗旨?

在定位了讀者群，

明確了設(shè)計(jì)項(xiàng)目主題和信息內(nèi)容，

下來讓我們了解

設(shè)計(jì)宗旨的含義。

所謂設(shè)計(jì)的宗旨就是你所做這個(gè)設(shè)計(jì)版面主要是要

表達(dá)什么意思，

傳達(dá)一個(gè)什么樣的信息，

達(dá)到什么樣的目的，

就是你做的這個(gè)設(shè)計(jì)的宗旨所在。

所以在做設(shè)計(jì)之前明確設(shè)計(jì)宗旨是很重要

的，

比如說做一個(gè)飲料廣告版式，

設(shè)計(jì)的宗旨就是讓消費(fèi)者了解這種

飲料，

提高飲料的知名度，

達(dá)到促銷該飲料的目的。?

圖

23

是一張冰箱廣告的雜志宣傳版

面，

該版面運(yùn)用魚的鮮活特征，

體

現(xiàn)該冰柜具有很好的保鮮作用。

因

此該版面的主要設(shè)計(jì)宗旨就是宣傳

該冰箱具有良好的保鮮作用，

使該

冰箱在市場上形成獨(dú)特的品牌形象，

從而達(dá)到產(chǎn)品促銷的作用。圖

2

3 雜志版式設(shè)計(jì)1

.

5

.

5

明確設(shè)計(jì)要求圖

2

4

汽車宣傳版式設(shè)計(jì)圖

2

5

飲料宣傳版式設(shè)計(jì)? 設(shè)計(jì)的主要目的是信息的傳遞，

現(xiàn)在市面上最常見到的就是商業(yè)廣告

設(shè)計(jì)，

是一種盈利性的宣傳活動(dòng)，

版式設(shè)計(jì)是建立在廣告設(shè)計(jì)基礎(chǔ)上的，

在版式方面要明白設(shè)計(jì)的要求，

也就是要達(dá)到廣告宣傳的要求，有明確的設(shè)計(jì)宗旨，

明確的主題，

通過畫面與文字的結(jié)合把商品信息

準(zhǔn)確快速地傳遞給社會(huì)大眾，

達(dá)到促銷商品的目的。

一個(gè)好的平面廣

告版式能讓人一眼難忘，

記憶深刻。（

見圖

2

4

～圖

2

6

）圖

2

6

品牌服飾宣傳

版式設(shè)計(jì)1

.

5

.

6

計(jì)劃安排圖

2

7 招貼版式設(shè)計(jì)?

在做設(shè)計(jì)之前要對(duì)設(shè)計(jì)的背景進(jìn)行研究調(diào)查，

收集資料了解背景信息

是做設(shè)計(jì)前的基本要求，

熟悉背景的主要特征，

根據(jù)對(duì)收集的資料進(jìn)

行分析再確定自己的設(shè)計(jì)方案，

最后根據(jù)自己的設(shè)計(jì)方案安排設(shè)計(jì)內(nèi)

容，

在有效的時(shí)間內(nèi)完成版式設(shè)計(jì)。1.5.

7 設(shè)計(jì)流程?所謂設(shè)計(jì)流程就是做出一個(gè)設(shè)計(jì)方案所要

經(jīng)歷的一個(gè)過程，

這個(gè)過程也是做設(shè)計(jì)的

關(guān)鍵。

首先接到一個(gè)設(shè)計(jì)項(xiàng)目，

要做到的

就是了解主題，

熟悉背景，

明確設(shè)計(jì)宗旨，

再對(duì)上述信息進(jìn)行分析，

確認(rèn)設(shè)計(jì)方

案即設(shè)計(jì)定位與表現(xiàn)風(fēng)格。

初學(xué)者往往沒

有手繪的習(xí)慣直接在電腦上排版，

其實(shí)，

適當(dāng)?shù)剡\(yùn)用手繪草圖可以幫助構(gòu)思的完整

性，

形成草圖以后再到電腦上完成制作定

稿會(huì)取得更好的效果。（

見圖

2

7

）教學(xué)實(shí)

例—

—

根

據(jù)

版

面

設(shè)

計(jì)

的

表

現(xiàn)

手

法

明

確

版

面

的

設(shè)

計(jì)

宗

旨

與

版

面

的

主

要功能體現(xiàn)

。1.

宣傳冊(cè)版式設(shè)計(jì)圖

2

8圖

2

9?在做版式設(shè)計(jì)的時(shí)候，根據(jù)版面的主題內(nèi)

容的需要選擇采用什么樣的編排表現(xiàn)形式。

明確版式設(shè)計(jì)宗旨，

從而體現(xiàn)該版面

的功能性特征。?

圖

28的版面中都采用了大小圖對(duì)比編排方

式，

將版面的主體圖片進(jìn)行放大，

使版面

具有明確的視覺中心。

文字合理地編排在

圖片下方，

具有解釋說明的意思，

使讀者

在閱讀的時(shí)候能夠快速的了解版面信息，

符合版式設(shè)計(jì)的信息傳達(dá)的功能性。?根據(jù)版面的需要，加大主體圖片與其它三

張圖片的大小對(duì)比關(guān)系，

使版面具有跳躍

性特征，

增添了活躍感。（

見圖

2

9

）2.

戶外廣告版式設(shè)計(jì)?

戶外廣告具有版面簡潔、

信息明了、

視覺效果強(qiáng)烈等特征，

因此在

編排戶外廣告版面時(shí)，

常以圖片的形式吸引人們的注意，

文字的編

排起輔助信息傳達(dá)的作用，

根據(jù)版面中圖片的大小，

表現(xiàn)不同的版

面效果，

根據(jù)不同的版面元素處理方式，

了解版面的功能性特征。圖

3

0? 運(yùn)用圖片框的形式使版面具有規(guī)律?

嚴(yán)謹(jǐn)?shù)囊曈X效果，

在信息傳達(dá)上具

有高質(zhì)量的視覺感受。圖

3

1在處理圖片上的文字編排時(shí)候，

應(yīng)注意文字的位置與色彩的編排，

選用與圖片區(qū)分較為明顯色

彩進(jìn)行信息傳達(dá)。設(shè)計(jì)點(diǎn)

評(píng)通過上面的學(xué)習(xí)，

對(duì)版式的版面和視覺傳達(dá)的表現(xiàn)應(yīng)該有了一定

的了解。

版式設(shè)計(jì)其最主要的目的在于視覺上吸引人們的眼球，

便于人們觀看、

閱讀，

從而達(dá)到宣傳的目的。圖

32

～圖

33

點(diǎn)評(píng)：

本設(shè)計(jì)是兩張雜志版面，

兩張版面都采用對(duì)比的

形式，

畫面簡潔且統(tǒng)一，

同時(shí)在統(tǒng)一中偶有差別，

增加了整個(gè)版面

創(chuàng)意性、

趣味性性與可閱讀性。圖

3

2圖

3

3圖

3

5圖

3

4圖

34

～圖

35

點(diǎn)評(píng)：

本設(shè)計(jì)制

作的是洗手夜招貼版面設(shè)

計(jì)，

其中畫面采用剪影的手，

手上有很多細(xì)菌的圖片跟細(xì)菌危害介紹，

表現(xiàn)手法

很新穎。

圖

34

中，

在畫面完

整新穎的情況下，

產(chǎn)品的照

片明顯達(dá)到了信息傳達(dá)的目

的，

整個(gè)版式具有活躍感；

而在圖

35

中，

縮小產(chǎn)品圖片

的大小，

使整個(gè)版面具有品

質(zhì)感，

體現(xiàn)出一種高品質(zhì)的

版面效果。圖

3

6 圖

3

7圖

36

～圖

37

點(diǎn)評(píng)：

本設(shè)計(jì)制作的是一種洗發(fā)水的宣傳單版式設(shè)計(jì)。

圖

36

兩張局部特寫的圖片放在一起，

畫面顯得很擁擠、

混亂沒有主

題，

沒有達(dá)到畫面的審美效果，

經(jīng)過修改以后圖

37色調(diào)統(tǒng)一、

畫面

整潔，

畫面有了對(duì)比，

具有了生氣，

突出了層次，

達(dá)到了產(chǎn)品宣傳

的目的。圖

3

8圖

3

9圖

38

～圖

39

點(diǎn)評(píng)：

左圖是

兩張招貼設(shè)計(jì)，

采用插畫

的風(fēng)格來表現(xiàn)，

體現(xiàn)了版面中點(diǎn)線面的結(jié)合。

在色

彩上選擇選擇個(gè)性的紅色

與黑色搭配，

充分展現(xiàn)了

該手機(jī)的個(gè)性時(shí)尚，

版式

設(shè)計(jì)上視覺流向清晰，

大

小圖片疏密適中搭配均衡，

整個(gè)畫面充滿了自由

輕快之感，

加上插畫的藝

術(shù)風(fēng)格，

更能展現(xiàn)畫面的

活躍感與該手機(jī)的年輕化。

整個(gè)版面在信息傳達(dá)

的同時(shí)，

將年輕時(shí)尚的氣

息也隨之進(jìn)行了宣傳。課后練

習(xí)1

．

通過對(duì)上面版式設(shè)計(jì)知識(shí)的了解與學(xué)習(xí)，

根據(jù)版式的基本原則與設(shè)

計(jì)功能，

編排一張報(bào)版設(shè)計(jì)。

要求畫面簡潔不雜亂，

閱讀輕松、

層次

清晰明了、

文字編排合理。

了解報(bào)紙的特性，

體現(xiàn)該報(bào)紙的功能性。創(chuàng)意思路：

報(bào)紙版面的設(shè)計(jì)編排，

首先要了解報(bào)紙版面的設(shè)計(jì)

要素、

報(bào)紙的失效性與報(bào)紙的消

息宣傳范圍。

其次，

了解看報(bào)人

的心理，

根據(jù)人們閱讀的習(xí)慣，

在版式設(shè)計(jì)上注意要層次清晰，

表達(dá)準(zhǔn)確。

最后明確設(shè)計(jì)方向，

根據(jù)設(shè)計(jì)方向的定位分析，

進(jìn)行

設(shè)計(jì)元素編排，

最終目的要符合

版式設(shè)計(jì)的基本原則，

在個(gè)性的

版式基礎(chǔ)上使閱讀更方便。圖

4

02．

通過對(duì)版式設(shè)計(jì)基礎(chǔ)知識(shí)的了解，

設(shè)計(jì)一個(gè)汽車的網(wǎng)頁版式，

要求

高品質(zhì)，

能很好的樹立品牌形象。圖

4

1 圖

4

2創(chuàng)意思路：

了解汽車背景，

由于其針對(duì)人群不同，

其特點(diǎn)也不相同，

在策劃之初要先了解產(chǎn)品的突出特點(diǎn)在何處，

然后再針對(duì)其優(yōu)勢進(jìn)行

設(shè)計(jì)。

當(dāng)確定了優(yōu)勢后，

為了能讓畫面富于審美情趣，

可以通過夸張、

聯(lián)想、

象征、

比喻等手法來突出汽車的特點(diǎn)。第

2

章

版

式

設(shè)

計(jì)

的

原

理2.

1 版式視覺空間的構(gòu)成元素2.

2 版式的視覺流程2.

3 版面的排列2.

4 版式設(shè)計(jì)的基礎(chǔ)類型課題概述：

本章主要介紹了版式設(shè)計(jì)的構(gòu)成元素。

其中，

通過版式設(shè)

計(jì)的視覺流程、

版面安排以及版式設(shè)計(jì)的基本類型從而對(duì)版式設(shè)計(jì)的

版面視覺空間的構(gòu)成元素進(jìn)行深入了解。教學(xué)目標(biāo)：

對(duì)版式設(shè)計(jì)的原理的學(xué)習(xí)與掌握，

以及對(duì)版式設(shè)計(jì)中構(gòu)成

元素、

視覺流程、

版面的排列的認(rèn)識(shí)，

能夠熟練地將版式設(shè)計(jì)原理運(yùn)

用到實(shí)際版式設(shè)計(jì)當(dāng)中。章節(jié)重點(diǎn)：

了解版式的構(gòu)成元素，

并熟知版式設(shè)計(jì)的視覺流程、

版面

排列以及版式設(shè)計(jì)的基本類型的任務(wù)。2

.

1

版式的視覺構(gòu)成元素? 版面設(shè)計(jì)的效果要達(dá)到既新穎、

美觀、

大方，

又與自身定位相結(jié)合，

關(guān)鍵在于版面構(gòu)成給人視覺上的感受。

了解版面的視覺構(gòu)成元素是關(guān)鍵的一步，

視覺構(gòu)成元素主要指點(diǎn)、

線、

面，

不同的組合給

人不同的心理感受。2.1.

1 點(diǎn)的編排構(gòu)成?

所謂點(diǎn)就是細(xì)小的形，

點(diǎn)是相對(duì)于其他元素的比例而決定的，

而不

是由自身的大小而決定的，

它是視覺設(shè)計(jì)的最小單位，

越小的形越

容易被認(rèn)為是點(diǎn)，

理想的點(diǎn)是圓點(diǎn)。

下面我們來談?wù)匋c(diǎn)的編排構(gòu)成，

點(diǎn)的編排有密集和分散兩種。(

1

)

密集型?

所謂密集就是點(diǎn)

的數(shù)量眾多，

排

列疏密有致，

以

聚集或者分散的

原則方法形成的

構(gòu)圖形式。（

見

圖

1

～圖

2

）圖

1 點(diǎn)的密集版式 圖

2 點(diǎn)的密集型示意圖? 圖

1

將不同大小、

疏密有致的混合排列，

形成散點(diǎn)式的構(gòu)圖形式。

這種聚散的大小重疊、

交叉，

字體大小比例適中，

形成一幅成功的

招貼設(shè)計(jì)。(2)

分散型? 其實(shí)點(diǎn)作為一種視覺元素，

意義非常廣泛，

在版式設(shè)計(jì)中起

到了平衡、

強(qiáng)調(diào)、

跳躍等作用。?

分散型的排列

形式，

就是運(yùn)

用剪缺和分解的基本手法破

壞形，

通過破

壞后所形成的

新構(gòu)圖效果就

是點(diǎn)的分散形排列。（

見圖

3～圖4

）圖

3

點(diǎn)的分散版式

圖

4

點(diǎn)的分散示意圖2

.

1

.

2

線的編排構(gòu)成? 有人說線就是點(diǎn)的移動(dòng)軌跡，

線又被稱為過長的形象，

即其長度跟

寬度形成強(qiáng)烈對(duì)比時(shí)就能稱為線。

線可以是移動(dòng)的也可以是靜止的。

線也可以構(gòu)成各種裝飾元素以及各種形態(tài)，

它們起著分隔畫面

形象的作用。

線在設(shè)計(jì)中的影響力遠(yuǎn)遠(yuǎn)大于點(diǎn)。

線要求在視覺上占

有很大一部分空間，

它的延伸帶來一種活力。（

見圖

5

）直線：

單純、

明快、

剛硬

粗直線：

笨重、

有力細(xì)直線：

敏銳、

脆弱

鋸齒線：

不安、

焦慮水平線：

安定、

平靜

垂直線：

嚴(yán)肅、

莊重

斜線：

速度、

飛躍曲線：

柔和、

優(yōu)雅圖

5 線的表現(xiàn)形式?

線的編排構(gòu)成分為有節(jié)奏的、

有情感的、

有空間關(guān)系的。

每條線都有自己獨(dú)特的性感存在，

將不同的線有節(jié)奏的編

排于版式中就能形成各種不同的效果。(

1

)

線的節(jié)奏?文字排列的線，由于組

成線的點(diǎn)按照規(guī)律、

大

小、

方向的變化，

使構(gòu)

成線條運(yùn)動(dòng)、

跳躍、

有

節(jié)奏、

有韻律的感覺，

使整個(gè)畫面具有無窮的

想象空間。（

見圖

6

）圖

6

線的節(jié)奏? 在畫面上直線與曲線給人的視覺效果是不

一樣的，

直線一般代表男性化，

剛硬而有力；

曲線一般用來表示女性的線條柔美。

因此，

我們?cè)谶\(yùn)用線條之前，

應(yīng)該線的表現(xiàn)有一定的了解，

才能產(chǎn)生你所要表達(dá)的

情感意義。（

見圖

7

）圖

7

線的情感(

2

)

線的情感(

3

)線的空間?線不僅僅具有情感上的因素，線還具有方

向性、

流動(dòng)性、

延續(xù)性與空間感。

線條的

起伏蕩漾所產(chǎn)生的視覺空間的深、

廣度，

給設(shè)計(jì)帶來了寬廣的思維空間。

線條的微

妙變化顯示了設(shè)計(jì)的含蓄與情感表現(xiàn)。

放

射性線條使畫面視覺表現(xiàn)強(qiáng)烈，

具有爆發(fā)

力。（

見圖

8

）圖

8

線的空間感2

.

1

.

3

面的編排構(gòu)成圖

9 面的幾何直線形幾何直線形：

如方形、

三角形、

菱形?

面是線重復(fù)密集移動(dòng)的軌跡和線的密集形態(tài)，

也可理解為點(diǎn)的放大、

點(diǎn)的密集或線的重復(fù)。

面在空間上的占有面積也最多，

因此在視覺上

要比點(diǎn)、

線來得強(qiáng)烈，

同時(shí)具有鮮明的個(gè)性特征。

幾何形和自由形是

面的兩大類型。?

面的形狀和邊緣對(duì)面的性質(zhì)也影響著面的表現(xiàn)形態(tài)，

在不同的情況下

會(huì)使面的形象產(chǎn)生很多變化。

從整個(gè)視覺要素來看，

面的視覺影響力

最大，

它們?cè)诋嬅嫔嫌兄e足輕重的地位。（

見圖

9

～圖

1

1

）幾何曲線形：

如圓形、

橢圓形自由形：

自由直線形、

自由曲線形圖

1

0 面的幾何曲線形圖

1

1

面的自由形? 面具有多重性格，

讓人感覺到

它的豐富內(nèi)涵，

有時(shí)動(dòng)態(tài)、

強(qiáng)勢、

有韻律，

能夠塑造立體感也

會(huì)給人很多錯(cuò)覺

感。（

見圖

1

3

）(1)

面的分割構(gòu)成?

面的分割構(gòu)成主要表現(xiàn)為，

線條對(duì)一張圖片以及多張圖片進(jìn)行的分

割，

整齊有序地排列在版面上。

像這樣的分割編排版面具有強(qiáng)烈的

秩序感與整體感，

使版面產(chǎn)生嚴(yán)肅、

穩(wěn)定的視覺效果。（

見圖

1

2

）(2)

面的情感構(gòu)成圖

12 面的分割圖

13

面的情感2

.

1

.

4

點(diǎn)線面的混排圖

1

4

點(diǎn)線面混排圖

1

5

點(diǎn)線面混排? 一個(gè)完整的版面主要是點(diǎn)、

線、

面的有機(jī)結(jié)合而組成的。

在版面中的

點(diǎn)由于大小、

形態(tài)、

位置的不同，

所產(chǎn)生的視覺效果和心理作用也不同。

點(diǎn)的流向編排就形成了線，

線的密集排列就形成了面。

點(diǎn)、

線、

面是相對(duì)而言的，

根據(jù)它們?cè)诋嬅嬷械谋壤P(guān)系決定。

在很多應(yīng)用性版式設(shè)計(jì)中，

文字構(gòu)成線占據(jù)畫面的主要地位，

成為設(shè)計(jì)師處理的重

要對(duì)象。（

見圖

1

4

～圖

1

5

）?

在右圖中，

黃

色代表點(diǎn)，

綠

色代表線，

整

個(gè)版面就形成

了一個(gè)面。

這

就是點(diǎn)線面的

結(jié)合表現(xiàn)。2.1.

5 版式設(shè)計(jì)中的其他構(gòu)成要素圖

1

6

比例關(guān)系構(gòu)成

空間層次? 版面設(shè)計(jì)主要是由不同的元素，

巧妙的搭配而形成。

現(xiàn)在我們來了解

一下版式設(shè)計(jì)中的其他構(gòu)成要素。(1)

三維空間的編排構(gòu)成? 所謂三維空間就是立體的，

看得見，

摸得著的。

在平面上的三維空間

是制造的一種假象，

看得見而摸不著的。

采用近大遠(yuǎn)小，

比例的對(duì)比，

位置的不同，

還有肌理的突顯而制造的空間層次。1）

比例關(guān)系的空間層次，

面積大小的比

例關(guān)系，

在版面編排的時(shí)候?qū)⒅黧w形

象進(jìn)行放大，

使版面形成良好的主次、位置關(guān)系的空間層次，

將文字與圖2

）

強(qiáng)弱的空間層次關(guān)系。（

見圖

1

6

）

形重疊排列，

所產(chǎn)生的空間節(jié)奏感。

3

）

所謂肌理空間層次，

主要表現(xiàn)為肌理的粗細(xì)、

質(zhì)感與色彩的變化。圖

1

7 版面色彩構(gòu)成(

2

)

色彩構(gòu)成?

色彩也是版式設(shè)計(jì)中重要的構(gòu)成元素。

不同的顏色使人產(chǎn)生不同的情

緒，

從而引起人的心理發(fā)生變化。

心理學(xué)家對(duì)顏色與人的心理健康進(jìn)

行了研究。

研究表明，

在一般情況下，

紅色表示快樂、

熱情，

它使人

情緒熱烈、

飽滿，

激發(fā)愛的情感；

黃色表示快樂、

明亮，

使人興高采

烈，

充滿喜悅之情；

綠色表示和平，

使人的心里有安定、

恬靜、

溫和

之感。

總之，

各種顏色都會(huì)給人的情緒帶來一定的影響，

使人的心理

活動(dòng)發(fā)生變化。

在版式設(shè)計(jì)中顏色也是很重要的一個(gè)視覺元素，

本身

就具有強(qiáng)烈的空間感。

合理的利用色彩搭配，

能吸引人們的注意，

更

讓人印象深刻。（

見圖

1

7

～圖

1

8

）圖

1

8

版面色彩構(gòu)成2

.

2

版式的視覺流程?

每一個(gè)版面都有一個(gè)視覺流向，

要想在視覺上有所突破，

就得在視

覺流向上下好功夫。

版面構(gòu)成的視覺流程主要是指平面上各種不同

元素的主次關(guān)系，

是設(shè)計(jì)上處理起始點(diǎn)和過程的一種閱讀節(jié)奏。2.2.

1 單向視覺流程?在解讀或認(rèn)識(shí)一些平面讀物的時(shí)候，都會(huì)有

一定的先后順序和主次關(guān)系，

設(shè)計(jì)師在編排

的過程中特意的采用某種形式來引導(dǎo)人們的

視覺流向，

這就是編排設(shè)計(jì)中的視覺流程。

視覺流程的編排在展現(xiàn)設(shè)計(jì)師個(gè)性化的同時(shí)，

也要符合人體視覺習(xí)慣，

過分夸張反而

得到適得其反的效果。

單向視覺流程是按照

常規(guī)的視覺流程規(guī)律，

引導(dǎo)讀者的一種視覺

走向，使版面的視覺走向更簡潔明了

。（

見圖

1

9

）圖

1

9 招貼設(shè)計(jì)版面圖

2

0 直式視覺流向? 單向視覺流程具有三種表現(xiàn)形式：（

1

）

直線式視覺流程：

視覺流向簡潔有力，

具有穩(wěn)固畫面的作用，

在引導(dǎo)讀者的同時(shí)穩(wěn)定了畫面。（

見圖

2

0

）（

2

）

橫式視覺流程：

主要視線是水平的，

左右看，

具有溫和的畫面情感，

給人一種很安靜的感覺。（

見圖

2

1

）（

3

）

斜式視覺流程：

主要視線是左上角與右下角之間，

給人傾斜的視覺效果與不穩(wěn)定的心理感受。

斜式視覺流程具有強(qiáng)烈沖擊力，

能

有效地吸引人們的注意。（

見圖

2

2

）圖

2

2 斜式視覺流向圖

2

1 橫式視覺流向2

.

2

.

2

重心視覺流程圖

2

4

重心在左側(cè)圖

2

3

重心在右側(cè)?

我們?cè)诳匆粋€(gè)版式設(shè)計(jì)的時(shí)候，

視線接觸畫面常常迅速由左上角到左

下角，

再通過中心部分從右上角經(jīng)右下角，

然后回到以畫面最吸引視

線的中心視圈停留下來，

這個(gè)中心點(diǎn)就是視覺的重心，

視覺重心有著穩(wěn)定版面的效果，

可以使版面具有平穩(wěn)的視覺效果，

給人可信賴的心

理感受，

沒有重心的版式設(shè)計(jì)是失敗的。?

版式設(shè)計(jì)主要表現(xiàn)在視覺

上，

優(yōu)秀的版式設(shè)計(jì)，

主

要表現(xiàn)為版面上元素構(gòu)成

達(dá)到和諧的比例關(guān)系，

形

成的一種視覺平衡。

根據(jù)

版面所表達(dá)的含義來決定

視覺重心的位置，

能更好、

更準(zhǔn)確的傳達(dá)信息。（

見圖

2

3

～圖

2

4

）2

.

2

.

3

反復(fù)視覺流程?所謂反復(fù)視覺流程就是以相同的或者相似的元素反復(fù)排列在畫面中，

給人視覺上的重復(fù)感。

設(shè)計(jì)師采用這種重復(fù)形的圖案，

增強(qiáng)了圖形的

識(shí)別性，

增加了畫面的生動(dòng)感，

形成了畫面的統(tǒng)一性，

與連續(xù)性。

給

人整齊，

穩(wěn)定有規(guī)律的感覺，

增添了整個(gè)版面的節(jié)奏與韻律。圖

2

5 反復(fù)視覺流程 圖

2

6 反復(fù)視覺流程示意圖? 在完全相同元素重復(fù)的同時(shí)，

也有主要的表現(xiàn)方式，

在相同中找差異，

在整齊中求變化，

這就是反復(fù)視覺流程中的特異視覺流程。

采用

突破的手法，

違反秩序以突出小部分元素來展現(xiàn)面的趣味感，

而且吸

引讀者的眼球，

使整個(gè)版面更具有生氣。（

見圖

2

5

～圖

2

6

）2

.

2

.

4

導(dǎo)向性視覺流程?所謂導(dǎo)向視覺流程，就是設(shè)計(jì)師在設(shè)計(jì)

上采用的一種手法，

引導(dǎo)讀者按照自己

的思路貫穿整個(gè)版面，

形成一個(gè)整體的、

統(tǒng)一的畫面。（

見圖

2

7

）(1)

放射性視覺流程 圖

2

7 導(dǎo)向視覺流程所謂放射性視覺流程，

是采用點(diǎn)與線作為引導(dǎo)作用，

把散落在四周

的所以元素統(tǒng)一在一個(gè)圓點(diǎn)上，

達(dá)到統(tǒng)一畫面的視覺效果，

整個(gè)畫面賦有動(dòng)態(tài)感。（

見圖

2

8

）

(2)

十字形視覺流程十字形視覺流程，

就相當(dāng)于在畫面上畫

了一個(gè)十字架，

這個(gè)十字架的中心就是

整個(gè)版面的視覺中心。

同時(shí)也引領(lǐng)了讀

者的視線從四周往中間集中，

突出了重

點(diǎn)，

發(fā)揮出最大的信息傳達(dá)效果。圖

2

8 放射性視覺流程2

.

2

.

5

散點(diǎn)視覺流程? 散點(diǎn)組合將圖片散點(diǎn)排列在版面各部位，

版面即充滿自由輕快之感。

散點(diǎn)組合編排時(shí)，

注意圖片大小、

主次的搭配，

方形圖與退底

圖的配置，

同時(shí)還應(yīng)考慮疏密、

均衡、

視覺方向程序等。

散點(diǎn)視覺

主要分為發(fā)射形與打散形。? 發(fā)射具有一定的方向規(guī)律感，

發(fā)射中心就是視覺的焦點(diǎn)，

所有元素

都向中心集中，

或由中心散開，

具有強(qiáng)烈的視覺效果。?打散就是把一種事物分解再組合的構(gòu)成

方法，

就是把一個(gè)完整的東西，

分成幾

個(gè)部分，

然后根據(jù)版式設(shè)計(jì)構(gòu)成原則進(jìn)

行再次組合。

這種方法可以幫助我們了

解內(nèi)部結(jié)構(gòu)，

從不同的角度去觀察事物，

用分割的結(jié)構(gòu)元素再組合成一種新

的心態(tài)，

產(chǎn)生不一樣的美感。（

見圖2

9

）圖

2

9

打散視覺流程2

.

3

版面的排列圖

30

以圖形為主

的雜志版式設(shè)計(jì)?

版面的排列主要表現(xiàn)為版面上各類元素的和諧搭配，

在編排的過程

中必須做到信息傳達(dá)的邏輯關(guān)系一致、

主次分明，

表現(xiàn)合理。2.3.

1 版面的大小比例?

版面的主要元素是文字、

圖形、

色彩等通過點(diǎn)、

線、

面的組合與排

列構(gòu)成的，

并采用夸張、

比喻、

象征的手法來體現(xiàn)視覺效果，

既美

化了版面，

又提高了傳達(dá)信息的功能。（

見圖

3

0

～圖

3

2

）圖

31

以文字為主

的雜志版式設(shè)計(jì)圖

32

以圖形為主

的雜志版式設(shè)計(jì)圖

33 兩欄對(duì)稱示意圖2

.

3

.

2

對(duì)稱? 所謂對(duì)稱就是以中軸線為軸心的上下對(duì)稱、

左右對(duì)稱，

以原點(diǎn)為基

準(zhǔn)的散點(diǎn)放射性對(duì)稱。

對(duì)稱畫面的特點(diǎn)是使畫面統(tǒng)一、

莊嚴(yán)，

給人高品質(zhì)、

可信賴的感覺。

對(duì)稱是屬于左右版面完全一樣的版面，

均衡是在視覺上給人左右平衡的感覺，

但是不對(duì)稱。

對(duì)稱與均衡的結(jié)

合可以使整個(gè)版面變的更趣味性，

具有生動(dòng)、

活潑、

明確的視覺效

果。（

見圖

3

3

～圖

3

5

）圖

34

三欄對(duì)稱示意圖圖

35

三欄對(duì)稱

版面2

.

3

.

3

黃金版面圖

36

黃金比例? 黃金比例是希臘建筑美的基準(zhǔn)（

1：

1

.

618），

這個(gè)傳統(tǒng)比例一直影響著社會(huì)美學(xué)。

黃金版面在很多作品中都存

在，

它所分割開來的兩個(gè)頁面部分的比例，

是自然界和

諧共存的一種表現(xiàn)。

符合黃金分割的比例形式最容易引

起人視覺上的美感。

（

見圖

3

6

）? 設(shè)定黃金比例的主要步驟：（

1

）

選擇一張正方形的紙；（

2

）

按照中軸線對(duì)折，

形成兩個(gè)相同的長方形；（

3

）

在紙上畫出一個(gè)等腰三角形；（

4

）

以等腰三角形的頂點(diǎn)畫一條弧形；（

5

）

以圓弧和基線的的交叉點(diǎn)畫一條垂直線，

使原來的正方形變成現(xiàn)在的長方形，

就形成了標(biāo)準(zhǔn)的黃金比例。圖

37

對(duì)比與平衡2.3.

4 對(duì)比和平衡? 對(duì)比可以是形態(tài)上的也可以是色彩和質(zhì)感上的。

對(duì)比使畫面具有明了、

強(qiáng)烈的視覺效果。

平衡是一種相對(duì)的穩(wěn)定狀態(tài)，

在版式設(shè)計(jì)中

主要表現(xiàn)為版面的上下左右比例適中，

左右版面接近均衡的版面結(jié)

果，

在視覺上給人平衡穩(wěn)定的視覺效果。（

見圖

3

7

～圖

3

8

）圖

38

對(duì)比與平衡2.3.

4 對(duì)比和平衡? 在版面結(jié)構(gòu)布局上，

四邊與中心有著潛在的重要性。

四邊是指版心

邊界的四個(gè)點(diǎn)，

把四邊連接起來的斜線即對(duì)角線，

交叉點(diǎn)就是中心。

編排的時(shí)候通過四邊和中心結(jié)構(gòu)使版面更具多樣化視覺效果。圖

39

破型版式2

.

3

.

6

破型圖

40 破型版式? 破型也就是在版式設(shè)計(jì)中，

這個(gè)“

破”

是指打破拘束、

打破平衡、

增添動(dòng)感的手法。

版式設(shè)計(jì)中注重版面上設(shè)計(jì)元素之間的結(jié)構(gòu)關(guān)系，

這種結(jié)構(gòu)能關(guān)系可以幫助讀者與設(shè)計(jì)師之間的交流。?

破型的設(shè)計(jì)表現(xiàn)出一

種創(chuàng)意。

打破傳統(tǒng)的

網(wǎng)格結(jié)構(gòu)可以自由發(fā)

揮想象，

破型的版式

表現(xiàn)應(yīng)注意把持這個(gè)

尺度，

不能太過，

必

須考慮到受眾是否能

夠辨別出并從中獲得

信息，

這才是版式設(shè)

計(jì)的主要目的所在。（

見圖

3

9

～圖

4

0

）2

.

4

版式設(shè)計(jì)的基本類型圖

41

滿版型版式如圖

41，

整個(gè)畫面都是采用了

一整張照片的形式進(jìn)行信息宣

傳，

當(dāng)照片放大到一定的比例，

在視覺表現(xiàn)上具有強(qiáng)烈的

視覺效果，

吸引人們注意。

滿

版型版式設(shè)計(jì)具有傳播速度快、

視覺表現(xiàn)強(qiáng)烈的宣傳效果，

是版式設(shè)計(jì)中最主要的表

現(xiàn)形式。（

見圖

4

1

）? 在做版式設(shè)計(jì)時(shí)，

經(jīng)常會(huì)采用不同的版面形式來傳遞信息。

不同的

版面有其自身的規(guī)律，

下面介紹幾種常見的版式設(shè)計(jì)類型。2.4.

1 滿版型版式設(shè)計(jì)? 滿版形主要以圖片傳達(dá)信息，

以圖片充滿整個(gè)版面。

在視覺傳達(dá)上

直觀，

表現(xiàn)強(qiáng)烈。

根據(jù)版面的需要，

文字的位置編排在版面的上下、左右、

中心點(diǎn)上，

層次清晰傳達(dá)信息準(zhǔn)確明了。

滿版型給人大方、直白的感覺，

常用于平面廣告中。

?2

.

4

.

2

分割型版式設(shè)計(jì)?

在平面構(gòu)成中，

把整體分成部分叫分割。

分割也是版式設(shè)計(jì)中重要表

現(xiàn)手法，

分割可以調(diào)整畫面的靈活性，

對(duì)畫面進(jìn)行一些取舍再拼貼，

形成另一種風(fēng)格的版式。

下面介紹三種常用的分割方法。?

第一種是等形分割。

分割形狀完全一樣，

分割后再把分隔界線加以調(diào)

整取舍，

達(dá)到的一種有良好的效果。?

第二種是自由分割。

自由分割就是不規(guī)則的、

無限制的，

將畫面自由

分割的一種方式，

它不同于數(shù)學(xué)規(guī)則分割產(chǎn)生的整齊效果，

但隨意性

分割，

使畫面產(chǎn)生活潑不受約束的感覺。?

第三種是比例與數(shù)列。

利用比例關(guān)系完成的構(gòu)圖通常都具有秩序、

明

朗的特性，

給人清新的感覺。

分隔具有一定的法則，

如黃金分割法、

數(shù)列等。圖

4

2

等型分割

圖

4

3

自由分割?

圖

45，

采用了分割的手法，

使畫面

變得有生氣，

不像一張單一照片那

么呆板。

分割的版式具有強(qiáng)烈的空

間感，

展現(xiàn)了版式的靈活性。圖

4

4

比例分割圖

4

5

分割版式?

分割型版式設(shè)計(jì)在版面上采用分割再拼湊的版面，

以一種打破常規(guī)

的版面構(gòu)成形式，

在視覺上吸引人們吸引人們注意，

表達(dá)一種沖擊

活躍的版面效果。（

見圖

4

2

～圖

4

4

）2

.

4

.

3

傾斜型版式設(shè)計(jì)圖

4

6

正三角形版式? 傾斜型版式設(shè)計(jì)主要表現(xiàn)為：

版面主體形象或多幅圖版做傾斜編排，

造成版面強(qiáng)烈的動(dòng)感和不穩(wěn)定因素，

引人注目。2.4.

4 三角型版式設(shè)計(jì)? 根據(jù)人們對(duì)圖形的認(rèn)識(shí)，

三角形想對(duì)于圓形、

四方形等基本形態(tài)，

是

最具安全穩(wěn)定因素的形態(tài)。

在版式設(shè)計(jì)中三角形版式分為兩種。圖

4

7

倒三角形

版式?

第一種是正三角形版式。

正三

角形自古以來都是象征穩(wěn)定的

圖形，

被人們認(rèn)為是最具穩(wěn)定

感的圖形存在。

在版式設(shè)計(jì)中，

正三角形的版式設(shè)計(jì)給畫

面更穩(wěn)定、

更安全、

值得信賴

的感覺。（

見圖

4

6

）?

第二種是倒三角形版式。

倒三

角形則給人以動(dòng)感和不穩(wěn)定感。（

見圖

4

7

）2

.

4

.

5

曲線型版式設(shè)計(jì)圖

4

8

曲線型版式圖

4

9

自由型版式?曲線型版式設(shè)計(jì)就是在一個(gè)版面中圖片或文字在排列結(jié)構(gòu)上作曲線的

編排構(gòu)成，

所產(chǎn)生的節(jié)奏和韻律。

曲線版式設(shè)計(jì)具有一定的趣味性，

讓人的視線隨著畫面上元素的自由走向而產(chǎn)生變化。（

見圖

4

8

）2.4.

6 自由型版式設(shè)計(jì)? 自由型版式設(shè)計(jì)在版面結(jié)構(gòu)中

采用無規(guī)律、

隨意地編排構(gòu)成，

使畫面產(chǎn)生活潑、

輕快的

感覺。

自由型版式設(shè)計(jì)沒有網(wǎng)

格的約束，

在排版上體現(xiàn)個(gè)性

風(fēng)格化設(shè)計(jì)。

在編排的過程中

要注意把握畫面的協(xié)調(diào)性。（

見圖

4

9

）教學(xué)實(shí)

例圖

5

1圖

5

0—

—

版

式

設(shè)

計(jì)

中

的

版

面

編

排

類

型

與

視

覺

流

程

的

不

同

編

排

所

產(chǎn)

生

的

版面視覺效果

。1.

餐飲雜志版面? 每個(gè)版面中圖形與文字的編排不一樣，

所構(gòu)成的版面結(jié)構(gòu)與版面形式

也會(huì)有所不同，

根據(jù)版式設(shè)計(jì)的不同類型，

分析版面的視覺效果。?

如圖

50～圖

51是一張餐飲雜志

的單頁版面，

該運(yùn)用出血圖的

編排形式，

圖片中元素的運(yùn)用

能有效的吸引消費(fèi)者的注意。

從版面編排類型來看，

在雜志

版面運(yùn)用的是滿版型的編排形

式突出版主題，

滿版型版面的

運(yùn)用，

使版面具有活躍性，

給

人強(qiáng)烈的視覺效果。圖

5

3圖

5

22.

書籍內(nèi)頁版式? 根據(jù)書籍版面中視覺重心的位置編排，

分析版面所產(chǎn)生的視覺效果。

視覺重心是設(shè)計(jì)師考慮將主要信息或視覺流程的停留點(diǎn)安排在

矚目價(jià)值高的最佳視域，

使得主題一目了然。

在版面中不同的視域，

矚目程度不同，

給人們留下的心理感受也不同。?

如圖

52

～圖

53

中，

該

版面圖片編排在版面

的上部具有強(qiáng)烈的視

覺效果，

文字編排在

圖片的下部具有信息

說明的作用。

該版面

的視覺重心設(shè)置在上

部，

給人以輕松、

愉

快之感。設(shè)計(jì)點(diǎn)

評(píng)通過對(duì)版式設(shè)計(jì)構(gòu)成元素、

視覺流程及版面排列的學(xué)習(xí)，

有了一

定的了解，

現(xiàn)在我們來看看版式設(shè)計(jì)的這些原理在實(shí)際版式中應(yīng)

該如何處理。圖

54

點(diǎn)評(píng)：

該設(shè)計(jì)為雜志宣傳

廣告，

整個(gè)版面以圖片為主要

表現(xiàn)因素。

在版式設(shè)計(jì)中圖片

的比例大小對(duì)整個(gè)畫面的視覺

效果有著很到的影響。

圖片比

文字更能吸引人們注意。

右圖采用了滿版型的版式設(shè)計(jì)，

從

畫面上強(qiáng)調(diào)宣傳目的。

文字根

據(jù)畫面的需求進(jìn)行有機(jī)的調(diào)整

排列，

使整個(gè)畫面顯得和諧層

次清晰，

達(dá)到了宣傳的目的。圖

5

4圖

5

6圖

5

5圖

55

～圖

56

點(diǎn)評(píng)：

本設(shè)計(jì)為

兩張招貼設(shè)計(jì)，

招貼設(shè)計(jì)版面簡潔明了，

主要版式是以

突出視覺傳達(dá)為基本。

從視

覺上看，

這兩張招貼設(shè)計(jì)有

著不同的視覺中心點(diǎn)，

不同

的視覺中心給人不一樣的視

覺傳達(dá)效果。

圖

55

的視覺中

心在上部，

給人以輕松、

愉

快、

視覺向上揚(yáng)升的感覺。

圖

56

視覺中心在下部，

給人

一種下墜、

沉重、

消沉、

穩(wěn)

定的感覺。圖

5

7圖

57點(diǎn)評(píng)：

該設(shè)計(jì)是雜志版面設(shè)計(jì)，

以相同的圖形反復(fù)排列，

增

強(qiáng)了圖形的識(shí)別性，

圖形色彩選

用單一的黑色，

與文字的呼應(yīng)，

增加了畫面的生動(dòng)感。

為了使畫

面更能吸引人們的目光。

版面中

的圖形在規(guī)律中又顯出細(xì)小的差

別，

突破了常規(guī)的單調(diào)，

為版面

增添了趣味性，

在視覺傳達(dá)上給

人醒目、

生動(dòng)的視覺效果。圖

5

8圖

58點(diǎn)評(píng)：

該版面是一張招貼設(shè)計(jì)，

從畫面的顏色分析，

紅色代表

激情奔放有活力，

具有強(qiáng)烈的視覺

效果。

此招貼設(shè)計(jì)中線條給人一種

波動(dòng)的心理感觸，

整個(gè)版面采用橫

式視覺流程，

在激情中顯安靜，

在

動(dòng)態(tài)中顯平和，

使整個(gè)版面生動(dòng)，

具有了樂趣。

但是，

文字太小，

不

符合招貼設(shè)計(jì)的基本表現(xiàn)形式，

不

能很好的傳達(dá)信息。圖

5

9圖

6

0圖

59點(diǎn)評(píng)：

該設(shè)計(jì)是一張招貼設(shè)計(jì)，

從

版面的排列可以看出整個(gè)版式采用了左

右對(duì)稱的編排模式，

以畫面的中軸線把

左右兩邊分開，

形成鮮明的對(duì)比。

使畫

面內(nèi)容更豐富、

層次清晰、

耐人尋味。

版面中采用了卡通與現(xiàn)實(shí)的對(duì)比，

給人

無盡的聯(lián)想空間，

同時(shí)使版面具有強(qiáng)烈

的視覺沖擊力。圖

60

點(diǎn)評(píng)：

此設(shè)計(jì)為一張雜志版面設(shè)計(jì)，

整個(gè)畫面簡潔、

空曠、

主體突出。

從整個(gè)版面構(gòu)成形式來看，

主體物之間

采用了對(duì)比、

夸張的手法，

使畫面在簡

潔中具有樂趣。

畫面中文字排列在整個(gè)

版面的下部，

起到了穩(wěn)定畫面的視覺效

果，

文字間比例關(guān)系較小，

體現(xiàn)了高質(zhì)

量的視覺效果。

此版式設(shè)計(jì)畫面生動(dòng)、

層次清晰、

主題突出，

符合雜志廣告的

基本要求，

達(dá)到了宣傳目的。課后練

習(xí)1

．

通過對(duì)上面版式設(shè)計(jì)版式類型與視覺流程的學(xué)習(xí)。

應(yīng)用所學(xué)知識(shí)及原理，

以招貼設(shè)計(jì)為主要信息載體進(jìn)行點(diǎn)、

線、

面的編排練習(xí)。

在編

排過程中可以采用文字、

圖形、

圖像資料，

注意點(diǎn)、

線、

面的合理搭

配，

構(gòu)思設(shè)計(jì)草圖。創(chuàng)意思路：

根據(jù)主題歸納分析結(jié)

果，

運(yùn)用版式設(shè)計(jì)的視覺傳達(dá)要

素及版式設(shè)計(jì)基本排版類型等基

本原理，

對(duì)主題版面進(jìn)行構(gòu)思設(shè)

計(jì)，

逐步形成草圖，

先運(yùn)用手繪

搞表現(xiàn)草圖。

最主要是要傳達(dá)正

確的信息，

要有完整的設(shè)計(jì)定位、

風(fēng)格設(shè)計(jì)等。

要求主題表現(xiàn)突出，

體現(xiàn)點(diǎn)、

線、

面的合理搭

配，

視覺傳達(dá)效果突出。圖

6

12．

通過對(duì)版式設(shè)計(jì)的排列方式與版式設(shè)計(jì)的視覺流程的了解，

根據(jù)所

學(xué)到的知識(shí)，

對(duì)版面上的各種元素進(jìn)行編排設(shè)計(jì)，

要求利用前面所學(xué)

的各種版式類型進(jìn)行實(shí)際編排，

體現(xiàn)版式設(shè)計(jì)排列方式與視覺流程。創(chuàng)意思路：

根據(jù)所學(xué)的版式設(shè)計(jì)的知

識(shí)，

運(yùn)用到實(shí)際版面中。

在編排過程

中，

首先，

確立所要編排的內(nèi)容與主

題；

其次，

對(duì)主題進(jìn)行分析并確立目

標(biāo)；

最后，

根據(jù)對(duì)版式設(shè)計(jì)知識(shí)的總

結(jié)進(jìn)行版式設(shè)計(jì)。

版式可以采用對(duì)比、

平衡、

滿版、

傾斜等各種表現(xiàn)手法。

視覺上也可以是單向視覺流程、

反復(fù)視覺流程、

散點(diǎn)視覺流程等，

根

據(jù)版式的排列來了解學(xué)習(xí)過程中的不

足之處。圖

6

2第

3

章

文

字

與

圖

形

的

版

面

構(gòu)

成3.

1 文字的編排3.

2 圖片與圖形的編排課題概述：

本章主要介紹版式設(shè)計(jì)的字體與圖形，

通過對(duì)版式設(shè)計(jì)文

字與圖片的編排的學(xué)習(xí)，

從而深入了解文字與圖形在具體版面中的具

體表現(xiàn)與運(yùn)用。教學(xué)目標(biāo)：

文字與圖形是構(gòu)成版式設(shè)計(jì)的主要設(shè)計(jì)元素，

通過對(duì)文字

的編排以及圖片與圖形的編排的學(xué)習(xí)，

能夠了解其主要表現(xiàn)形式，

在

實(shí)際版式設(shè)計(jì)中能夠熟練運(yùn)用。章節(jié)重點(diǎn)：

了解文字與圖形在編排過程中的具體表現(xiàn)以及通過編排方

式的不同對(duì)版面產(chǎn)生什么樣的視覺效果。3.

1文字的編排? 文字是版式設(shè)計(jì)中的重要構(gòu)成元素，

是人們交流和傳達(dá)信息的主要

手段，

在版式設(shè)計(jì)上文字的交流作用也是非常重要的。3.1.

1 運(yùn)用字體樣式和風(fēng)格?文字在版式設(shè)計(jì)中也是

一個(gè)重要的視覺傳遞元

素，

文字的字體樣式不

同，

所表達(dá)的版面風(fēng)格

也有所差異。

不同的字

體代表這不同風(fēng)格，

根

據(jù)不同的版式需求選擇

不同的字體風(fēng)格，

最主

要的是要與總版面文字

內(nèi)容協(xié)調(diào)。（

見圖

1

）圖

1 字體的樣式圖

2

宋體的編排圖

3

黑體編排? 中文文字中，

宋體給人

大方、

典雅、

樸實(shí)的感覺，

在版式設(shè)計(jì)中宋體

的編排最為自如，

給人精致獨(dú)特的氣質(zhì)。（

見

圖

2

）? 黑體簡潔明了，

是粗

細(xì)很一致的字體結(jié)構(gòu)，

可隨意調(diào)整。

黑

體具有多重適應(yīng)性，是現(xiàn)代設(shè)計(jì)中最大眾

化的字體之一。（

見圖

3

）? 傳統(tǒng)書法字體與現(xiàn)代字

體有著內(nèi)在呼應(yīng)，

這種字體的搭配給人現(xiàn)代與

傳統(tǒng)、

民族與國際的和諧感，

符合現(xiàn)代的審美

感。（

見圖

4

）圖

4

書法體編排? 版式設(shè)計(jì)中字體樣式與風(fēng)格變化，

影響著整個(gè)版面的視覺效果。

因此

字體設(shè)計(jì)成為版面設(shè)計(jì)中不可缺少的步驟之一。? 圖

5

是一張企業(yè)雜志版面，

根據(jù)企對(duì)業(yè)形象與文化的

了解，

在版面編排上，

盡

量采用整齊穩(wěn)定的文字編

排效果，

能更好地進(jìn)行企

業(yè)形象傳達(dá)。圖

5 企業(yè)雜志版面圖

6 DM版

面? 圖

6

是一張活動(dòng)促銷

DM版

面，

在該版面中采用變化

多樣的字體形態(tài)，

使版面

具有活躍感。

在招貼設(shè)計(jì)

中，

對(duì)文字的編排形式要

求新穎突出，

能夠吸引人

們注意，

具有強(qiáng)烈的視覺

效果。? 一種語言可以總結(jié)出相同的語法，

一種字體可以整理出共同的結(jié)構(gòu)，

一種藝術(shù)可以形成其版面編排構(gòu)成中的共性。

我們從文字的結(jié)

構(gòu)來看，

世界上的各種文字符號(hào)同樣是遵循繁、

雜、

簡化的規(guī)律。圖

7

拉丁文字?拉丁文字和漢字都屬這

種情況。

拉丁字母的字

形筆畫簡練，

主要以三

角形（

Ａ、

Ｖ）、

方形（

Ｈ、

Ｅ）、

圓形（

Ｏ、

Ｑ）

等幾何圖形

組成。

從其結(jié)構(gòu)的構(gòu)成

來分析跟漢字有很大一

部分相似。（

見圖

7

～

圖

8

）圖

8

中文漢字?

文字相當(dāng)于畫面的線條，

在中英文混排設(shè)計(jì)中，

英文字體的選擇要

同中文字體相匹配。

每一個(gè)版面中不管有多少元素都有主次之分，

文字上也要求中英文的合理配合。

雖然中文跟英文在字體與形態(tài)上

都各有不同。

如今很多版面都采用了中英文的混排，

畫面同樣很和

諧，

關(guān)鍵在于找出它們能互相匹配的字體。?在一個(gè)版面上，不管有多少信息量，

最好控制在兩種或者三種字體。

在控

制三種字體的時(shí)候，

最好采用標(biāo)題吸

引眼球，

其他兩種字體以簡潔，

規(guī)律

的排列，

這樣更方便閱讀。

切勿三種

字體同時(shí)都很槍眼，

只會(huì)讓版面看起

來很雜亂

。（

見圖

9

）圖

9

中英文混排3

.

1

.

2

中英混排設(shè)計(jì)圖

10

英文的曲線形

版面?

圖

10

中，

英文以曲線

形式編排在版面上，

使整個(gè)版面給人柔美、

蕩漾的視覺效果。

圖

11

中，

英文以直線形式編排在版面

上，

具有規(guī)整、

剛硬

的視覺效果。圖

11

英文的直線形

版面?

根據(jù)字體風(fēng)格的不一樣，

在選擇字體的時(shí)候盡量達(dá)到和諧與包容，

既

要要有區(qū)別又要很協(xié)調(diào)。

這些字體的不同選擇搭配都有自身的規(guī)律，

其主要目的在于傳遞信息的同時(shí)也保證畫面的協(xié)調(diào)性。

下面簡單介紹

一下版式設(shè)計(jì)中，

中英文的特點(diǎn)以及表現(xiàn)手法。(1)

英文字體編排?

版式設(shè)計(jì)中，

英文以流線型的方式存在，

能很好的調(diào)整畫面的僵硬、

呆板效果，

使畫面更生動(dòng)，

視覺更流暢。

英文在版面上可以是曲線形

式出現(xiàn)，

也可以是直線形式出現(xiàn)，

起作豐富版面與信息傳達(dá)的作用。(2)

中文字體編排?

中文在版面中主要以字塊形式出現(xiàn)，

具有字體的輪廓型。

中文每個(gè)

字占的字符空間都一樣，

非常的規(guī)整，

在排版的自由靈活性比英文

少，

各種限制都很嚴(yán)格。?中文在排列的過程中，基本上都

是以“

塊”

狀出現(xiàn)了，

很難出現(xiàn)

錯(cuò)落的現(xiàn)象。

比如中文的每段前

空兩格，

標(biāo)點(diǎn)不能落在行首、

標(biāo)

點(diǎn)占用一個(gè)完整字符空間，

豎排

時(shí)必須從右向左，

橫排時(shí)從左向

右等等，

這種種規(guī)則都給漢字編

排提高了難度。（

見圖

1

2

）圖

12 中文字體編排(3

)中英文混排?

現(xiàn)代各種文化大融合已經(jīng)成為不可阻擋的設(shè)計(jì)潮流趨勢，

而東西方

文化的不斷靠近，

也成為當(dāng)今設(shè)計(jì)界的一大進(jìn)步。

文字在版式設(shè)計(jì)

中漢字與英文字的綜合設(shè)計(jì)方法便是這種文化現(xiàn)象的產(chǎn)物，

中文漢

字具有象形、

會(huì)意、

表音三位一體的優(yōu)勢，

然而具有幾何特征的英

文字體具有簡潔、

規(guī)范、

具有圖形化、

線條感等特征，

具有極強(qiáng)的

國際化優(yōu)勢，

中文字體與英文字體的綜合設(shè)計(jì)，

目的是能夠較充分

地體現(xiàn)出這兩種字體優(yōu)勢的結(jié)合。? 在中英文混排的版面中，

注意文字的主次關(guān)

系編排，

如圖

13是以中

文為主的標(biāo)題文字，

圖

14

，

是以英文為主的標(biāo)

題文字。

千萬不能編排

成圖

15

的版面，

沒有主

次感，

版面沒有跳躍率。圖

14 中英文混排標(biāo)題圖

15 中英文混排標(biāo)題圖

13

中英文

混排標(biāo)題1

）

中英文混排版面中的文字主次關(guān)系。

在中英文混排的版面中，

應(yīng)該

注意中文字體與英文字體的設(shè)計(jì)成分的創(chuàng)意與主次關(guān)系，

在版面中

應(yīng)有明確的層次感，

避免故意扭曲文字象形以適合某種形態(tài)的習(xí)2慣）。中

英文混排版面中文字間字體與字號(hào)的設(shè)定。

在版面編排中，

中英文字體樣式的不同，

決定了給人的視覺效果也會(huì)有所不同。

因此，

在中英文混排的時(shí)候，

注意版面中字體的統(tǒng)一性，

除標(biāo)題文字以外，在段落文字中，

中文采用什么樣的字體，

英文采用什么字體，

都必

須統(tǒng)一編排。? 兩種文字的編排增添了版面的豐富多樣的特征，

但是如果在字體上再進(jìn)行不斷變化，

則

會(huì)造成版面的過于雜亂。

如圖

16

是一張房產(chǎn)

DM版

面設(shè)計(jì)，

在該版面英文以翻譯的形式編

排在中文的下方，

主要方便外籍人士閱讀，

在版面中中文采用統(tǒng)一的字體編排，

英文也

采用同一種字體編排，

使版面整齊不雜亂。圖

1

6

DM版面圖

1

7

中英文混排3

）

中英文混排版面中字符間的空格設(shè)定。

在中英文混排的版面中，

如

果強(qiáng)制性的將兩者編排在一起，

而不進(jìn)行一些適當(dāng)調(diào)整，

就會(huì)造成

兩種文字間的距離顯得有些奇怪，

這是因?yàn)閷I(yè)的字符寬度設(shè)計(jì)是

以一個(gè)英文字符的寬度為基礎(chǔ)的。

為了解決這個(gè)問題，

一般在編排

的時(shí)候，

將中文單詞與英文單詞之間空出四分之一字符的位置。?

這中處理方式不僅僅適合于橫向排版，

也適合與縱向排版，

在編排的

時(shí)候，

注意不要將英文單詞的詞與詞之間空出三分之一的字符，

也不

能將一個(gè)英文單詞的字母拆開進(jìn)行換行編排。（

見圖

1

7

～圖

1

8

）圖

1

8

中英文混排圖

1

9 英文字母位置基準(zhǔn)線4

）

中英文混排需要統(tǒng)一字號(hào)與位置的基準(zhǔn)線。

中文基本上是以正

方形的假象方框?yàn)闃?biāo)準(zhǔn)而設(shè)計(jì)的，

字面的寬度大于文字的寬度。而英文字體則是字面寬度與文字寬度是相等的。

因此，

在版面編排過程中，

編排相同的英文文字的時(shí)候，

因?yàn)槲淖值淖煮w形

態(tài)的特殊差異而使得行長發(fā)生變化。

除此之外，

以文字的橫向

邊線而言，

中文字體多是以假想的中央為標(biāo)準(zhǔn)來統(tǒng)一對(duì)齊的，

而英文字字體則基本上以位置基準(zhǔn)線為標(biāo)準(zhǔn)的。（

見圖

1

9

）3.1.

3 字體磅值、

字距與行距的設(shè)置圖

2

0 字體磅值舉例表現(xiàn)?

文字其最主要的作用是傳播信息，

也是最基本的功能。

文字編排重要

的一點(diǎn)在于服從表達(dá)主題的要求，

要符合人們閱讀習(xí)慣，

方便閱讀。

因此掌握字體的字距與行距是非常重要的。?

字體的磅值主要表現(xiàn)為區(qū)分不同字體信息，

使整段文字形成一種具有

邏輯性與組織性的視覺效果。

字體磅值指從筆劃最頂至最底端的距離大小。?一篇文章的大標(biāo)題一般采用

最大磅值的字體或者最粗字

體來表現(xiàn)它的重要性，

然后

依次根據(jù)閱讀需要縮小字體

磅值的大小，

從而實(shí)現(xiàn)閱讀

方便的視覺效果。（

見圖2

0

）3

.

1

.

4

字的排列? 文字的排列方式?jīng)Q定閱讀的效果，

根據(jù)設(shè)計(jì)的需要安排文字規(guī)整程度。

文字的排列可以說是自由的，

然而在自由編排的同時(shí)必須按照人

體的閱讀習(xí)慣來進(jìn)行合理編排。

文字的排列可分為一下幾種。（

1

）

左右均齊?

文字從右端到左端的長度統(tǒng)一，

文字組合形成統(tǒng)一長度的直線，

使字

群顯得端正、

嚴(yán)謹(jǐn)、

美觀。

在編排的過程中應(yīng)注意兩端對(duì)齊連字符號(hào)

的處理。

左右均齊的版面可分為橫向排列與縱向排列兩種。1）

橫向排列，

橫向左右均齊的字

體排列方式在書籍、

報(bào)刊、

雜

志中最為常見。（

見圖

2

1

）2）

縱向排列，

在大多傳統(tǒng)書籍中，左右均齊的文字編排形式運(yùn)用十

分廣泛，

在縱向版面編排中，

文

字給人“

上下均齊”

的視覺效果。（

見圖

2

2

）圖

2

1

左右均齊圖

2

2

左右均齊圖

2

3

齊中圖

2

4

齊