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

版式設(shè)計第

1

章

版

式

設(shè)

計

的

理

論

基

本1.

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

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

3 設(shè)計原則1.

4 設(shè)計功能1.

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

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

其中，

通過版式設(shè)

計的概念、

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

的基本概念進行由淺到深的介紹。教學(xué)目標：

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

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

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

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

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

設(shè)計做好鋪墊。章節(jié)重點：

了解版式的概念，

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

功能以及版面

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

.

1

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

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

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

所有元素在版面上進行有組織有目的的編排，

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

版式編排設(shè)計，

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

1）

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

2）

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

而視覺傳

達的主要作用是達到信息傳遞的目的；（

3）

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

的，是視覺上的；（

4

）

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

內(nèi)容，

在某種程度上也更能達到宣傳目

的。（

見圖

1

）圖

1

時尚雜志版式1

.

2

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

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

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

口語有限，

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

下面我們通過

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

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

中國書籍最早從簡冊開始，

簡背面寫有篇名與篇次，

將簡冊卷起來的時候文字正好顯示在外面，

方便人們在閱讀時查找，

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

定了基礎(chǔ)。

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

見圖

2

～圖

3

）圖

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

3

傳統(tǒng)竹簡圖

4 傳統(tǒng)木牘 圖

5 傳統(tǒng)縑帛 圖

6 傳統(tǒng)書籍?

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

傳統(tǒng)書

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

同的版面形式。

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

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

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

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

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

見圖

4

～圖

6

）1.2.

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

7 雜志版面?

西方國家最初的書籍的樣式與當時的報紙很相似。

18

世紀慢慢拋棄了

標準的圖書格式，

為了擴大版面采用大型號紙張，

但這階段的書籍雖

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

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

么變化，

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

19

世紀中期。?

進入

20

世紀，

特別是

到了

60

年代，

版面設(shè)

計受到空前的重視。

留白的誕生，

版面形

式以色彩和圖片為基

礎(chǔ)，

以大量文字與圖

片來傳達信息，

成為

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

一大轉(zhuǎn)折。（

見圖7～圖8

）圖

8

雜志版面1

.

3

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

用悅目的組

織來更好地突出主題，

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

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

使放大的主體形象作為

視覺中心，

以此表達主

題思想。

將文案中的多

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

有助于主體形象的

建立。

在主體形象四周

增加空白量，

使被強調(diào)

的主體形象更加鮮明突

出。（

見圖

9

）圖

9

雜志版式設(shè)計圖

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

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

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

想內(nèi)容。

通過完美、

新穎的形

式來表達主題。（

見圖

1

0

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

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

作整體設(shè)計，

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

效果。

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

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

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

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

文

案的合理編排可加強視覺效果。

如圖

11中，

該版面采用傾

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

排，

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

擊力。（

見圖

1

1

）(3)

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

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

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

采用手法也多種多樣，

可以

是夸張的、

比喻的、

聯(lián)想的、

幽默的、

對比的等，

其最終目的是使

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

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

展現(xiàn)。? 如圖

12

是一張雜志的展開版面，

在該版面中運用圖片的對比編排，

增添了版面的趣味性。

采用

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

使整個版面

具有活躍感，

文字編排整齊，

起

到了信息傳遞的作用。

對比型的

版面編排形式在版式設(shè)計中運用

廣泛。

（

見圖

1

2

）圖

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

.

4

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

目的，

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

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

生一定的美感，

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

13

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

從整個版

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

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

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

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

流程。

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

給人平

穩(wěn)、

理性的視覺感受，

這就是版式設(shè)

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

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

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

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

律性，

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

果，

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

閱讀美感，

同時達到了信息傳遞的目

的。（

見圖

1

3

）圖

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

.

5

版式設(shè)計程序?

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

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

思想內(nèi)容。

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

關(guān)

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

14

雜志版面結(jié)果

示意圖圖

15 雜志版面?我們在做一個版式設(shè)計

的時候，

首先要明確該

版面的主題，

再根據(jù)主

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

最后才是確定版面

中元素的編排位置。

版

式設(shè)計作為加強信息傳

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

在設(shè)計

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

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

見圖

1

4

～圖

1

5

）1

.

5

.

1

讀者群定位圖

1

6 兒童讀物版面圖

1

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

不是盲目地編排畫面，

而是根據(jù)

讀者群體編排版式，

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

書籍包括雜志、小說、

課本等，

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

小孩看書要多圖少字，

有樂趣；

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

字體選擇稍微

大一號的字，

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

版面規(guī)整。（

見圖

1

6

～圖

1

7

）1

.

5

.

2

明確設(shè)計項目圖

1

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

1

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

在定位了讀者群體以后，

還要有清晰的設(shè)計項目主題，

再根據(jù)主題選

擇元素，

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

使版式與色彩達到完美

的搭配，

有了明確的設(shè)計項目，

才能準確的表達設(shè)計版面與視覺傳? 達。

中，

該雜志版面是圖

18一專訪頁面，

在版面中

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

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

加強信

息傳達，

給人視覺上的

流暢感。? 圖

19

中，

該版面主要表

現(xiàn)該

T恤

的圖案的個性化

特征，

注重版面色彩與

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

充分

體現(xiàn)

T恤

的個性化圖案的

特征。1

.

5

.

3

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

2

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

2

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

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

準確

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

當今社會信息的傳播是很重要的，

版式

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

追求了版面的美感的同時在

信息傳達上也更要準確清晰。

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

作為設(shè)計

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

要傳達給目標群體什么樣的

信息，

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

見圖

2

0

～圖

2

2

）圖

2

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

.

5

.

4

明確設(shè)計宗旨?

在定位了讀者群，

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

下來讓我們了解

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

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

表達什么意思，

傳達一個什么樣的信息，

達到什么樣的目的，

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

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

的，

比如說做一個飲料廣告版式，

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

飲料，

提高飲料的知名度，

達到促銷該飲料的目的。?

圖

23

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

面，

該版面運用魚的鮮活特征，

體

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

因

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

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

使該

冰箱在市場上形成獨特的品牌形象，

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

2

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

.

5

.

5

明確設(shè)計要求圖

2

4

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

2

5

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

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

設(shè)計，

是一種盈利性的宣傳活動，

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

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

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

明確的主題，

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

準確快速地傳遞給社會大眾，

達到促銷商品的目的。

一個好的平面廣

告版式能讓人一眼難忘，

記憶深刻。（

見圖

2

4

～圖

2

6

）圖

2

6

品牌服飾宣傳

版式設(shè)計1

.

5

.

6

計劃安排圖

2

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

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

收集資料了解背景信息

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

熟悉背景的主要特征，

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

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

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

容，

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

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

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

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

關(guān)鍵。

首先接到一個設(shè)計項目，

要做到的

就是了解主題，

熟悉背景，

明確設(shè)計宗旨，

再對上述信息進行分析，

確認設(shè)計方

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

初學(xué)者往往沒

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

其實，

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

性，

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

稿會取得更好的效果。（

見圖

2

7

）教學(xué)實

例—

—

根

據(jù)

版

面

設(shè)

計

的

表

現(xiàn)

手

法

明

確

版

面

的

設(shè)

計

宗

旨

與

版

面

的

主

要功能體現(xiàn)

。1.

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

2

8圖

2

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

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

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

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

的功能性特征。?

圖

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

式，

將版面的主體圖片進行放大，

使版面

具有明確的視覺中心。

文字合理地編排在

圖片下方，

具有解釋說明的意思，

使讀者

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

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

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

使版面具有跳躍

性特征，

增添了活躍感。（

見圖

2

9

）2.

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

戶外廣告具有版面簡潔、

信息明了、

視覺效果強烈等特征，

因此在

編排戶外廣告版面時，

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

文字的編

排起輔助信息傳達的作用，

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

表現(xiàn)不同的版

面效果，

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

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

3

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

嚴謹?shù)囊曈X效果，

在信息傳達上具

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

3

1在處理圖片上的文字編排時候，

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

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

彩進行信息傳達。設(shè)計點

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

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

的了解。

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

便于人們觀看、

閱讀，

從而達到宣傳的目的。圖

32

～圖

33

點評：

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

兩張版面都采用對比的

形式，

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

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

增加了整個版面

創(chuàng)意性、

趣味性性與可閱讀性。圖

3

2圖

3

3圖

3

5圖

3

4圖

34

～圖

35

點評：

本設(shè)計制

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

計，

其中畫面采用剪影的手，

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

表現(xiàn)手法

很新穎。

圖

34

中，

在畫面完

整新穎的情況下，

產(chǎn)品的照

片明顯達到了信息傳達的目

的，

整個版式具有活躍感；

而在圖

35

中，

縮小產(chǎn)品圖片

的大小，

使整個版面具有品

質(zhì)感，

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

版面效果。圖

3

6 圖

3

7圖

36

～圖

37

點評：

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

圖

36

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

畫面顯得很擁擠、

混亂沒有主

題，

沒有達到畫面的審美效果，

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

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

畫面

整潔，

畫面有了對比，

具有了生氣，

突出了層次，

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

的目的。圖

3

8圖

3

9圖

38

～圖

39

點評：

左圖是

兩張招貼設(shè)計，

采用插畫

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

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

在色

彩上選擇選擇個性的紅色

與黑色搭配，

充分展現(xiàn)了

該手機的個性時尚，

版式

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

大

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

整個畫面充滿了自由

輕快之感，

加上插畫的藝

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

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

活躍感與該手機的年輕化。

整個版面在信息傳達

的同時，

將年輕時尚的氣

息也隨之進行了宣傳。課后練

習(xí)1

．

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

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

計功能，

編排一張報版設(shè)計。

要求畫面簡潔不雜亂，

閱讀輕松、

層次

清晰明了、

文字編排合理。

了解報紙的特性，

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

報紙版面的設(shè)計編排，

首先要了解報紙版面的設(shè)計

要素、

報紙的失效性與報紙的消

息宣傳范圍。

其次，

了解看報人

的心理，

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

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

表達準確。

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

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

進行

設(shè)計元素編排，

最終目的要符合

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

在個性的

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

4

02．

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

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

要求

高品質(zhì)，

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

4

1 圖

4

2創(chuàng)意思路：

了解汽車背景，

由于其針對人群不同，

其特點也不相同，

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

然后再針對其優(yōu)勢進行

設(shè)計。

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

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

可以通過夸張、

聯(lián)想、

象征、

比喻等手法來突出汽車的特點。第

2

章

版

式

設(shè)

計

的

原

理2.

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

2 版式的視覺流程2.

3 版面的排列2.

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

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

其中，

通過版式設(shè)

計的視覺流程、

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

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

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

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

元素、

視覺流程、

版面的排列的認識，

能夠熟練地將版式設(shè)計原理運

用到實際版式設(shè)計當中。章節(jié)重點：

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

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

版面

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

.

1

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

美觀、

大方，

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

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

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

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

線、

面，

不同的組合給

人不同的心理感受。2.1.

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

所謂點就是細小的形，

點是相對于其他元素的比例而決定的，

而不

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

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

越小的形越

容易被認為是點，

理想的點是圓點。

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

點的編排有密集和分散兩種。(

1

)

密集型?

所謂密集就是點

的數(shù)量眾多，

排

列疏密有致，

以

聚集或者分散的

原則方法形成的

構(gòu)圖形式。（

見

圖

1

～圖

2

）圖

1 點的密集版式 圖

2 點的密集型示意圖? 圖

1

將不同大小、

疏密有致的混合排列，

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

這種聚散的大小重疊、

交叉，

字體大小比例適中，

形成一幅成功的

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

分散型? 其實點作為一種視覺元素，

意義非常廣泛，

在版式設(shè)計中起

到了平衡、

強調(diào)、

跳躍等作用。?

分散型的排列

形式，

就是運

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

壞形，

通過破

壞后所形成的

新構(gòu)圖效果就

是點的分散形排列。（

見圖

3～圖4

）圖

3

點的分散版式

圖

4

點的分散示意圖2

.

1

.

2

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

線又被稱為過長的形象，

即其長度跟

寬度形成強烈對比時就能稱為線。

線可以是移動的也可以是靜止的。

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

它們起著分隔畫面

形象的作用。

線在設(shè)計中的影響力遠遠大于點。

線要求在視覺上占

有很大一部分空間，

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

見圖

5

）直線：

單純、

明快、

剛硬

粗直線：

笨重、

有力細直線：

敏銳、

脆弱

鋸齒線：

不安、

焦慮水平線：

安定、

平靜

垂直線：

嚴肅、

莊重

斜線：

速度、

飛躍曲線：

柔和、

優(yōu)雅圖

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

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

有情感的、

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

每條線都有自己獨特的性感存在，

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

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

1

)

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

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

大

小、

方向的變化，

使構(gòu)

成線條運動、

跳躍、

有

節(jié)奏、

有韻律的感覺，

使整個畫面具有無窮的

想象空間。（

見圖

6

）圖

6

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

一樣的，

直線一般代表男性化，

剛硬而有力；

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

因此，

我們在運用線條之前，

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

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

情感意義。（

見圖

7

）圖

7

線的情感(

2

)

線的情感(

3

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

向性、

流動性、

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

線條的

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

廣度，

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

線條的微

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

放

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

具有爆發(fā)

力。（

見圖

8

）圖

8

線的空間感2

.

1

.

3

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

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

如方形、

三角形、

菱形?

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

也可理解為點的放大、

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

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

因此在視覺上

要比點、

線來得強烈，

同時具有鮮明的個性特征。

幾何形和自由形是

面的兩大類型。?

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

在不同的情況下

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

從整個視覺要素來看，

面的視覺影響力

最大，

它們在畫面上有著舉足輕重的地位。（

見圖

9

～圖

1

1

）幾何曲線形：

如圓形、

橢圓形自由形：

自由直線形、

自由曲線形圖

1

0 面的幾何曲線形圖

1

1

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

讓人感覺到

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

有時動態(tài)、

強勢、

有韻律，

能夠塑造立體感也

會給人很多錯覺

感。（

見圖

1

3

）(1)

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

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

線條對一張圖片以及多張圖片進行的分

割，

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

像這樣的分割編排版面具有強烈的

秩序感與整體感，

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

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

見圖

1

2

）(2)

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

12 面的分割圖

13

面的情感2

.

1

.

4

點線面的混排圖

1

4

點線面混排圖

1

5

點線面混排? 一個完整的版面主要是點、

線、

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

在版面中的

點由于大小、

形態(tài)、

位置的不同，

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

點的流向編排就形成了線，

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

點、

線、

面是相對而言的，

根據(jù)它們在畫面中的比例關(guān)系決定。

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

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

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

要對象。（

見圖

1

4

～圖

1

5

）?

在右圖中，

黃

色代表點，

綠

色代表線，

整

個版面就形成

了一個面。

這

就是點線面的

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

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

1

6

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

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

巧妙的搭配而形成。

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

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

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

看得見，

摸得著的。

在平面上的三維空間

是制造的一種假象，

看得見而摸不著的。

采用近大遠小，

比例的對比，

位置的不同，

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

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

面積大小的比

例關(guān)系，

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

象進行放大，

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

將文字與圖2

）

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

見圖

1

6

）

形重疊排列，

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

3

）

所謂肌理空間層次，

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

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

1

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

2

)

色彩構(gòu)成?

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

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

緒，

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

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

行了研究。

研究表明，

在一般情況下，

紅色表示快樂、

熱情，

它使人

情緒熱烈、

飽滿，

激發(fā)愛的情感；

黃色表示快樂、

明亮，

使人興高采

烈，

充滿喜悅之情；

綠色表示和平，

使人的心里有安定、

恬靜、

溫和

之感。

總之，

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

使人的心理

活動發(fā)生變化。

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

本身

就具有強烈的空間感。

合理的利用色彩搭配，

能吸引人們的注意，

更

讓人印象深刻。（

見圖

1

7

～圖

1

8

）圖

1

8

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

.

2

版式的視覺流程?

每一個版面都有一個視覺流向，

要想在視覺上有所突破，

就得在視

覺流向上下好功夫。

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

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

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

1 單向視覺流程?在解讀或認識一些平面讀物的時候，都會有

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

設(shè)計師在編排

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

視覺流向，

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

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

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

過分夸張反而

得到適得其反的效果。

單向視覺流程是按照

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

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

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

。（

見圖

1

9

）圖

1

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

2

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

1

）

直線式視覺流程：

視覺流向簡潔有力，

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

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

見圖

2

0

）（

2

）

橫式視覺流程：

主要視線是水平的，

左右看，

具有溫和的畫面情感，

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

見圖

2

1

）（

3

）

斜式視覺流程：

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

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

斜式視覺流程具有強烈沖擊力，

能

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

見圖

2

2

）圖

2

2 斜式視覺流向圖

2

1 橫式視覺流向2

.

2

.

2

重心視覺流程圖

2

4

重心在左側(cè)圖

2

3

重心在右側(cè)?

我們在看一個版式設(shè)計的時候，

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

下角，

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

然后回到以畫面最吸引視

線的中心視圈停留下來，

這個中心點就是視覺的重心，

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

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

給人可信賴的心

理感受，

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

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

上，

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

主

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

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

形

成的一種視覺平衡。

根據(jù)

版面所表達的含義來決定

視覺重心的位置，

能更好、

更準確的傳達信息。（

見圖

2

3

～圖

2

4

）2

.

2

.

3

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

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

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

增強了圖形的

識別性，

增加了畫面的生動感，

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

與連續(xù)性。

給

人整齊，

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

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

2

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

2

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

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

在相同中找差異，

在整齊中求變化，

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

采用

突破的手法，

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

而且吸

引讀者的眼球，

使整個版面更具有生氣。（

見圖

2

5

～圖

2

6

）2

.

2

.

4

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

上采用的一種手法，

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

的思路貫穿整個版面，

形成一個整體的、

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

見圖

2

7

）(1)

放射性視覺流程 圖

2

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

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

把散落在四周

的所以元素統(tǒng)一在一個圓點上，

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

整個畫面賦有動態(tài)感。（

見圖

2

8

）

(2)

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

就相當于在畫面上畫

了一個十字架，

這個十字架的中心就是

整個版面的視覺中心。

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

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

突出了重

點，

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

2

8 放射性視覺流程2

.

2

.

5

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

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

散點組合編排時，

注意圖片大小、

主次的搭配，

方形圖與退底

圖的配置，

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

均衡、

視覺方向程序等。

散點視覺

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

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

所有元素

都向中心集中，

或由中心散開，

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

方法，

就是把一個完整的東西，

分成幾

個部分，

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

行再次組合。

這種方法可以幫助我們了

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

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

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

的心態(tài)，

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

見圖2

9

）圖

2

9

打散視覺流程2

.

3

版面的排列圖

30

以圖形為主

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

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

在編排的過程

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

主次分明，

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

1 版面的大小比例?

版面的主要元素是文字、

圖形、

色彩等通過點、

線、

面的組合與排

列構(gòu)成的，

并采用夸張、

比喻、

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

既美

化了版面，

又提高了傳達信息的功能。（

見圖

3

0

～圖

3

2

）圖

31

以文字為主

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

32

以圖形為主

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

33 兩欄對稱示意圖2

.

3

.

2

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

左右對稱，

以原點為基

準的散點放射性對稱。

對稱畫面的特點是使畫面統(tǒng)一、

莊嚴，

給人高品質(zhì)、

可信賴的感覺。

對稱是屬于左右版面完全一樣的版面，

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

但是不對稱。

對稱與均衡的結(jié)

合可以使整個版面變的更趣味性，

具有生動、

活潑、

明確的視覺效

果。（

見圖

3

3

～圖

3

5

）圖

34

三欄對稱示意圖圖

35

三欄對稱

版面2

.

3

.

3

黃金版面圖

36

黃金比例? 黃金比例是希臘建筑美的基準（

1：

1

.

618），

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

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

在，

它所分割開來的兩個頁面部分的比例，

是自然界和

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

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

起人視覺上的美感。

（

見圖

3

6

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

1

）

選擇一張正方形的紙；（

2

）

按照中軸線對折，

形成兩個相同的長方形；（

3

）

在紙上畫出一個等腰三角形；（

4

）

以等腰三角形的頂點畫一條弧形；（

5

）

以圓弧和基線的的交叉點畫一條垂直線，

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

就形成了標準的黃金比例。圖

37

對比與平衡2.3.

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

對比使畫面具有明了、

強烈的視覺效果。

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

在版式設(shè)計中

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

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

果，

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

見圖

3

7

～圖

3

8

）圖

38

對比與平衡2.3.

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

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

四邊是指版心

邊界的四個點，

把四邊連接起來的斜線即對角線，

交叉點就是中心。

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

39

破型版式2

.

3

.

6

破型圖

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

這個“

破”

是指打破拘束、

打破平衡、

增添動感的手法。

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

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

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

種創(chuàng)意。

打破傳統(tǒng)的

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

揮想象，

破型的版式

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

尺度，

不能太過，

必

須考慮到受眾是否能

夠辨別出并從中獲得

信息，

這才是版式設(shè)

計的主要目的所在。（

見圖

3

9

～圖

4

0

）2

.

4

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

41

滿版型版式如圖

41，

整個畫面都是采用了

一整張照片的形式進行信息宣

傳，

當照片放大到一定的比例，

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

視覺效果，

吸引人們注意。

滿

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

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

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

現(xiàn)形式。（

見圖

4

1

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

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

不同的

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

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

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

以圖片充滿整個版面。

在視覺傳達上

直觀，

表現(xiàn)強烈。

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

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

中心點上，

層次清晰傳達信息準確明了。

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

常用于平面廣告中。

?2

.

4

.

2

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

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

把整體分成部分叫分割。

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

現(xiàn)手法，

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

對畫面進行一些取舍再拼貼，

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

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

第一種是等形分割。

分割形狀完全一樣，

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

整取舍，

達到的一種有良好的效果。?

第二種是自由分割。

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

無限制的，

將畫面自由

分割的一種方式，

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

但隨意性

分割，

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

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

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

明

朗的特性，

給人清新的感覺。

分隔具有一定的法則，

如黃金分割法、

數(shù)列等。圖

4

2

等型分割

圖

4

3

自由分割?

圖

45，

采用了分割的手法，

使畫面

變得有生氣，

不像一張單一照片那

么呆板。

分割的版式具有強烈的空

間感，

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

4

4

比例分割圖

4

5

分割版式?

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

以一種打破常規(guī)

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

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

表達一種沖擊

活躍的版面效果。（

見圖

4

2

～圖

4

4

）2

.

4

.

3

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

4

6

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

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

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

引人注目。2.4.

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

三角形想對于圓形、

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

是

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

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

4

7

倒三角形

版式?

第一種是正三角形版式。

正三

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

圖形，

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

感的圖形存在。

在版式設(shè)計中，

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

面更穩(wěn)定、

更安全、

值得信賴

的感覺。（

見圖

4

6

）?

第二種是倒三角形版式。

倒三

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

見圖

4

7

）2

.

4

.

5

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

4

8

曲線型版式圖

4

9

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

編排構(gòu)成，

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

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

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

見圖

4

8

）2.4.

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

采用無規(guī)律、

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

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

輕快的

感覺。

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

格的約束，

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

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

在編排的過程中

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

見圖

4

9

）教學(xué)實

例圖

5

1圖

5

0—

—

版

式

設(shè)

計

中

的

版

面

編

排

類

型

與

視

覺

流

程

的

不

同

編

排

所

產(chǎn)

生

的

版面視覺效果

。1.

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

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

也會有所不同，

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

分析版面的視覺效果。?

如圖

50～圖

51是一張餐飲雜志

的單頁版面，

該運用出血圖的

編排形式，

圖片中元素的運用

能有效的吸引消費者的注意。

從版面編排類型來看，

在雜志

版面運用的是滿版型的編排形

式突出版主題，

滿版型版面的

運用，

使版面具有活躍性，

給

人強烈的視覺效果。圖

5

3圖

5

22.

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

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

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

矚目價值高的最佳視域，

使得主題一目了然。

在版面中不同的視域，

矚目程度不同，

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

如圖

52

～圖

53

中，

該

版面圖片編排在版面

的上部具有強烈的視

覺效果，

文字編排在

圖片的下部具有信息

說明的作用。

該版面

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

部，

給人以輕松、

愉

快之感。設(shè)計點

評通過對版式設(shè)計構(gòu)成元素、

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

有了一

定的了解，

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

該如何處理。圖

54

點評：

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

廣告，

整個版面以圖片為主要

表現(xiàn)因素。

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

的比例大小對整個畫面的視覺

效果有著很到的影響。

圖片比

文字更能吸引人們注意。

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

從

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

文字根

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

排列，

使整個畫面顯得和諧層

次清晰，

達到了宣傳的目的。圖

5

4圖

5

6圖

5

5圖

55

～圖

56

點評：

本設(shè)計為

兩張招貼設(shè)計，

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

主要版式是以

突出視覺傳達為基本。

從視

覺上看，

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

著不同的視覺中心點，

不同

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

覺傳達效果。

圖

55

的視覺中

心在上部，

給人以輕松、

愉

快、

視覺向上揚升的感覺。

圖

56

視覺中心在下部，

給人

一種下墜、

沉重、

消沉、

穩(wěn)

定的感覺。圖

5

7圖

57點評：

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

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

增

強了圖形的識別性，

圖形色彩選

用單一的黑色，

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

增加了畫面的生動感。

為了使畫

面更能吸引人們的目光。

版面中

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

別，

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

為版面

增添了趣味性，

在視覺傳達上給

人醒目、

生動的視覺效果。圖

5

8圖

58點評：

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

從畫面的顏色分析，

紅色代表

激情奔放有活力，

具有強烈的視覺

效果。

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

波動的心理感觸，

整個版面采用橫

式視覺流程，

在激情中顯安靜，

在

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

使整個版面生動，

具有了樂趣。

但是，

文字太小，

不

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

不

能很好的傳達信息。圖

5

9圖

6

0圖

59點評：

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

從

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

右對稱的編排模式，

以畫面的中軸線把

左右兩邊分開，

形成鮮明的對比。

使畫

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

層次清晰、

耐人尋味。

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

給人

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

同時使版面具有強烈

的視覺沖擊力。圖

60

點評：

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

整個畫面簡潔、

空曠、

主體突出。

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

主體物之間

采用了對比、

夸張的手法，

使畫面在簡

潔中具有樂趣。

畫面中文字排列在整個

版面的下部，

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

果，

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

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

量的視覺效果。

此版式設(shè)計畫面生動、

層次清晰、

主題突出，

符合雜志廣告的

基本要求，

達到了宣傳目的。課后練

習(xí)1

．

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

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

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

線、

面的編排練習(xí)。

在編

排過程中可以采用文字、

圖形、

圖像資料，

注意點、

線、

面的合理搭

配，

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

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

果，

運用版式設(shè)計的視覺傳達要

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

本原理，

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

計，

逐步形成草圖，

先運用手繪

搞表現(xiàn)草圖。

最主要是要傳達正

確的信息，

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

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

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

體現(xiàn)點、

線、

面的合理搭

配，

視覺傳達效果突出。圖

6

12．

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

根據(jù)所

學(xué)到的知識，

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

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

的各種版式類型進行實際編排，

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

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

識，

運用到實際版面中。

在編排過程

中，

首先，

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

題；

其次，

對主題進行分析并確立目

標；

最后，

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

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

版式可以采用對比、

平衡、

滿版、

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

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

反復(fù)視覺流程、

散點視覺流程等，

根

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

足之處。圖

6

2第

3

章

文

字

與

圖

形

的

版

面

構(gòu)

成3.

1 文字的編排3.

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

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

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

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

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

體表現(xiàn)與運用。教學(xué)目標：

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

通過對文字

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

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

在

實際版式設(shè)計中能夠熟練運用。章節(jié)重點：

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

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

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

是人們交流和傳達信息的主要

手段，

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

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

一個重要的視覺傳遞元

素，

文字的字體樣式不

同，

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

也有所差異。

不同的字

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

根

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

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

最主

要的是要與總版面文字

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

見圖

1

）圖

1 字體的樣式圖

2

宋體的編排圖

3

黑體編排? 中文文字中，

宋體給人

大方、

典雅、

樸實的感覺，

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

的編排最為自如，

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

見

圖

2

）? 黑體簡潔明了，

是粗

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

可隨意調(diào)整。

黑

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

化的字體之一。（

見圖

3

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

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

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

傳統(tǒng)、

民族與國際的和諧感，

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

感。（

見圖

4

）圖

4

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

影響著整個版面的視覺效果。

因此

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

5

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

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

了解，

在版面編排上，

盡

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

排效果，

能更好地進行企

業(yè)形象傳達。圖

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

6 DM版

面? 圖

6

是一張活動促銷

DM版

面，

在該版面中采用變化

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

使版面

具有活躍感。

在招貼設(shè)計

中，

對文字的編排形式要

求新穎突出，

能夠吸引人

們注意，

具有強烈的視覺

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

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

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

我們從文字的結(jié)

構(gòu)來看，

世界上的各種文字符號同樣是遵循繁、

雜、

簡化的規(guī)律。圖

7

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

種情況。

拉丁字母的字

形筆畫簡練，

主要以三

角形（

Ａ、

Ｖ）、

方形（

Ｈ、

Ｅ）、

圓形（

Ｏ、

Ｑ）

等幾何圖形

組成。

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

來分析跟漢字有很大一

部分相似。（

見圖

7

～

圖

8

）圖

8

中文漢字?

文字相當于畫面的線條，

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

英文字體的選擇要

同中文字體相匹配。

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

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

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

都各有不同。

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

畫面同樣很和

諧，

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

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

在控

制三種字體的時候，

最好采用標題吸

引眼球，

其他兩種字體以簡潔，

規(guī)律

的排列，

這樣更方便閱讀。

切勿三種

字體同時都很槍眼，

只會讓版面看起

來很雜亂

。（

見圖

9

）圖

9

中英文混排3

.

1

.

2

中英混排設(shè)計圖

10

英文的曲線形

版面?

圖

10

中，

英文以曲線

形式編排在版面上，

使整個版面給人柔美、

蕩漾的視覺效果。

圖

11

中，

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

上，

具有規(guī)整、

剛硬

的視覺效果。圖

11

英文的直線形

版面?

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

在選擇字體的時候盡量達到和諧與包容，

既

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

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

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

下面簡單介紹

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

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

英文字體編排?

版式設(shè)計中，

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

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

呆板效果，

使畫面更生動，

視覺更流暢。

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

式出現(xiàn)，

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

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

中文字體編排?

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

具有字體的輪廓型。

中文每個

字占的字符空間都一樣，

非常的規(guī)整，

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

少，

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

是以“

塊”

狀出現(xiàn)了，

很難出現(xiàn)

錯落的現(xiàn)象。

比如中文的每段前

空兩格，

標點不能落在行首、

標

點占用一個完整字符空間，

豎排

時必須從右向左，

橫排時從左向

右等等，

這種種規(guī)則都給漢字編

排提高了難度。（

見圖

1

2

）圖

12 中文字體編排(3

)中英文混排?

現(xiàn)代各種文化大融合已經(jīng)成為不可阻擋的設(shè)計潮流趨勢，

而東西方

文化的不斷靠近，

也成為當今設(shè)計界的一大進步。

文字在版式設(shè)計

中漢字與英文字的綜合設(shè)計方法便是這種文化現(xiàn)象的產(chǎn)物，

中文漢

字具有象形、

會意、

表音三位一體的優(yōu)勢，

然而具有幾何特征的英

文字體具有簡潔、

規(guī)范、

具有圖形化、

線條感等特征，

具有極強的

國際化優(yōu)勢，

中文字體與英文字體的綜合設(shè)計，

目的是能夠較充分

地體現(xiàn)出這兩種字體優(yōu)勢的結(jié)合。? 在中英文混排的版面中，

注意文字的主次關(guān)

系編排，

如圖

13是以中

文為主的標題文字，

圖

14

，

是以英文為主的標

題文字。

千萬不能編排

成圖

15

的版面，

沒有主

次感，

版面沒有跳躍率。圖

14 中英文混排標題圖

15 中英文混排標題圖

13

中英文

混排標題1

）

中英文混排版面中的文字主次關(guān)系。

在中英文混排的版面中，

應(yīng)該

注意中文字體與英文字體的設(shè)計成分的創(chuàng)意與主次關(guān)系，

在版面中

應(yīng)有明確的層次感，

避免故意扭曲文字象形以適合某種形態(tài)的習(xí)2慣）。中

英文混排版面中文字間字體與字號的設(shè)定。

在版面編排中，

中英文字體樣式的不同，

決定了給人的視覺效果也會有所不同。

因此，

在中英文混排的時候，

注意版面中字體的統(tǒng)一性，

除標題文字以外，在段落文字中，

中文采用什么樣的字體，

英文采用什么字體，

都必

須統(tǒng)一編排。? 兩種文字的編排增添了版面的豐富多樣的特征，

但是如果在字體上再進行不斷變化，

則

會造成版面的過于雜亂。

如圖

16

是一張房產(chǎn)

DM版

面設(shè)計，

在該版面英文以翻譯的形式編

排在中文的下方，

主要方便外籍人士閱讀，

在版面中中文采用統(tǒng)一的字體編排，

英文也

采用同一種字體編排，

使版面整齊不雜亂。圖

1

6

DM版面圖

1

7

中英文混排3

）

中英文混排版面中字符間的空格設(shè)定。

在中英文混排的版面中，

如

果強制性的將兩者編排在一起，

而不進行一些適當調(diào)整，

就會造成

兩種文字間的距離顯得有些奇怪，

這是因為專業(yè)的字符寬度設(shè)計是

以一個英文字符的寬度為基礎(chǔ)的。

為了解決這個問題，

一般在編排

的時候，

將中文單詞與英文單詞之間空出四分之一字符的位置。?

這中處理方式不僅僅適合于橫向排版，

也適合與縱向排版，

在編排的

時候，

注意不要將英文單詞的詞與詞之間空出三分之一的字符，

也不

能將一個英文單詞的字母拆開進行換行編排。（

見圖

1

7

～圖

1

8

）圖

1

8

中英文混排圖

1

9 英文字母位置基準線4

）

中英文混排需要統(tǒng)一字號與位置的基準線。

中文基本上是以正

方形的假象方框為標準而設(shè)計的，

字面的寬度大于文字的寬度。而英文字體則是字面寬度與文字寬度是相等的。

因此，

在版面編排過程中，

編排相同的英文文字的時候，

因為文字的字體形

態(tài)的特殊差異而使得行長發(fā)生變化。

除此之外，

以文字的橫向

邊線而言，

中文字體多是以假想的中央為標準來統(tǒng)一對齊的，

而英文字字體則基本上以位置基準線為標準的。（

見圖

1

9

）3.1.

3 字體磅值、

字距與行距的設(shè)置圖

2

0 字體磅值舉例表現(xiàn)?

文字其最主要的作用是傳播信息，

也是最基本的功能。

文字編排重要

的一點在于服從表達主題的要求，

要符合人們閱讀習(xí)慣，

方便閱讀。

因此掌握字體的字距與行距是非常重要的。?

字體的磅值主要表現(xiàn)為區(qū)分不同字體信息，

使整段文字形成一種具有

邏輯性與組織性的視覺效果。

字體磅值指從筆劃最頂至最底端的距離大小。?一篇文章的大標題一般采用

最大磅值的字體或者最粗字

體來表現(xiàn)它的重要性，

然后

依次根據(jù)閱讀需要縮小字體

磅值的大小，

從而實現(xiàn)閱讀

方便的視覺效果。（

見圖2

0

）3

.

1

.

4

字的排列? 文字的排列方式?jīng)Q定閱讀的效果，

根據(jù)設(shè)計的需要安排文字規(guī)整程度。

文字的排列可以說是自由的，

然而在自由編排的同時必須按照人

體的閱讀習(xí)慣來進行合理編排。

文字的排列可分為一下幾種。（

1

）

左右均齊?

文字從右端到左端的長度統(tǒng)一，

文字組合形成統(tǒng)一長度的直線，

使字

群顯得端正、

嚴謹、

美觀。

在編排的過程中應(yīng)注意兩端對齊連字符號

的處理。

左右均齊的版面可分為橫向排列與縱向排列兩種。1）

橫向排列，

橫向左右均齊的字

體排列方式在書籍、

報刊、

雜

志中最為常見。（

見圖

2

1

）2）

縱向排列，

在大多傳統(tǒng)書籍中，左右均齊的文字編排形式運用十

分廣泛，

在縱向版面編排中，

文

字給人“

上下均齊”

的視覺效果。（

見圖

2

2

）圖

2

1

左右均齊圖

2

2

左右均齊圖

2

3

齊中圖

2

4

齊