《版式設(shè)計(jì)》課程教學(xué)大綱與教案_第1頁
《版式設(shè)計(jì)》課程教學(xué)大綱與教案_第2頁
《版式設(shè)計(jì)》課程教學(xué)大綱與教案_第3頁
《版式設(shè)計(jì)》課程教學(xué)大綱與教案_第4頁
《版式設(shè)計(jì)》課程教學(xué)大綱與教案_第5頁
已閱讀5頁,還剩27頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

《版式設(shè)計(jì)》課程教學(xué)大綱

一、本課程教學(xué)的目的與原則

通過本課程教學(xué),明確版式設(shè)計(jì)原理在設(shè)計(jì)活動(dòng)中至關(guān)重要的作用。本課程注重設(shè)計(jì)前沿理論的研究和開發(fā),是對(duì)學(xué)生藝術(shù)潛質(zhì)、思維方式、創(chuàng)造能力等綜合素質(zhì)的全面開發(fā)和培養(yǎng),幫助學(xué)生掌握科學(xué)的思維方法、搭建完備的設(shè)計(jì)理念構(gòu)架、構(gòu)建合理的設(shè)計(jì)知識(shí)體系,自覺地運(yùn)用版式設(shè)計(jì)原理進(jìn)行藝術(shù)設(shè)計(jì)。同時(shí),本課程能有效地激發(fā)學(xué)生們的設(shè)計(jì)潛能,在藝術(shù)設(shè)計(jì)學(xué)習(xí)的過程中,不斷地調(diào)整自己,從認(rèn)識(shí)自我到超越自我,成為時(shí)代需求的藝術(shù)設(shè)計(jì)人才。

本課程將積極組織并參與設(shè)計(jì)實(shí)踐以及各種設(shè)計(jì)、創(chuàng)意大賽,使理論與實(shí)踐結(jié)合,通過嚴(yán)格的基礎(chǔ)訓(xùn)練和設(shè)計(jì)實(shí)踐,使學(xué)生建立和掌握版式設(shè)計(jì)的概念和方法,并自如運(yùn)用于藝術(shù)設(shè)計(jì)活動(dòng)的各個(gè)領(lǐng)域。

二、學(xué)習(xí)方法指導(dǎo)

1、以案例分析為主,通過對(duì)優(yōu)秀版式設(shè)計(jì)作品剖析和模仿,引導(dǎo)學(xué)生建立版式設(shè)計(jì)的整體概念。

2、強(qiáng)調(diào)研究性學(xué)習(xí)的方法,確定專題性課題設(shè)計(jì)及組織討論,從而引導(dǎo)學(xué)生在實(shí)戰(zhàn)訓(xùn)練中熟練掌握設(shè)計(jì)原則。

三、本課程的重點(diǎn)與難點(diǎn)

本課程的重點(diǎn)是在案例教學(xué)中,培養(yǎng)學(xué)生整體把握版式設(shè)計(jì)中文字、圖形、色彩三要素的構(gòu)成關(guān)系,通過課題設(shè)計(jì)理解黑、白、灰整體分區(qū)概念;點(diǎn)、線、面在版式設(shè)計(jì)中的運(yùn)用;各種設(shè)計(jì)原則及表現(xiàn)。

難點(diǎn)是把握具體設(shè)計(jì)內(nèi)容與形式表現(xiàn)之間的關(guān)系;文字與文字、文字與圖形之間整體與局部的構(gòu)成關(guān)系。

四、本課程教學(xué)基本內(nèi)容

第一章版式設(shè)計(jì)概念

[知識(shí)點(diǎn)提示]版式設(shè)計(jì)概念

[重、難點(diǎn)提示]建立對(duì)版式構(gòu)成元素進(jìn)行整體設(shè)計(jì)的概念

第一節(jié)版式設(shè)計(jì)概念導(dǎo)入

第二節(jié)傳統(tǒng)中國書籍的版式

1、傳統(tǒng)中國書籍的版面術(shù)語名稱

2、傳統(tǒng)中國書籍的版式設(shè)計(jì)特征

第二章版式設(shè)計(jì)原則

[知識(shí)點(diǎn)提示]版式設(shè)計(jì)整體概念理解

[重、難點(diǎn)提示]建立對(duì)版式整體設(shè)計(jì)的意識(shí)

第一節(jié)整體性原則

1、主次分明

2、分類編排

3、設(shè)計(jì)元素處理

第一節(jié)簡潔性原則

第三章版式設(shè)計(jì)原理

[知識(shí)點(diǎn)提示]設(shè)計(jì)原理

[重、難點(diǎn)提示]黑、白、灰與點(diǎn)、線、面的整體布局關(guān)系,協(xié)調(diào)性與空間

第一節(jié)分類

1、同類合并原則

2、確定中心內(nèi)容

3、鄰近原則

第二節(jié)分區(qū)

1、黑、白、灰關(guān)系

2、面的構(gòu)成

3、空白空間

第三節(jié)分欄

1、網(wǎng)格構(gòu)成

2、版式設(shè)計(jì)中的線

3、重復(fù)原則

階段性小結(jié)與講評(píng)

第四章文字的編排設(shè)計(jì)

[知識(shí)點(diǎn)提示]文字與文字之間的編排

[重、難點(diǎn)提示]標(biāo)題、副標(biāo)題與正文在編排中的關(guān)系、文字易讀性

第一節(jié)字體

1、宋體

2、黑體

3、文藝復(fù)興字體

4、巴洛克字體

5、現(xiàn)代自由體

6、拉丁字母基本字形比例

7、字體選擇原則

第二節(jié)字號(hào)、字距、行距、字系、標(biāo)題字

1、文字編排原則

2、字號(hào)

3、字距、行距

4、字系

5、標(biāo)題字編排的基本形式

第三節(jié)正文文字編排的基本形式

1、左右均齊的編排

2、齊左(右)的編排

3、文字居中對(duì)齊編排

4、文字繞圖編排

階段性小結(jié)與講評(píng)

第五章圖形與文字的編排設(shè)計(jì)

[知識(shí)點(diǎn)提示]圖形與文字的編排關(guān)系

[重、難點(diǎn)提示]具體設(shè)計(jì)內(nèi)容與形式表現(xiàn)之間的關(guān)系;圖形與文字的主次關(guān)系;版式的整體設(shè)計(jì);版式的視覺沖擊力、實(shí)戰(zhàn)練習(xí)

第一節(jié)圖形與文字編排的對(duì)比關(guān)系

1、大與小的對(duì)比

2、明暗的對(duì)比

3、曲與直的對(duì)比

4、動(dòng)與靜的對(duì)比

5、疏與密的對(duì)比

第二節(jié)圖形與文字編排的基本形式

1、上下分割

2、左右分割

3、線性編排

4、重復(fù)編排

5、以中心為重點(diǎn)的編排

6、對(duì)稱與均衡的編排

7、重疊編排

8、蒙德里安式編排

9、邊框式編排

10、散點(diǎn)式編排

第三節(jié)展開頁的整體設(shè)計(jì)

1、展開頁的整體設(shè)計(jì)建立在編排元素的協(xié)調(diào)上

2、展開頁的整體設(shè)計(jì)建立在同一視覺元素的識(shí)別上

3、宣傳頁設(shè)計(jì)

總結(jié)與講評(píng)

五、教學(xué)時(shí)數(shù)分配表

六、考核方式

1、通過各類電子作業(yè)考查學(xué)生對(duì)版式設(shè)計(jì)原理和方法的掌握;

2、通過實(shí)題作業(yè)較全面的考核學(xué)生運(yùn)用版式設(shè)計(jì)原理和方法的綜合設(shè)計(jì)能力;

3、通過課程小論文形式考核學(xué)生結(jié)合設(shè)計(jì)實(shí)踐掌握有關(guān)版式設(shè)計(jì)原理的理論情況和文字表達(dá)能力。

第一章版式設(shè)計(jì)概念

[課程導(dǎo)入]

當(dāng)我們面對(duì)設(shè)計(jì)主題,有了一個(gè)好的設(shè)計(jì)創(chuàng)意時(shí),接下來就是如何把這一創(chuàng)意表現(xiàn)出來。設(shè)計(jì)創(chuàng)意的表現(xiàn)元素不外乎圖形(或圖片)、標(biāo)題字、正文和色彩,這些,統(tǒng)稱為版式設(shè)計(jì)的四大元素。

可以說,任何具體的設(shè)計(jì),最后都會(huì)落實(shí)到對(duì)這四大元素的編排上來。

作為設(shè)計(jì)專業(yè)的學(xué)生,每進(jìn)入到一門新的課程環(huán)節(jié),要習(xí)慣于提出以下幾個(gè)問題:這門課程的學(xué)習(xí)目的是什么?

這門課程將要解決什么問題?

這門課程的構(gòu)成要素是什么?

這些要素有什么用?

需要怎樣才能使它們結(jié)合起來達(dá)到設(shè)計(jì)目的?

請(qǐng)同學(xué)們帶著問題進(jìn)入我們的課程教學(xué)!

版式設(shè)計(jì)課程的教學(xué)目的是把版面上所需要的設(shè)計(jì)元素進(jìn)行必要的編排組合,成為直觀動(dòng)人、簡明易讀、主次分明、概念清楚的美的構(gòu)成,使其在傳達(dá)信息的同時(shí),也傳達(dá)著設(shè)計(jì)者的藝術(shù)追求與文化理念;從而通過版式設(shè)計(jì),給閱讀者提供一個(gè)優(yōu)美的閱讀“空間”!

何謂版式設(shè)計(jì)?

版式設(shè)計(jì)又稱編排設(shè)計(jì),是平面設(shè)計(jì)中的一個(gè)組成部分,為視覺傳達(dá)設(shè)計(jì)的重要環(huán)節(jié)。版式設(shè)計(jì)當(dāng)然要調(diào)動(dòng)各類視覺元素進(jìn)行形式上的組合排列,但更重要的是:版式上新穎的創(chuàng)意和個(gè)性化的表現(xiàn)。同時(shí)能夠強(qiáng)化形式和內(nèi)容的互動(dòng)關(guān)系,以期全新的視覺效果。

版式設(shè)計(jì)的創(chuàng)意不完全等同于平面設(shè)計(jì)中作品主題思想的創(chuàng)意,既相對(duì)獨(dú)立,又必須服務(wù)于其主題思想創(chuàng)意。優(yōu)秀的版式設(shè)計(jì),可以突出作品的主題思想,使之更加生動(dòng)、更具有藝術(shù)感染力。

版式設(shè)計(jì)涉及到平面設(shè)計(jì)的各個(gè)方面,諸如廣告、包裝、報(bào)紙、雜志、書籍、宣傳手冊(cè)、CI、網(wǎng)頁設(shè)計(jì)等(見圖)。

版式設(shè)計(jì)的重點(diǎn)在于培養(yǎng)學(xué)生整體把握版式設(shè)計(jì)中四大要素的構(gòu)成關(guān)系。

課題設(shè)計(jì)訓(xùn)練的目的:理解黑、白、灰整體分區(qū)概念;點(diǎn)、線、面在版式設(shè)計(jì)中的運(yùn)用;各種設(shè)計(jì)原則及表現(xiàn);把握具體設(shè)計(jì)內(nèi)容與形式表現(xiàn)之間的內(nèi)在關(guān)系,熟練掌握文字與文字、文字與圖形、整體與局部之間的構(gòu)成關(guān)系。

總之,通過強(qiáng)化版式設(shè)計(jì)創(chuàng)意能力,使版式設(shè)計(jì)從被動(dòng)走向主動(dòng),從單一走向無限。在創(chuàng)造性的活動(dòng)中,讓設(shè)計(jì)者能更積極地、主動(dòng)地參與主題思想表達(dá)的版式創(chuàng)意設(shè)計(jì),使版式設(shè)計(jì)更有情趣、更富內(nèi)涵、更顯新穎。

第二節(jié)傳統(tǒng)中國書的版式

一、書的形態(tài)

中國有著三千多年輝煌的書籍藝術(shù)史。智慧的祖先給我們留下了甲骨刻辭、鐘鼎、石刻、簡策、帛書、卷軸裝、經(jīng)折裝、旋風(fēng)裝、蝴蝶裝、包背裝、線裝等一長串千姿百態(tài)的書籍形態(tài),在此我們介紹幾種重要的傳統(tǒng)書裝。

1、簡策

中國圖書的正式形成大概在商代中葉,刻寫在竹木簡上并用帶子串連起來的“簡策”。竹簡的編連方法是“簡”的上下各打一孔,用絲線或韋穿在一起,策的第一簡正面是白簡,但反面刻著書名,卷起后書名正好朝外,起著封面的作用。

2、卷軸

商代中葉,用絲織品、帛箔作材料,上抄文字,圍中心棒軸卷作而成的“卷軸”。東漢蔡倫改進(jìn)和完善了造紙技術(shù),此后,紙質(zhì)材料逐漸成為卷軸的主要選料。

3、經(jīng)折裝

以一張長方形紙為單位的“折疊本”,每頁中間串扎細(xì)繩成冊(cè)。后又受印度貝葉梵經(jīng)的啟示,將書頁按序粘接起來,加以折疊,上下夾木板做表封,稱之為“經(jīng)折裝”。這種變化意味著書籍形態(tài)從原來的“卷”式向冊(cè)頁翻動(dòng)的形式過渡,這是書籍史上的進(jìn)步。

4、蝴蝶裝

蝴蝶裝的特征是一個(gè)印板就是一頁,版心向折口靠攏且折口全部粘合起來,固定了書脊,書頁像蝴蝶翅膀般展開,故稱之為蝴蝶裝。

5、包背裝

包背裝形式正好與蝴蝶裝相反,其版心移向書口,將白面相對(duì)朝內(nèi)折,折口朝外,然后在右打眼穿孔,捻子訂系,用書衣繞背包裝,因此得名包背裝。此形態(tài)興盛于明代至明中葉。

6、線裝書

線裝書的裝訂方法與包背裝相似。折口朝外,書頁右邊打眼,其特征有四針眼、六針眼、八針眼訂法,書角用錦綾包角,此法延續(xù)直至晚清。

二、傳統(tǒng)中國書的版式

1、傳統(tǒng)中國書的版面術(shù)語名稱

傳統(tǒng)的中國印本書籍只印紙的一面。每一印張?jiān)谥醒雽?duì)折,成為一頁的兩面。書的每頁上有特別的形式及線條,其名稱可以有助于解釋它們的性質(zhì)及其功能。印張的印刷部分與木板大小相同,稱為版面(見圖)。版面中央折疊處稱為版心。版心中央有一黑線,有粗有細(xì),稱為象鼻,以此線為準(zhǔn)進(jìn)行折頁;或有上下相對(duì)的兩個(gè)凹形尖角黑花,稱為魚尾,凹形的尖頂處為折頁的標(biāo)準(zhǔn)。版心處可以有一細(xì)欄文字,為兩頁內(nèi)容章節(jié)的小標(biāo)題、印張頁次,有時(shí)也是印本分卷的號(hào)碼及題目,或本張字?jǐn)?shù)及刻工姓名。宋版書籍有時(shí)在版邊的左上角印一長方形符號(hào),內(nèi)寫卷次,稱為書耳。

書頁的上下邊緣空白處分別稱為“天頭”、“地腳”?!疤祛^”一般較寬,“地腳”一般較窄。“天頭”稱書眉。書的每頁畫成行格,行與行之間有細(xì)線區(qū)分,稱為界,每頁四邊均有邊欄,或?yàn)閱尉€,或?yàn)殡p線。書的正文印在行內(nèi),為大字單行,書的注釋或批語則以小字雙行印在所注的句或字下,同在一行之內(nèi)。每一頁可劃分5到10行,每行容10至30字(大字)。這種印法的基本版式以及中國傳統(tǒng)印本書籍所用的某些版面術(shù)語名稱直至近代仍沿襲使用。

書的最重要部分當(dāng)然是正文,通常以不同風(fēng)格的楷書字體印出。宋代的雕版刻字至少使用了最為流行的三家書體。即歐體、顏體、柳體。歐體筆力剛勁,筆畫清朗。顏體筆畫肥厚,筆意凝重。柳體筆意清秀,結(jié)構(gòu)端正,字畫平直,自成一派。一般來說,北宋刻本多效法顏氏書體,南宋多采用歐體。雕板印刷普及后,產(chǎn)生了一種橫細(xì)豎粗、醒目易讀的印刷字體,后世稱為宋體。

2、傳統(tǒng)中國書的版式設(shè)計(jì)特征

傳統(tǒng)中國書籍的版式是直排,從上到下、從右到左。元刻本圖《大元大一統(tǒng)志》的章節(jié)目錄,文字信息依章節(jié)名、作者、章節(jié)內(nèi)容的順序從右往左排列;在章節(jié)內(nèi)容的編排中,內(nèi)容由大到小的關(guān)系通過文字上下分級(jí)別的穿插排列,將信息層次清晰的顯示出來。明刊本圖《三才圖繪》中的《指南車圖》,標(biāo)題位于書眉,頁面分縱向三欄,正文占一欄,插圖占三分之二欄,空間留白的插圖區(qū)與排列整齊的正文區(qū)之間形成黑白的強(qiáng)烈對(duì)比關(guān)系,使整個(gè)頁面版式極具裝飾性。

中國傳統(tǒng)書籍在正文編排的處理上,很早就利用豎排文字間上下穿插的層次關(guān)系來表現(xiàn)內(nèi)容的信息級(jí)別。

書的正文印在行內(nèi),為大字單行,書的注釋或批語則以小字雙行印在所注的句或字下,同在一行之內(nèi)。

元代課本、小說、雜劇、歷史話本中插圖數(shù)量大量增加,通常在每頁上端約三分之一為圖,其下約三分之二為正文;這種版式安排說明插圖起著裝飾及幫助理解文字的作用,左圖是《全相三國志評(píng)話》,是插圖本的典型版式。

上述案例介紹了傳統(tǒng)中國書在版式設(shè)計(jì)中對(duì)標(biāo)題、文字、插圖處理的一些典型手法。自宋之后,中國書的版式風(fēng)格已獨(dú)具特征,值得深入挖掘。

推薦書目:

1、《中國印刷史》(上、下)張秀民著,浙江古籍出版社

2、《中國古籍版刻圖志》熊小明著,湖北人民出版社

3、《中國紙和印刷文化史》錢存訓(xùn)著,廣西師范大學(xué)出版社

第二章版式設(shè)計(jì)原則

第一節(jié)整體概念

版式設(shè)計(jì)的創(chuàng)意不同于一般的創(chuàng)意,它必須服務(wù)于設(shè)計(jì)的主題思想。優(yōu)秀的版式設(shè)計(jì)往往是將各種編排元素融入一體,以整體的形式與張力傳遞出視覺信息,從而突出作品的原創(chuàng)主題,使之更具有藝術(shù)感染力。所以在版式設(shè)計(jì)的課程教學(xué)中如何使學(xué)生建立設(shè)計(jì)的整體觀應(yīng)該是教學(xué)的主要目的。而這些又必須貫徹在教學(xué)中,我們嘗試讓學(xué)生將編排元素抽象為點(diǎn)、線、面,運(yùn)用黑、白、灰的構(gòu)成原理進(jìn)行整體布局;要求對(duì)優(yōu)秀版式設(shè)計(jì)的形式語言進(jìn)行分析;在具體教學(xué)環(huán)節(jié)的實(shí)施中強(qiáng)調(diào)設(shè)計(jì)原則的把握,成為版式設(shè)計(jì)課程教學(xué)的重點(diǎn)所在。

一、版式設(shè)計(jì)中的整體概念

專業(yè)的眼光——“整體”,是版式設(shè)計(jì)的前提。好的版式設(shè)計(jì),最終目的是使版面具有條理性,更好的突出主題,達(dá)到最佳的訴求效果。

如何幫助學(xué)生在版式設(shè)計(jì)中建立整體概念,我們從以下三個(gè)方面去理解:

1、建立信息等級(jí),以明確的主次關(guān)系傳遞設(shè)計(jì)主題

素描可以通過明暗關(guān)系來強(qiáng)調(diào)畫面的主次;色彩也能通過冷暖色調(diào)的對(duì)比來表現(xiàn)空間與光影,突出對(duì)主體的烘托。版式設(shè)計(jì)中,我們同樣把主次關(guān)系放在首位,從而提示閱讀者那些是重要的信息,在哪里能獲得重要的信息。

面對(duì)紛亂繁雜的信息,版面設(shè)計(jì)就是要從混亂和隨意中找到條理,給閱讀者提供明確閱讀點(diǎn)。成功的版面設(shè)計(jì)應(yīng)該使閱讀者知道哪個(gè)信息最重要,應(yīng)按什么順序來閱讀從而知曉所要表達(dá)的主題,這種依信息主次的設(shè)計(jì),稱為信息等級(jí)編排。即使在似乎偏愛表面視覺混亂的當(dāng)代設(shè)計(jì)作品中,設(shè)計(jì)師也會(huì)運(yùn)用信息等級(jí)編排使觀眾理解所要傳遞的主題,便于讀者可以很輕松地理解。

①信息等級(jí)的建立

在具體設(shè)計(jì)前,圍繞主題,對(duì)文本信息進(jìn)行認(rèn)真分析和提練,將文本中相互關(guān)聯(lián)的內(nèi)容歸為一類,依信息主次建立起信息等級(jí),編寫出“設(shè)計(jì)大綱”。例如將一級(jí)標(biāo)題、二級(jí)標(biāo)題、三級(jí)標(biāo)題、正文等進(jìn)行樹狀排列,這樣便于設(shè)計(jì)時(shí)對(duì)各級(jí)標(biāo)題及正文的字號(hào)、字型、色彩進(jìn)行總體的把握。信息級(jí)別的尋找通常以三到四個(gè)級(jí)別為宜,過多也會(huì)造成另一種混亂。事實(shí)上,“設(shè)計(jì)大綱”一旦編寫完成,明確的分區(qū)也就自然建立起來。

②表現(xiàn)元素的選擇

構(gòu)成版式設(shè)計(jì)的四大元素是標(biāo)題、正文、圖形,我們將此稱為版式中的可見元素、或稱正形;不可見的元素是空白空間,又稱負(fù)形。在對(duì)文本信息進(jìn)行分類的前提下,選擇可見元素中適合傳遞主要信息的最佳元素,比如圖片或標(biāo)題字等,在選擇時(shí)必須要隨時(shí)想到元素中哪些典型的方面或部分能夠集中地提示信息自身。只有通過對(duì)文本信息的

具體分析,才能在設(shè)計(jì)中以獨(dú)特和精確的形式表現(xiàn)主題,使信息傳遞達(dá)到清晰連貫而不至于本未倒置。整體概念就是建立在主題思想的單純而突出的表達(dá)之中。

2、將編排元素抽象化,用以研究黑、白、灰的整體布局

我們發(fā)現(xiàn),在版式設(shè)計(jì)課程的學(xué)習(xí)中,學(xué)生容易關(guān)注版式設(shè)計(jì)中的一些細(xì)節(jié),諸如變體字的造型、文字繞圖編排、圖形的特效、過多變化的色彩等,忽略了版面的整體構(gòu)成,而這卻是版式設(shè)計(jì)最先應(yīng)該建立的概念。我們指導(dǎo)學(xué)生學(xué)習(xí)將編排元素抽象化,用點(diǎn)、線、面來代替具體的編排元素。抽象,就是大腦在完全超脫了具體事物的形象或完全不受它們約束的情況下所進(jìn)行的組織活動(dòng)。抽象的形便于我們拋開細(xì)枝末節(jié)從整體上去把握各編排元素間的構(gòu)成關(guān)系,同時(shí)也便于我們運(yùn)用平面構(gòu)成中黑、白、灰的構(gòu)成原理來分析版式中的整體布局。

在版式設(shè)計(jì)中,圖形與圖形,圖形與文字,文字與文字之間都是可見的形與形之間的構(gòu)成關(guān)系,學(xué)生經(jīng)過一定時(shí)間的訓(xùn)練能很快把握;不易把握的是編排元素與空白空間之間正負(fù)形的構(gòu)成關(guān)系,這一點(diǎn)學(xué)生在設(shè)計(jì)中很容易忽略。我們?cè)谧髌贩治鲋?,?qiáng)調(diào)將作為正形的編排元素與作為負(fù)形的空白空間在視覺上看成一個(gè)整體,將其統(tǒng)一歸納為黑、白、灰三種空間層次關(guān)系。通過黑、白、灰的明度對(duì)比,使主題元素更加突出,各編排元素之間建立起先后順序,使信息層次更加分明。

版式設(shè)計(jì)中如何把握正負(fù)形之間的整體關(guān)系呢?我們不妨用平面構(gòu)成的原理來進(jìn)行版式分析。

正負(fù)形之間通常表現(xiàn)為三種形態(tài):

第一,正形大于負(fù)形,并且在感覺上是“明亮的”,形易于從背景中突出。這種方式,反過來也能成立,比如,德國設(shè)計(jì)常常在版式中留出大面積的空白空間,編排元素在版面中面積較小,就是充分運(yùn)用了逆向思維;

第二,正負(fù)形反轉(zhuǎn);這是形與形構(gòu)成的一個(gè)特例,通常在版式中很少運(yùn)用;

第三,正負(fù)形等值。當(dāng)形的面積之和與空白空間面積之和接近之時(shí),如果正負(fù)形之間連續(xù)并穿插在一起,形就處在斷裂的狀態(tài),形的呈現(xiàn)就會(huì)含糊而不明確,這也就是我們常說的版式很“亂”,這時(shí)就需要將正形進(jìn)行聚合,構(gòu)成一個(gè)整體形。一旦正形有規(guī)律可循,負(fù)形也會(huì)整體明確,整個(gè)版式就會(huì)變得非常簡潔。

3、簡潔的圖形構(gòu)成版式的整體感

整體而不雜亂的版式設(shè)計(jì)取決于三個(gè)方面,其一,編排元素所形成的外輪廓形;其二,分區(qū)所形成的外輪廓形;其三,空白空間所形成的負(fù)形。形與形之間只有具備簡潔的外觀,才能使版式呈現(xiàn)出整體的視覺效果。

設(shè)計(jì)中的簡潔不等于簡單。

“簡單”,主要是從量的角度去考慮。它是指某一個(gè)式樣中只包含著很少幾個(gè)成分,而且成分與成分之間的關(guān)系很簡單。如果用這種簡單的形式傳達(dá)一種簡單的信息,肯定會(huì)產(chǎn)生出簡單的結(jié)果,在設(shè)計(jì)中,只能導(dǎo)致某種厭倦感和單調(diào)感。

“簡潔”在設(shè)計(jì)中具有與“簡單”相對(duì)立的另一種含義。好的版式設(shè)計(jì)是把豐富的意義和多樣化的形式巧妙地組織在一個(gè)統(tǒng)一的結(jié)構(gòu)中。在這個(gè)整體的結(jié)構(gòu)中,所有的細(xì)節(jié)不僅各得其所,而且各有分工。因此,就絕對(duì)意義而言,當(dāng)一個(gè)版式只包含少數(shù)幾個(gè)結(jié)構(gòu)特征時(shí),它便是簡潔的;就相對(duì)意義而言,如果一個(gè)版式用盡可能少的結(jié)構(gòu)特征把復(fù)雜的編排元素和信息組織成有秩序的整體時(shí),我們就說這個(gè)版式的設(shè)計(jì)是簡潔的。任何簡潔的形式最終都要傳達(dá)出一種遠(yuǎn)遠(yuǎn)超出形式自身的意義,讓讀者有回味的余地。

構(gòu)成簡潔的方法有以下幾種:

①使圖形具有對(duì)稱和規(guī)則的輪廓線

根據(jù)平面構(gòu)成的原理,左右對(duì)稱的形較之左右不對(duì)稱的形容易成為圖,同時(shí)形的輪廓線越單純?cè)揭壮蔀閳D。在版式設(shè)計(jì)時(shí),我們要習(xí)慣于將編排元素抽象化,將它們歸納為一定的抽象圖形,并使形的外輪廓呈現(xiàn)出對(duì)稱性和單純性。

②整體形應(yīng)具有單純性

版式設(shè)計(jì)是由各編排元素的抽象形共同構(gòu)成的整體結(jié)構(gòu),這個(gè)整體結(jié)構(gòu)也同樣呈現(xiàn)出形的特征,只有當(dāng)整體形的簡潔程度比各個(gè)組成部分的形的簡潔程度高,版式就顯得簡潔,整體就愈顯得統(tǒng)一。但是,如果各個(gè)組成部分的形的簡潔程度比整體的簡潔程度高,那么,這些部分形就會(huì)從整體中獨(dú)立出來,從而破壞整體形的簡潔性。

③空白空間應(yīng)具有形的性質(zhì)

版式中的空白空間是提供視覺休息的地方,位于圖形與文字之后,但它不僅僅是作為設(shè)計(jì)的背景而存在,空白空間決定版式設(shè)計(jì)的整體效果,它是一種實(shí)實(shí)在在的形狀,與其它編排元素共同構(gòu)成版面中虛與實(shí)錯(cuò)綜復(fù)雜的空間層次。

版式設(shè)計(jì)中,空白空間“形”的性質(zhì)越明確、形狀越有規(guī)律,襯托出其它編排元素相互間的構(gòu)成就越整體。因此,空白空間應(yīng)該被和諧、均勻地用在設(shè)計(jì)中,而不是被四分五裂的分割。設(shè)計(jì)過程中,要經(jīng)常審視負(fù)形呈現(xiàn)出的整體形狀。

二、通過版式的語言分析建立整體概念

如何在版式設(shè)計(jì)中進(jìn)行信息等級(jí)的處理以建立整體概念?如何將抽象化了的編排元素用以研究黑、白、灰的整體布局呢?我們嘗試從優(yōu)秀版式設(shè)計(jì)作品的分析入手導(dǎo)入課程內(nèi)容!

1、版式設(shè)計(jì)中,信息等級(jí)處理是成功設(shè)計(jì)的關(guān)鍵。

2、理解黑、白、灰關(guān)系在建立版式整體概念中的作用

在分析作品中黑、白、灰關(guān)系時(shí),首先要分析哪些是不變因素,哪些是可變因素。編排元素中,圖片是由攝影師提供給版式設(shè)計(jì)師的作品,通常為不可變的元素,因此,在有圖片的編排中,首先要分析圖片的明度關(guān)系,由此決定其他編排元素在版式中的明度關(guān)系,完成版式整體的黑白灰布局。

純文本信息包含標(biāo)題字、副標(biāo)題、引文、說明文、正文幾個(gè)部分,是用來構(gòu)成畫面黑白灰關(guān)系的主要編排元素。標(biāo)題區(qū)的明度關(guān)系可以通過字型、大小、粗細(xì)、色彩來表現(xiàn);正文區(qū)可以通過字號(hào)、字型、字間間距、行間間距的不同選擇來表現(xiàn)灰度層次,這些可變?cè)氐撵`活變化,營造出版面的美感和空間感。

某種程度上,平面設(shè)計(jì)就是形狀的安排和組織,通過分析作品來建立整體觀,必須在腦中拋開標(biāo)題、文字、視覺資料和其他元素的含義,抽象的去看待它們,通過將編排元素歸納成幾何形,便于分析形與形之間黑白灰的構(gòu)成關(guān)系,領(lǐng)悟如何將編排元素進(jìn)行整體設(shè)計(jì)的思路。

因此,分析一件設(shè)計(jì)作品,一定要從“整體”入手

第二節(jié)簡潔概念

成功的設(shè)計(jì)必須盡可能充分而簡潔地描述內(nèi)容,這就是設(shè)計(jì)中優(yōu)美的定義。

原則上,讀者必須沒有意識(shí)到他們的閱讀行為,導(dǎo)引無意識(shí)的閱讀才是版式設(shè)計(jì)的成功。

在版式設(shè)計(jì)中,我們的工作并不是要占滿所有的空間,純粹以大量的信息來打動(dòng)讀者,那樣,讀者只會(huì)被過多的信息淹沒而不知所措,多,并不意味著好。在使用字體、圖片或其它任何符號(hào)時(shí),都必須要精練。如果達(dá)不到什么目的,或僅僅為了裝飾,就不要用。盡管近年來我們看到了大量的令人眼花繚亂的設(shè)計(jì)作品,但設(shè)計(jì)質(zhì)量的好壞是與它的簡潔和清晰成正比的。

設(shè)計(jì)中的簡潔不等于簡單。

“簡單”,主要是從量的角度去考慮。是指在一個(gè)版式中只包含著很少幾個(gè)元素,而且元素與元素之間的構(gòu)成關(guān)系過于簡單而致。如果用這種簡單的形式傳達(dá)信息,肯定會(huì)產(chǎn)生出單調(diào)的結(jié)果,在設(shè)計(jì)中,單調(diào)往往導(dǎo)致厭倦感的產(chǎn)生。

“簡潔”在設(shè)計(jì)領(lǐng)域里具有與“簡單”相對(duì)立的另一層含意。一個(gè)好的設(shè)計(jì)縱然表面上看似乎“簡單”,但內(nèi)含的復(fù)雜性和豐富性一定是存在的。

當(dāng)某一個(gè)設(shè)計(jì)被譽(yù)為具有簡潔性時(shí),表示這件作品把豐富的意義和多樣化的形式凝火束在一個(gè)統(tǒng)一的結(jié)構(gòu)中。在這個(gè)結(jié)構(gòu)中,所有細(xì)節(jié)不僅各得其所,而且毫不多余。

因此,用構(gòu)成一個(gè)版式的結(jié)構(gòu)特征數(shù)目的多少來解釋簡潔,就絕對(duì)意義而言,當(dāng)一個(gè)版式只包含少數(shù)幾個(gè)結(jié)構(gòu)特征時(shí),它便是簡潔的;就相對(duì)意義而言,如果一個(gè)版式用盡可能少的結(jié)構(gòu)特征把復(fù)雜的編排元素和信息組織成有秩序的整體時(shí),我們就說這個(gè)版式的設(shè)計(jì)是簡潔的。

任何簡潔的形式最終都要傳達(dá)出一種遠(yuǎn)遠(yuǎn)超出形式自身的意義,讓閱讀者有回味的余地。就像八大山人的花鳥,極簡卻蘊(yùn)含極豐富的內(nèi)容。因此,簡潔要求主題內(nèi)容與呈現(xiàn)這個(gè)主題的形式結(jié)構(gòu)之間達(dá)到圓滿的一致。

[重點(diǎn)提示]讀者下意識(shí)的閱讀習(xí)慣

①從左往右看

②從頂部開始,再沿著頁面一直往下

③出版物的各頁是相互關(guān)聯(lián)的

④鄰近相連而遠(yuǎn)距離則意味著分開

⑤大而深的是重要的,小而淺的是次重要的

⑥任何事物都有形狀,包括“空”的空間

作為一個(gè)設(shè)計(jì)師,在設(shè)計(jì)時(shí),應(yīng)遵循讀者的閱讀習(xí)慣,任何一種逆向設(shè)計(jì),都應(yīng)慎重考慮。

優(yōu)秀作品整體分析案例一

在本設(shè)計(jì)中,我們將產(chǎn)品、標(biāo)題、副標(biāo)題、正文這些具體的編排元素抽象成矩形,

用色彩或不同明度的灰進(jìn)行表現(xiàn)。通過這種歸納,我們看

到,整個(gè)版式是通過這幾個(gè)大的幾何形共同構(gòu)成

了畫面的整體關(guān)系。

基于此,我們進(jìn)一步關(guān)注細(xì)部的處理,圖中副標(biāo)題的塊面由白線破外輪廓形,正文塊面由一行黑字穿插其中,形成矩形內(nèi)部豐富的黑白灰關(guān)系,使局部變化生動(dòng)有趣而又不破壞整體效果

設(shè)計(jì),同其他的許多事物一樣,是形狀的安排和組織,通過分析作品來建立整體觀,必須在腦中拋開標(biāo)題、文字、視覺資料和其他元素的含義,抽象的去看待它們,嘗試將它們歸納成幾何形,以此分析形與形之間構(gòu)成的黑白灰關(guān)系,領(lǐng)悟如何將編排元素進(jìn)行整體設(shè)計(jì)的思路。

優(yōu)秀作品整體分析案例二

在本設(shè)計(jì)中,我們用黑白灰的關(guān)系對(duì)版式進(jìn)行整體分析。深色圖片為黑色區(qū)域,圖片說明文為高明度灰色區(qū)域,與右下方的空白區(qū)域一同構(gòu)成視覺上的白色區(qū)域;引文及正文共同構(gòu)成中明度灰色區(qū)域;說明文為高明度灰色區(qū)域,穿插進(jìn)正文中,與正文形成前后空間關(guān)系。因此,在這張對(duì)開頁的設(shè)計(jì)中,不同明度的灰色塊面構(gòu)成弱對(duì)比安排在左頁,黑與白的強(qiáng)比關(guān)系安排在右頁,構(gòu)成整張頁面的重點(diǎn),左右頁之間主次關(guān)系一目了然。

進(jìn)一步分析左頁中信息等級(jí)的設(shè)計(jì)。為了突出右頁的重點(diǎn),引文與正文的在明度關(guān)系上保持一致,形成一個(gè)整體。設(shè)計(jì)師巧妙的通過對(duì)引文位置的安排和色彩的點(diǎn)綴,使引文與正文之間構(gòu)成局部的主次關(guān)系,將信息級(jí)別清晰的表現(xiàn)出來。

第三章版式設(shè)計(jì)原理

第一節(jié)分類

在廣告無處不在的今天,大多數(shù)消費(fèi)者都有這樣一個(gè)習(xí)慣——回避,不愿意多費(fèi)神去挖掘信息的含義及其重要性,如何讓你的廣告吸引消費(fèi)者的汪意力,這就需要設(shè)計(jì)人員對(duì)廣告涉及的信息進(jìn)行分類,從混亂中理出頭緒,從而導(dǎo)引消費(fèi)者的目光。

設(shè)計(jì)的過程是一個(gè)從各級(jí)別信息中篩選找到最重要信息元素的過程。這個(gè)過程分幾個(gè)階段完成。首先要去掉大量沒有價(jià)值的信息,然后,在相對(duì)重要的信息中仔細(xì)尋找,逐漸分離,最后找出最重要的信息,設(shè)計(jì)師以此來提高它的重要性,并把它呈現(xiàn)在讀者面前。

1、同類合并原則

信息等級(jí)處理是成功設(shè)計(jì)的關(guān)鍵。

首先,面對(duì)一項(xiàng)設(shè)計(jì)任務(wù),必須認(rèn)真閱讀文本,通過對(duì)信息進(jìn)行分類和歸納,在文本中將信息等級(jí)一一標(biāo)注清楚,諸如標(biāo)題、副標(biāo)題、子標(biāo)題、引文或說明文、正文等,對(duì)不同級(jí)別的信息含量(特別是正文所占的面積)做到心中有數(shù),這樣,在設(shè)計(jì)時(shí)就能有意識(shí)地將同類同級(jí)別的信息合并在同一個(gè)區(qū)域內(nèi)。事實(shí)上,一旦這個(gè)工作完成,大的文字分區(qū)也就自然完成,接下來就是如何安排這些編排元素了。

具體設(shè)計(jì)時(shí),還應(yīng)對(duì)與文本相關(guān)的圖片信息進(jìn)行細(xì)分類,找出圖片與文字之間的關(guān)系進(jìn)而同類合并,使文字與圖片一一對(duì)應(yīng),形成明晰的信息級(jí)別。

信息級(jí)別的尋找通常以三到四個(gè)級(jí)別為宜,過多也會(huì)造成另一種混亂。

好的版式設(shè)計(jì),清晰明確的信息級(jí)別能輕松引導(dǎo)受眾依據(jù)重要性依次遞減原理進(jìn)行瀏覽,主題與內(nèi)容一目了然,避免無序紛亂的信息給人造成的不明確感覺。

2、確定中心內(nèi)容

面對(duì)大量信息,如何在版面中清晰明了的表現(xiàn),這就需要確定中心內(nèi)容。

正確的選擇中心內(nèi)容依賴于你的意圖、市場和消費(fèi)者所關(guān)注的方面。

①使一個(gè)內(nèi)容成為中心內(nèi)容就是使其他內(nèi)容變得不太顯眼的過程。因此,有些內(nèi)容必須變小。不要將所有的東西都變得很大,否則就沒有人看它們。

②在同類合并的原則下,還需對(duì)各類的中心內(nèi)容進(jìn)行強(qiáng)調(diào),中心內(nèi)容的確定,具體而言就是對(duì)合并在同一信息級(jí)別中的內(nèi)容進(jìn)行再分析,分清主次,由此決定黑、白、灰的分布。選擇不同的中心內(nèi)容是建立不同布局的一個(gè)好途徑,同時(shí),在布局中因突出的中心內(nèi)容不同,讓不同的內(nèi)容形成對(duì)比,就自然會(huì)出現(xiàn)無數(shù)種可能的創(chuàng)意方案。

通常,每一信息級(jí)別中都可以確定一個(gè)中心內(nèi)容,但是主要信息級(jí)別內(nèi),中心內(nèi)容的確定以表達(dá)主題為目的,不能任意選擇。次要信息級(jí)別中,可以有針對(duì)性的選擇不同的中心內(nèi)容,建立不同的布局,創(chuàng)意方案自然會(huì)出現(xiàn)無數(shù)種可能。

③并不是每個(gè)字、每個(gè)內(nèi)容都有著同樣的價(jià)值,如果你堅(jiān)持給每個(gè)字以同等的重視,則設(shè)計(jì)的可選擇性就很小了。

3、鄰近原則

我們知道,同類合并原則是指導(dǎo)文本信息的分類,以確定中心內(nèi)容。

鄰近原則是指導(dǎo)版式設(shè)計(jì)中各分類信息的編排和放置。

在版式設(shè)計(jì)中,鄰近原則就是使同一信息級(jí)別的編排元素盡量靠近一些,編排元素之間的距離越接近,在編排中就會(huì)被看作是整體中的“一員”;同樣,不同信息級(jí)別的編排元素之間盡量拉開距離。

明確的分區(qū)使信息條理化,如果信息級(jí)別在分區(qū)中的距離、位置含糊不清,將會(huì)導(dǎo)致信息傳遞的不通暢。

[重點(diǎn)提示一]

①一張宣傳單上最重要的就是要有一個(gè)能夠吸引注意力的中心內(nèi)容。

對(duì)于圖片,根據(jù)需要,可以用特殊的方式來剪載;對(duì)于文字,放大字體,或重疊或穿插,用不同方法來增加整個(gè)畫面中的對(duì)比或者是使用不同的字體,例如:與大標(biāo)題形成對(duì)比的小標(biāo)題可以讓讀者快速瀏覽這個(gè)宣傳單上的主要信息。

②使一個(gè)內(nèi)容成為中心內(nèi)容就是使其他內(nèi)容變得不太顯眼的過程。

中心內(nèi)容一旦確定,其它信息內(nèi)容在編排時(shí)就要有意識(shí)的減弱或變小,不要將所有的東西都變得很大,否則就沒有人看它們。

③并不是每個(gè)字、每個(gè)內(nèi)容都有著同樣的價(jià)值,如果你堅(jiān)持給每個(gè)字以同等的重視,則設(shè)計(jì)的可選擇性就很小了。

[重點(diǎn)提示二]

設(shè)計(jì)草圖

①創(chuàng)意思維的源泉——草圖

草圖是思維的物化,研究的心得,是記錄夢想、幻想、想像的手段,它告訴人們最初的創(chuàng)意如何萌芽,如何推敲與完善。

對(duì)于學(xué)習(xí)設(shè)計(jì)的人而言,研究大師的草圖,是

一種快捷而有效的學(xué)習(xí)方式,因?yàn)閺拇髱熢O(shè)計(jì)過程的展示中,可以感受到設(shè)計(jì)家奇思異想的源流,聰穎睿智的根本。同時(shí),從草圖中我們還得以見到設(shè)計(jì)師可能受到的同時(shí)代藝術(shù)風(fēng)格的某些因素的影響,并且是如何在草圖中加以修正和改造,逐漸形成了個(gè)人的風(fēng)格和語言。

現(xiàn)代設(shè)計(jì)領(lǐng)域,如工業(yè)產(chǎn)品設(shè)計(jì)、建筑設(shè)計(jì)、舞臺(tái)設(shè)計(jì)、服裝設(shè)計(jì)、環(huán)境藝術(shù)設(shè)計(jì)、室內(nèi)設(shè)計(jì)、廣告設(shè)計(jì)、版式設(shè)計(jì)、包裝設(shè)計(jì)??,每一個(gè)領(lǐng)域中解決的問題不同,草圖的表現(xiàn)又各有側(cè)重(見圖)。這些都是我們學(xué)習(xí)創(chuàng)意、表現(xiàn)手法、風(fēng)格、進(jìn)行設(shè)計(jì)理論研究的源泉,給我們?cè)S多有益的啟迪。

②優(yōu)化方案——重要的設(shè)計(jì)環(huán)節(jié)

要養(yǎng)成想到就畫的好習(xí)慣,每個(gè)點(diǎn)子,只有畫下來才能知道好還是不好!

草圖是給設(shè)計(jì)提供多種選擇的方案,反復(fù)修改、推敲,改變各種元素在紙上的位置和大小,可以得到全新的創(chuàng)意。

草圖完成后,還要作進(jìn)一步的研究,審視這些草圖的可取之處和不足之處,進(jìn)行歸納和提煉,我們將這一過程稱為優(yōu)化方案。

第二節(jié)分區(qū)

分區(qū)是確定編排元素在版式中的具體位置,諸如圖片區(qū)、標(biāo)題區(qū)、正文區(qū)等,它是一種隱藏在版式中的結(jié)構(gòu)線,給受眾明確的定位提示,引導(dǎo)受眾清晰明了的依信息等級(jí)進(jìn)行閱讀。

分區(qū)是對(duì)合并后的各信息等級(jí)進(jìn)行版式上的規(guī)劃,確定它們的區(qū)域位置、主次、黑白灰的關(guān)系,從而完成整體布局。

1、黑、白、灰關(guān)系

在版式設(shè)計(jì)中,圖形與圖形,圖形與文字,文字與文字、編排元素與背景之間,無論表現(xiàn)為有彩色或無彩色,我們?cè)诜治鲋?,都在視覺上整體歸納為黑、白、灰三種空間層次關(guān)系。通過黑、白、灰的明度對(duì)比,使某些元素比其它元素更突出,各編排元素之間建立起先后順序,使信息層次更加分明。

如何在版式設(shè)計(jì)中進(jìn)行編排元素的黑白灰構(gòu)成呢,我們從分析作品入手導(dǎo)入課程內(nèi)容!

①圖片

是由攝影師提供給版式設(shè)計(jì)師的作品,通常為不可變的元素,因此,在有圖片的編排中,首先要分析圖片的明度關(guān)系,以確定在版式中的黑白灰布局,并由此決定其他編排元素在版式中的明度關(guān)系。

②文字類信息

純文本信息包含標(biāo)題字、副標(biāo)題、引文、說明文、正文幾個(gè)部分,是用來構(gòu)成畫面黑白灰關(guān)系的主要編排元素。標(biāo)題區(qū)的明度關(guān)系可以通過字型、大小、粗細(xì)、色彩來表現(xiàn);正文區(qū)可以通過字號(hào)、字型、字間間距、行間間距的不同選擇表現(xiàn)出不同的灰度層次,它的靈活變化,營造出版面的美感和空間感。

2、面構(gòu)成

在視覺構(gòu)成中,面用于定義空間或體積的邊界,被面所限定的區(qū)域也稱為形。面在二維平面上,常表現(xiàn)為各種各樣的形狀:幾何形,有機(jī)形,不規(guī)則形,曲線形。形可以根據(jù)內(nèi)容大致分為表現(xiàn)形體和抽象形體兩大類。表現(xiàn)形體即包含特定主題、可與觀眾進(jìn)行視覺交流的形。在版式設(shè)計(jì)中,包括圖片、標(biāo)題、引文、正文等編排元素抽象成“面”之后所形成的形。抽象形體(或非表現(xiàn)形體)指不包含可以認(rèn)知主題的形,例如負(fù)空間,或稱負(fù)形。

為了加強(qiáng)編排的整體概念,我們應(yīng)有意識(shí)地將文字作面的編排,理解文字在版式中所占的面積大小及形成的黑白灰視覺效果。

①通過實(shí)踐把握不同字號(hào)的文字形成的面積大小。

正確的估算分類后的引文與正文的字?jǐn)?shù)在版面中所占的面積,可以在草圖構(gòu)思中正確定位分區(qū)大小。

②通過實(shí)踐把握不同字型、字號(hào)、行距、字間距所形成的面的明度關(guān)系。

文字的字體、字號(hào)、粗細(xì)、行距、字距的選擇不同,在版式設(shè)計(jì)中形成的面的明度也有所不同,由此決定版式構(gòu)成中黑白灰的整體布局。文案的群組化是避免版面空間散亂狀態(tài)的有效方法。

[重點(diǎn)提示一]

①注意細(xì)節(jié)的處理,最黑的小標(biāo)題放在了空白空間中,形成黑白強(qiáng)對(duì)比。

②當(dāng)版式中有底色時(shí),一定要首先把底色的明度分析出來,那么白的概念就需要有意識(shí)的留出空白空間來加以表現(xiàn)。

③當(dāng)版式中有圖片時(shí),作為不變因素,也必須將其明度分析出來,使其成為其它編排元素布局時(shí)黑白灰整體構(gòu)成的參考因素。

[重點(diǎn)提示二]

目錄(索引)設(shè)計(jì)

①書的目錄是讀者購書時(shí)首先瀏覽的頁面,重點(diǎn)突出,導(dǎo)航清晰,編排舒適是設(shè)計(jì)的重點(diǎn)。

②要有意識(shí)地注意你所看到的每本雜志、書籍或者報(bào)刊的目錄頁設(shè)計(jì)。注意不同的內(nèi)容是如何組合,運(yùn)用了多少種字體,是如何在字體和排版上運(yùn)用對(duì)比以便找出重要信息,是怎樣把主題進(jìn)行同類合并。另外,還應(yīng)看看雜志中的目錄和圖片是如何結(jié)合在一起;注意對(duì)齊方式、字體的重復(fù)及對(duì)比的運(yùn)用。

③目錄和索引甚至比其他一些設(shè)計(jì)項(xiàng)目更需要功能與外觀并重。

注意:

目錄設(shè)計(jì)的重點(diǎn)是指引線(即指示頁數(shù)的一行點(diǎn))。

①不要使用不相配的指引線,同時(shí)要學(xué)會(huì)調(diào)整指引線間的間隔,使整體視覺效果舒適。

②不要鍵入一個(gè)又一個(gè)的句號(hào)來充當(dāng)指引線。因?yàn)檫@些句號(hào)的排列肯定很不規(guī)則,學(xué)會(huì)使用相關(guān)軟件“自動(dòng)加入指引線”的功能。

③即使有指引線,也不要把頁碼數(shù)字與標(biāo)題之間的距離分得太開。

④目錄中的章與節(jié)非常清晰,同一章節(jié)的信息盡量靠近,不同章節(jié)的信息應(yīng)拉開一定距離,注意運(yùn)用鄰近原則。

⑤不要過于強(qiáng)調(diào)信息級(jí)別的層次而把頁面變得很亂,牢記整體概念。

第三節(jié)分欄

1、網(wǎng)格

①網(wǎng)格概念

信息內(nèi)容有著它自己的內(nèi)在結(jié)構(gòu)和固定的組成部分,需要一定的鑒賞力去揭開各部分的相互連續(xù)性,網(wǎng)格為設(shè)計(jì)提供了一個(gè)基本的框架,幫助形成清楚、連貫的信息關(guān)系和易懂的頁面,給設(shè)計(jì)一種內(nèi)在凝聚力。

什么是網(wǎng)格?

網(wǎng)格是一種包含一系列等值空間(網(wǎng)格單元)或?qū)ΨQ尺度的空間體系。它在形式和空間之間建立起一種視覺和結(jié)構(gòu)上的聯(lián)系。形式和空間的位置及其相互關(guān)系通過二維網(wǎng)格來限定。網(wǎng)格的構(gòu)圖能力來自于所有元素之間的規(guī)則形和連續(xù)性,它能夠決定一個(gè)頁面上元素的零散或整齊程度、頁面上插圖和文字的比例,通過網(wǎng)格建立連續(xù)的秩序或參考區(qū)域,從而產(chǎn)生普遍聯(lián)系。

網(wǎng)格由垂直線與水平線相交構(gòu)成網(wǎng)格單元,網(wǎng)格單元之間的空白區(qū)域稱為分隔線。網(wǎng)格的表現(xiàn):首先,在版式四周要留出頁邊,采用1磅的線條。其次,把該空間等分,以使各列文字相互間不接觸,每個(gè)單元格之間也要有一條空白的分隔帶,網(wǎng)格內(nèi)采用細(xì)線。

網(wǎng)格以垂直單元與水平單元的數(shù)目定義。一個(gè)兩欄三行的網(wǎng)格被稱為6單元網(wǎng)格,或2×3網(wǎng)格。而一個(gè)三欄四行的網(wǎng)格被稱為12單元網(wǎng)格,或3×4網(wǎng)格。網(wǎng)格一旦建立,各欄文字或圖片的寬度、長度便可以隨便調(diào)整,并且可以占用多個(gè)網(wǎng)格單元)。

網(wǎng)格使用原則:對(duì)以文本為主的版式,通常使用兩欄或三欄簡單的網(wǎng)格。對(duì)于以插圖、圖片為主的版式,通常使用三欄以上復(fù)雜的網(wǎng)格。

網(wǎng)格越復(fù)雜,你的設(shè)計(jì)就越具有靈活性,當(dāng)然難度把握就越大,需要長期的經(jīng)驗(yàn)積累。

②網(wǎng)格分類

⑴一次性運(yùn)用于設(shè)計(jì)作品的網(wǎng)格

這類網(wǎng)格通常一次性用于設(shè)計(jì)項(xiàng)目之中,不反復(fù)使用。

對(duì)于一些復(fù)雜的信息,如表格、科學(xué)數(shù)據(jù)、名單和一些重復(fù)的元素,如標(biāo)題、多幅圖片和正文,在特定的頁面和版幅上都需要設(shè)計(jì)網(wǎng)格進(jìn)行定位,使復(fù)雜的信息條理化。提示:

2縱列、6縱列和5縱列網(wǎng)格是最基本的標(biāo)準(zhǔn)網(wǎng)格。

2縱列網(wǎng)格把設(shè)計(jì)空間分為4部分;而6縱列網(wǎng)格是在各頁上再分3縱列;5縱列網(wǎng)格可以單獨(dú)使用,也可以兩個(gè)大縱列加一個(gè)小縱列合并使用(見圖)。

⑵用于多頁面或多主題出版物的網(wǎng)格系統(tǒng)

網(wǎng)格可以提供一個(gè)重復(fù)使用的系統(tǒng),使設(shè)計(jì)過程和出版周期達(dá)到一體化,許多最基本的設(shè)計(jì)元素因網(wǎng)格系統(tǒng)得以保留,每次使用時(shí)只需作局部的修改,保持了出版物特有的風(fēng)格。

本小節(jié)僅對(duì)網(wǎng)格的基本概念作一些介紹。網(wǎng)格構(gòu)成設(shè)計(jì)是一門學(xué)問,可以參考相關(guān)專業(yè)書籍進(jìn)行深入學(xué)習(xí)。

網(wǎng)格系統(tǒng):或稱為標(biāo)準(zhǔn)尺寸系統(tǒng)、程序版面設(shè)計(jì)、比例版面設(shè)計(jì)、瑞士版面設(shè)計(jì)、或歐

洲形式(與美國的自由版面形式相對(duì)而言),它的源流可追溯到20世紀(jì)20年代的構(gòu)成主義。

網(wǎng)格設(shè)計(jì)不是簡單地把文字和圖片并列放置在一起,而是從畫面結(jié)構(gòu)中的相互聯(lián)系發(fā)展出來的一種形式法則。50年代才在歐洲定型為版面設(shè)計(jì)形式。它的特征是重視比例感、秩序感、連續(xù)感、清晰感、時(shí)代感、準(zhǔn)確性和嚴(yán)密性。

著名的瑞士設(shè)計(jì)師約瑟夫?米勒?布羅克曼說:“網(wǎng)格使得所有的設(shè)計(jì)因素——字體、圖片、美術(shù)之間的協(xié)調(diào)一致成為可能。網(wǎng)格設(shè)計(jì)就是把秩序引入設(shè)計(jì)中去的一種方法?!?/p>

③如何構(gòu)成簡單的網(wǎng)格

簡單些的網(wǎng)格通常比復(fù)雜的網(wǎng)格更好掌握,一般分成五個(gè)、七個(gè)欄目的網(wǎng)格,普遍情況下都較為實(shí)用,而且用起來很有趣,因?yàn)樗幸欢ǖ倪x擇余地,但過分復(fù)雜的網(wǎng)格因選擇的余地過大,好像到處都是網(wǎng)格,也會(huì)毫無用處,因?yàn)榫W(wǎng)格單位太小,讀者就很難看清它的條理。

有條理的設(shè)計(jì)來自于流暢的結(jié)構(gòu),它能按順序地從一個(gè)元素到另一個(gè)元素進(jìn)行引導(dǎo)。網(wǎng)格構(gòu)成方法:

⑴分析優(yōu)秀設(shè)計(jì)作品,解讀網(wǎng)格的構(gòu)成規(guī)律和形式。

首先,在速寫本上通過目測分析出優(yōu)秀版式設(shè)計(jì)的基本網(wǎng)格結(jié)構(gòu)并繪制出來。這一步非常重要,它可以訓(xùn)練視覺迅速捕捉出基本網(wǎng)格結(jié)構(gòu)線,減少對(duì)電腦分析的過于依賴或者依葫蘆畫瓢的錯(cuò)誤分析方法。

其次,將優(yōu)秀版式設(shè)計(jì)輸入進(jìn)電腦,在軟件中進(jìn)行分析。

⑵確定主要信息元素位置,以此延伸外形輪廓線,在版式中構(gòu)成基本框架

根據(jù)信息等級(jí)整體布局,依主要元素延伸獲得網(wǎng)格結(jié)構(gòu)線。

2、版式中的線

版式中的線包括三種:由字的編排構(gòu)成的線、視覺引導(dǎo)線、幾何線。

①字有秩序的編排構(gòu)成線

在平面構(gòu)成中我們知道點(diǎn)的移動(dòng)可以構(gòu)成線,設(shè)計(jì)中常常將字符作為點(diǎn)進(jìn)行線的編排,

通過字體、粗細(xì)、大小構(gòu)成不同明度的線(見圖)。

②視覺引導(dǎo)線

視覺引導(dǎo)線在版式中是一條看不見但卻非常關(guān)鍵的導(dǎo)向線,它直指中心內(nèi)容。

我們?cè)诜治鲎髌窌r(shí),一定要善于發(fā)現(xiàn)這條看不見的線。因?yàn)樗龑?dǎo)視線去關(guān)注設(shè)計(jì)主題,成為貫穿版面的主線,版式中的編排元素以視覺引導(dǎo)線為中心依信息級(jí)別向左右或上下展開。

視覺引導(dǎo)線是版式設(shè)計(jì)中定位的依據(jù),表現(xiàn)為水平線、垂直線、曲線、斜線。③幾何線

幾何線表現(xiàn)為可視的網(wǎng)格分區(qū)線和裝飾線。

⑴用線分割版面的設(shè)計(jì)

網(wǎng)格線通常是隱性的,僅起定位作用,沒經(jīng)過專業(yè)訓(xùn)練的受眾不易發(fā)現(xiàn)。但是,版式設(shè)計(jì)師有時(shí)也別出心裁的使優(yōu)美的網(wǎng)格結(jié)構(gòu)線躍然紙上,成為可視線條。設(shè)計(jì)時(shí),應(yīng)將網(wǎng)格線視為裝飾元素作整體上的安排,切不可讓縱橫密布的網(wǎng)格線影響信息的傳遞。⑵用線裝飾編排元素的設(shè)計(jì)

在版式中,編排元素時(shí)常用線來裝飾,引起視覺關(guān)注。

當(dāng)引文需要強(qiáng)調(diào)時(shí),用線作為裝飾,將引文與正文加以區(qū)別。正文中,裝飾線條可以將正文進(jìn)行平級(jí)信息分區(qū);同時(shí),線條也可以用在單詞下方,對(duì)正文中重點(diǎn)內(nèi)容起強(qiáng)調(diào)作用。

⑶用線框來限定版式中的編排元素

線框可以用來加強(qiáng)某種編排元素視覺效果,使其在整體中顯得特別出眾。當(dāng)被強(qiáng)調(diào)的對(duì)象是說理性很強(qiáng)的文字或圖形時(shí),可用有規(guī)律的幾何形線框來限定它,使形式與內(nèi)容完美統(tǒng)一。

⑷用線來裝飾整體版面的設(shè)計(jì),常用于展開頁的整體設(shè)計(jì),起到連貫信息的目的。

3、重復(fù)原則

同樣的形在一個(gè)設(shè)計(jì)中多次使用,稱為重復(fù)。包括形的重復(fù)、尺寸重復(fù)、色彩重復(fù)、質(zhì)感重復(fù)、方向重復(fù)、位置重復(fù)、空間重復(fù)和重量重復(fù)等。

版式設(shè)計(jì)中編排元素間形的重復(fù)、編排元素與空白空間形的重復(fù)、編排元素在網(wǎng)格單元中的重復(fù),構(gòu)成協(xié)調(diào)一致的視覺形象。然而太多的重復(fù)可能會(huì)損害編排的活力,這時(shí)可以在方向和空間上作一些變化:形以各種方式相互迭加、穿透、組合、或正負(fù)形的結(jié)合等。

①重復(fù)構(gòu)成方法

依據(jù)對(duì)文本的分類,找出重復(fù)的內(nèi)容(標(biāo)題的樣式、段間間距、圖形等元素),分區(qū)設(shè)計(jì)時(shí)有意識(shí)重復(fù)各區(qū)域的外形,重復(fù)各級(jí)分組及它們的對(duì)齊方式,并將這種設(shè)計(jì)特征運(yùn)用于不同的頁面重復(fù)使用,以便讓讀者能夠看懂組織結(jié)構(gòu)。

這個(gè)理念可以應(yīng)用到設(shè)計(jì)的每個(gè)內(nèi)容中:要有意識(shí)的去做。

②重復(fù)的形式

線性重復(fù):按同一方向同樣間距重復(fù)形。

二維重復(fù):多行的單元形或組規(guī)則重復(fù)。

三維重復(fù):產(chǎn)生空間和結(jié)構(gòu)網(wǎng)格系統(tǒng)。

[重點(diǎn)提示]

版式中的對(duì)比

運(yùn)用對(duì)比可以幫助設(shè)計(jì)作品具備層次感,而層次感就是觀眾接受信息的順序,即他們能理解哪些是重要的信息,哪些是次要的。

對(duì)比的把握:

①為各種元素安排一個(gè)規(guī)則的體系,然后打破這個(gè)體系。

②圖形:在大小比例上設(shè)計(jì)一個(gè)出其不意的變化。

文字:把語言重點(diǎn)轉(zhuǎn)換成視覺重點(diǎn)最常用的是大小的對(duì)比。

③把某一元素移出它原有的位置(見圖)。

④去除某一預(yù)料之中的元素。

⑤改變某一元素量。

[同類合并原則如何指導(dǎo)設(shè)計(jì)案例分析一]

翻閱一些精美的期刊雜志,我們常常感嘆于優(yōu)秀設(shè)計(jì)中標(biāo)題字的穿插、重疊技巧,通常這些技巧的應(yīng)用是建立在同類合并原則的基礎(chǔ)上,也就是找出標(biāo)題中的信息等級(jí)與中心內(nèi)容。

我們分析一下這一組英語標(biāo)題字,inthe屬付詞,可以用小寫體表現(xiàn);girl,city是名詞,也是句子中的主要信息內(nèi)容,其中g(shù)irl又是最重要的中心詞,因此用黑色表現(xiàn),city與girl字體大小相同,用白色表現(xiàn),重點(diǎn)突出而又使主次拉開距離。這種主次關(guān)系看似是以一種不經(jīng)意的方式表現(xiàn),而這個(gè)中理由只有通過分析才可以明了;New是定語,所以放在被修飾詞girl的前面,穿插關(guān)系就這樣建立起來(見圖)。

[理解分區(qū)概念中黑白灰關(guān)系優(yōu)秀作品案例分析二]

通常編排元素在白紙上進(jìn)行布局時(shí),我們都將白底作為黑白灰中的白,用其它元素

來構(gòu)成版式中的黑或不同明度的灰,黑白灰的整體關(guān)系易于理解。

這是一頁純文本的編排(見圖),這張作品中,增加了一個(gè)深色色底,那么如何理解黑白灰的概念呢?

事實(shí)上,平面構(gòu)成中黑白灰關(guān)系是相對(duì)的。在這張版式中,底色為中明度的灰,標(biāo)題字為黑,說明文、引文、正文構(gòu)成不同明度的灰。那么白的概念如何表現(xiàn)呢?在這里,它是由版式左邊大面積的空白空間構(gòu)成的。

這就是為什么在版式設(shè)計(jì)中空白空間顯得尤為重要的原因。

[理解分區(qū)概念優(yōu)秀作品案例分析三]

這是一頁以圖片為主的版式設(shè)計(jì)(見圖)。

大型時(shí)裝雜志的時(shí)裝攝影是由專業(yè)時(shí)裝攝影

師完成,圖片本身的光線和動(dòng)態(tài)都經(jīng)過攝影師的精心安排,在編排設(shè)計(jì)中屬不變因素,也是時(shí)裝雜志所要表現(xiàn)的中心內(nèi)容。版式中的黑白灰關(guān)系,主要依圖片的明度來進(jìn)行布局和調(diào)整。

左圖中,為突出圖片,文字區(qū)的編排在明度上的考慮就必須是減弱而不是加強(qiáng),以中灰度為宜,同時(shí),也與墻面的灰色層次相近,使文字與墻面融為一體。右圖中,中灰度的文字區(qū)與條紋襯衣的明度層次相近,形成一個(gè)整體的色彩分區(qū),畫面的黑色區(qū)域在頭部或褲子上,底為白色;在文字區(qū)內(nèi),標(biāo)題字與正文在字體、色彩上都是一致的,僅大小有所區(qū)別,這種考慮是基于整體概念。想想看,如果這時(shí)要把文字區(qū)放在頁面上方,應(yīng)選擇什么明度的色彩來處理文字?二種方案:深色和高明度淺色。并且淺色字是首選方案,因?yàn)闇\色字的編排不影響腿部的曲線,使模特的動(dòng)態(tài)保持完整。如果是深色字,與褲子的顏色融為一體,無形中就破壞了腿部的優(yōu)美曲線。

[理解版式中的對(duì)比優(yōu)秀作品案例分析四]

本設(shè)計(jì)是一張廣告。左圖中由于狗的圖形太怪異,一旦看見,你就無法停止地看著它,甚至可能引導(dǎo)你忽視廣告文字的閱讀。因此,有必要對(duì)版式中的編排元素進(jìn)行調(diào)整,以便將其它信息內(nèi)容通暢的傳遞。右圖中,將布局的焦點(diǎn)進(jìn)行擴(kuò)大,看看能達(dá)到什么程度,大幅的黑狗照片與白色背景形成鮮明對(duì)比,成為吸引受眾眼睛的視覺磁場。說明文放在狗背上不影響外輪廓形,如果再為狗的抽象外形配上意想不到的顏色,就能將令人稱絕的視覺效果再提高一個(gè)層次。對(duì)比方法主要是通過使用大膽的圖形、令人驚奇的照片和引人注目的插圖來捕獲受眾的注意力。

什么導(dǎo)致了作品的視覺沖擊力:

①超大尺寸、大膽而簡單的圖形。

②強(qiáng)烈的對(duì)比——大量的黑白區(qū)域和小塊色彩的運(yùn)用。

③非常有趣的標(biāo)題字體。

[理解版式中的線優(yōu)秀作品案例分析五]

左圖為上下分區(qū),以分區(qū)線為視覺引導(dǎo)線,向右圖延伸引導(dǎo)出跑步的選手,并順頭部方向直指標(biāo)題,右圖中主要信息都定位在這根引導(dǎo)線上,其它文字信息,以視覺引導(dǎo)線為中心向上下編排。

通過分析,視覺引導(dǎo)線的作用就清晰的顯現(xiàn)出來,當(dāng)你對(duì)右圖標(biāo)題定位把握不準(zhǔn)時(shí),視覺引導(dǎo)線可以輕松決定。

[理解重復(fù)原則優(yōu)秀作品案例分析六]

本設(shè)計(jì)是一張廣告設(shè)計(jì),版式為上下分區(qū):上為文字區(qū),下為圖片區(qū)。圖片區(qū)中,最大的一張圖片,其外形為細(xì)長矩形,構(gòu)成這頁版式中的基本形;小圖片密集的排列在一起,形成的整體外形與基本形保持一致;同時(shí),多數(shù)小圖片之間進(jìn)行形與形的重復(fù)構(gòu)成;上下分區(qū)中,標(biāo)題字的外形與圖片基本形相同,從而構(gòu)成圖片與標(biāo)題字之間的重復(fù)。我們從分析圖中可以清晰看見重復(fù)原則在版式設(shè)計(jì)中的運(yùn)用。

第四章文字的編排

第一節(jié)字體

對(duì)文字的設(shè)計(jì),首先應(yīng)了解字體的個(gè)性。

漢字的基本字體是宋體與黑體;外文的基本字體是文藝復(fù)興字體、古典主義字體和現(xiàn)代自由體,在版式設(shè)計(jì)中使用最多也最為廣泛。

1、宋體

起源于北宋刻印時(shí)期(北宋公元960~1127年),到明代被廣泛采用,故亦稱為明朝體,又叫老宋體。宋體的特征是字形正方,橫細(xì)豎粗,橫劃和橫、豎劃轉(zhuǎn)折處吸收了楷書用筆的特點(diǎn)都有頓角,點(diǎn)、撇、捺、挑、勾與豎劃的粗細(xì)基本相等,其尖鋒短而有力。因

此有“橫細(xì)豎粗,撇如刀,點(diǎn)如瓜子,捺如掃”的口訣(見圖)。

宋體字的形狀,一般有三種:長方形、扁方形和正方形。長方形或扁方形要注意它的高和寬的適當(dāng)比例,不能拉得太長或壓得太扁,一般較適宜的比例是3:2,3:4,3:5等。需要強(qiáng)調(diào)的是,在扁方形格內(nèi),宋體字的書寫應(yīng)注意:豎筆畫一般占格內(nèi)的六分之一或小于六分之一,橫筆畫一般占豎筆畫的四分之一或五分之一,如果豎的筆畫超過了六分之一,字就顯得粗笨。

2、黑體

橫豎筆劃粗細(xì)一致,方黑一塊,筆形兩端略呈方形,因此得名。黑體的點(diǎn)、撇、捺、挑、勾也是方頭,所以又叫做方體。

黑體在風(fēng)格上雖不及宋體生動(dòng)活潑,卻因?yàn)樗f重有力,樸素大方而引人注目,常用于標(biāo)題、廣告等醒目的位置上,有強(qiáng)烈的視覺效果。

黑體一般是正方形,橫筆畫和豎筆畫一樣粗,豎筆畫占正方形書寫格的八分之一。書寫時(shí)不能將筆畫寫得過粗,過粗黑體字顯得粗笨,筆畫之間也模糊不清;相反,也不能將筆畫寫得太細(xì),太細(xì)的黑體字會(huì)顯得瘦弱無力。

3、文藝復(fù)興字體(老羅馬體)

文藝復(fù)興字體形成于十五世紀(jì)歐洲文藝復(fù)興時(shí)期,它是拉丁字母的古體字,又稱老羅馬體。其特征是以圓形的軸線左右傾斜,粗細(xì)線條對(duì)比不大,字腳線和筆畫線之間夾角成圓弧形。最優(yōu)秀的字體是與法國人加拉蒙同名的字體,它纖細(xì)的字腳和頭發(fā)似的細(xì)線構(gòu)成了明快暢亮的調(diào)子,優(yōu)雅而親切,柔軟而美觀,具有強(qiáng)烈的裝飾效果和易讀性,適用于古典作品以及有悠久歷史的商品裝飾,今天許多國家仍把它作為最常用的字體。

4、古典主義字體

十八世紀(jì)法國大革命和啟蒙運(yùn)動(dòng)以后,新興資產(chǎn)階級(jí)提倡希臘古典藝術(shù)和文藝復(fù)興藝術(shù),產(chǎn)生了古典主義的藝術(shù)風(fēng)格。最具代表性的是在意大利享有“印刷者之王”聲譽(yù)的波多尼體(Bodoni),它的特征是對(duì)老羅馬體進(jìn)行簡化,增多直線,減少弧線,粗細(xì)線條對(duì)比強(qiáng)烈,字腳畫成直線形。在易讀性與和諧和上達(dá)到了更高的造詣,也是今天最受歡迎和最常使用的字體。

5、現(xiàn)代自由體

十九世紀(jì)初在英國產(chǎn)生了第一批廣告字體格洛退斯克和埃及體。它們的特征是都有同樣

粗細(xì)的線

條,前者完全拋棄了字腳,只剩下字母的骨骼,也叫無字腳體;后者是在無字腳體上加添短棒形的字腳,頗有粗獷的風(fēng)格,因此又叫加強(qiáng)字腳體,相當(dāng)于黑體字,具有強(qiáng)烈的廣告效果,常常用于廣告設(shè)計(jì)中?,F(xiàn)代自由體發(fā)展到今天,又有了從斜體和民間手寫體的基礎(chǔ)上發(fā)展起來的數(shù)量眾多的書寫體,書寫出體活潑自由,運(yùn)動(dòng)感強(qiáng),也是常用的廣告字體。

6、拉丁字母基本字形比例

拉丁字母是由圓弧線和直線組成的幾何形結(jié)構(gòu),可歸納為方、圓、三角三種形狀,并可分為單結(jié)構(gòu)和雙結(jié)構(gòu);在書寫時(shí),字形不能都取相等,因?yàn)檫@三種形狀的字母排列在一起時(shí),在視覺上是不同的,方形最大,圓形其次,三角形最小,因此,在寬窄比例上有4∶4、4∶3、4∶2之分,目的是在組成詞、句時(shí),使字面保持一定均勻的黑度,文字顯得舒暢美觀(見圖);有時(shí),在個(gè)別情況下,還需略增字高,以期具有相同大小感覺。同時(shí),字母與字母之間的間隔也有其自身的規(guī)律。

7、字體選擇原則

版式設(shè)計(jì)中,包含標(biāo)題字、副標(biāo)題字、引文、說明文、正文等文字的總體選擇原則。①清晰易讀是文字編排的重點(diǎn)所在,因?yàn)槲淖值淖罱K目的就是為了閱讀。

可讀性:指文字吸引和抓住讀者興趣的品質(zhì),它依賴于設(shè)計(jì)師通過對(duì)文字的研究來創(chuàng)造輕松的閱讀環(huán)境。

②閱讀中,如果讀者意識(shí)到了字體的形狀,字體的選擇就需要再作推敲,因?yàn)樗棺x者從信息自然平穩(wěn)的過渡中分心。

切記:那些挑戰(zhàn)我們?cè)缫研纬砷喿x習(xí)慣的文字,對(duì)文字的易讀性影響最大。

③文字編排質(zhì)量取決于文字部分與非文字部分之間的關(guān)系,忽略了文字編排外的空白空間是專業(yè)上不成熟的一個(gè)標(biāo)志。

④當(dāng)文字與圖片進(jìn)行重疊組合時(shí),盡量選擇與圖片意境相符的字體。

如一張充滿激情和力量的照片需要黑體類的粗體與之相匹配;相反,柔和的圖片則需要纖細(xì)、精致的字體予以強(qiáng)化。同時(shí),還得考慮把文字放置在何處?仔細(xì)分析圖片,找尋每一個(gè)元素中放置文字區(qū)域的任何可能啟示。

⑤字體的選擇影響情感反應(yīng)。

不同的字體具有不同的情感表達(dá)。標(biāo)題字與副標(biāo)題字在字體選擇時(shí),一定要與主題表達(dá)的情感相一致;正文字體最好以選擇中性情感的字體為準(zhǔn),不宜帶有過多的情感特征,牢記清楚易讀的字體選擇原則。

第二節(jié)字號(hào)、字距、行距、字系、標(biāo)題字

1、文字編排原則:

①對(duì)閱讀而言,字與字之間的組合標(biāo)準(zhǔn)應(yīng)按視覺習(xí)慣進(jìn)行間隔。和諧的間隔會(huì)形成均勻的編排“色彩”或灰色調(diào),使閱讀過程更容易。

②簡潔的文字編排與強(qiáng)烈的表現(xiàn)力相結(jié)合,才能使信息既清楚易讀又有趣味性。

阿?汗特?米多坦說:“編排是印刷頁面的聲音,但只有當(dāng)它被人們的眼睛看到、被人腦轉(zhuǎn)化成聲音、被人們的耳朵聽到、被思維所理解、被大腦記住、儲(chǔ)存后,編排才變得有意義?!?/p>

③對(duì)文本理解越透徹,字體的選擇就越富有表現(xiàn)力。閱讀材料,明白它的主題思想,選擇最佳表現(xiàn)字體,使它清楚、明了的傳遞出文本的重要信息。

④把握好文字之間的邏輯關(guān)系和節(jié)奏感。

文本分類時(shí),應(yīng)有意識(shí)的在一個(gè)新的理念前停頓一下,把信息進(jìn)行合理分組,會(huì)使內(nèi)容表達(dá)更為清楚,版式表現(xiàn)更加明晰。對(duì)于長標(biāo)題的設(shè)計(jì),常采用多行表現(xiàn),標(biāo)題在斷句時(shí),邏輯關(guān)系及停頓節(jié)奏必須認(rèn)真分析。如果斷句錯(cuò)誤,會(huì)帶來閱讀時(shí)的不理解、不流暢,直接影響閱讀和理解的速度。

2、字號(hào)

通常情況下,標(biāo)題字的大小一般以14點(diǎn)以上為宜;正文用字一般為10-14點(diǎn)。在具體設(shè)計(jì)時(shí),還須按設(shè)計(jì)要求進(jìn)行調(diào)整。

字號(hào)特征:

①大粗字體易造成強(qiáng)烈的視覺沖擊力,細(xì)小字體溫和引導(dǎo)視線連續(xù)閱讀。

②用細(xì)小的文字構(gòu)成的版面,精密度高,整體性強(qiáng),給人一種纖細(xì)、現(xiàn)代感和雅致的感覺。

③反向字體需要特殊的處理方法。黑底或明度低于40%的色底上編排白字,通常顯得稍微小些,字號(hào)選擇不宜小于6點(diǎn),字的粗度要加強(qiáng),字間距和行距可以適當(dāng)加大一點(diǎn)。

3、字距、行距

良好的字距和行距的編排,應(yīng)該是使受眾在閱讀過程中難以覺察字間與行間的間隔,表現(xiàn)出極強(qiáng)的整體感。

漢字特有的方形外觀,在編排時(shí)字間間距較易把握,通常正文選擇五號(hào)字體時(shí),字間間距與行間間距以文字處理軟件的默認(rèn)值為準(zhǔn);選擇小四號(hào)字時(shí),以默認(rèn)值編排字間略顯擁擠,應(yīng)調(diào)整行間間距以固定值取17~19為宜。選擇四號(hào)以上字體為標(biāo)題字,字間間距應(yīng)略作加寬處理。

外文字母有多種外形,因此在編排時(shí)應(yīng)作如下調(diào)整:

①就可讀性而言,行距的增加比字體大小更重要(見圖),行距太小會(huì)造成視覺上的混

亂,行距應(yīng)

為上

伸字母(指字母的某部分上伸,如b、d、k)和下伸字母(指字母的某部分下伸,如j、g、p)留下可供伸展的空間,一般情況行距一定要大于字間距,不然,視線就會(huì)隨著版面往下滑,而不是水平跨過字行。

②字體一行應(yīng)排多少字最合適呢?

大腦和眼睛在感到疲勞并游離于所閱讀的材料之間時(shí),所能承受的每行長度極限據(jù)測為39至52個(gè)字母的長度,因此,字號(hào)必須隨著字行的加長而增大;通常報(bào)紙一欄的寬度一般不超過2英寸,雜志稍寬一點(diǎn),廣告文案的寬度以不超過3英寸為宜,但還是應(yīng)從總體出發(fā)加以考慮。

③字間間距一般電腦會(huì)自動(dòng)設(shè)定,但有經(jīng)驗(yàn)的設(shè)計(jì)師會(huì)給正文或標(biāo)題專門設(shè)計(jì)間距,按需要擴(kuò)大或壓縮字與字前后的細(xì)小空間。

正文的字母間距應(yīng)通篇保持一致。標(biāo)題字可考慮統(tǒng)一設(shè)計(jì)每個(gè)字母之間的間距標(biāo)準(zhǔn),如果字母間距太小,可讀性會(huì)受到影響,如果間距太大,單詞的結(jié)構(gòu)遭到破壞,讀者不得不停下來在腦子里對(duì)單詞進(jìn)行重新組合。

4、字系

現(xiàn)代設(shè)計(jì)中常常在同一頁或正反頁進(jìn)行中、英文文本同時(shí)編排,這就需要對(duì)標(biāo)題與正文的中、英文字系有所了解,使之協(xié)調(diào)一致,以便找出相對(duì)應(yīng)的信息等級(jí)。

一般情況下,同一個(gè)版面或同一個(gè)內(nèi)容,切不可選擇太多的字體,最好在同一系列中尋求變化和突出重點(diǎn),中英文字體選擇宜具有相似性,避免字體間對(duì)比過大造成視覺上的混亂。

①同一字系:由相近似的字體組成。在同一字系中,基本設(shè)計(jì)保持不變,可以考慮改變字體大小、粗細(xì)或色彩以求變化。

中、英文字體在編排中要注意使用各自的行距和字距的調(diào)整原則,切不可選擇同一種行距或字距。

②一套字系:全套大小寫字母、數(shù)字和標(biāo)點(diǎn)符號(hào)。

5、標(biāo)題字編排的基本形式

①標(biāo)題雖位于整段或整篇文章之首,但不一定千篇一律地置于段首之上,可作居中、橫向、豎向或邊置等編排處理,有的可直接插入字群中,以求新穎的版式來打破舊有的規(guī)律。

②標(biāo)題字的選用對(duì)整個(gè)版式編排起著重要的作用,字體選擇得體、字體特效到位,可在版面上表現(xiàn)出不同的氣氛,對(duì)設(shè)計(jì)內(nèi)容有明顯的強(qiáng)調(diào)作用。

從某種程度上說,選擇標(biāo)題字時(shí)很容易“挑花眼”,這時(shí)應(yīng)該多問自己幾個(gè)為什么?⑴字體的視覺效果如何?

⑵你想讓標(biāo)題字反映出正文內(nèi)容嗎?切記,一些字體看上去優(yōu)雅柔和,另一些卻強(qiáng)烈搶眼。

⑶你想讓標(biāo)題字與正文相協(xié)調(diào)還是形成對(duì)比?對(duì)字體的特征及產(chǎn)生的效果要有充分的把握。

③現(xiàn)代版式設(shè)計(jì)中,標(biāo)題字的編排也在嘗試新的創(chuàng)意,字與字之間由強(qiáng)調(diào)裝飾變形轉(zhuǎn)變?yōu)閭?cè)重研究其內(nèi)部的組織結(jié)構(gòu),穿插、疊加、合并、模糊、隱藏、填充、相接、穿透、聯(lián)合、減法、剖切、重合、大小對(duì)比、空間應(yīng)用等等成為標(biāo)題字的構(gòu)成技巧。

[重點(diǎn)提示一]

⑴臨摹前,先根據(jù)標(biāo)題字對(duì)文本信息進(jìn)行分類,找出關(guān)鍵詞。再打開臨摹作品(見圖)看看你找對(duì)了嗎?

⑵畫出標(biāo)題字區(qū)域內(nèi)縱向和橫向欄線,分析在穿插時(shí)詞組間大小比例、中心內(nèi)容的確定。⑶字體的重疊設(shè)計(jì),應(yīng)注意重疊的部位所占的面積,重疊過多,失去了字體的易讀性,為此再精彩

的編排你都得放棄。

字與字之間的重疊構(gòu)成,需要多分析、多積累,在實(shí)踐中找到構(gòu)成的方法。

[重點(diǎn)提示二]

⑴運(yùn)用這些技巧進(jìn)行標(biāo)題字設(shè)計(jì)時(shí),同樣應(yīng)該對(duì)文字信息進(jìn)行分類合并,找出需強(qiáng)調(diào)的字與詞,在大小、色彩、位置上作特異表現(xiàn)(見圖)。

⑵有意擺弄字體,會(huì)變得難以理解,無法閱讀,設(shè)計(jì)時(shí)必須十分小心。

第三節(jié)正文文字編排的基本形式

選擇正文字體必須把字體的功能放在首位。

換句話說,正文的意圖何在?它只是像小說一樣讓人們能夠連續(xù)讀下去嗎?或者它們被小標(biāo)題分割成若干部分,讓讀者能夠輕松地閱讀每一小標(biāo)題下的內(nèi)容?或者字塊的整體感覺比實(shí)際含義更重要?

要注意字體的視覺效果,它可以影響并強(qiáng)化文字的含義。

1、左右均齊的編排

文本段落左右齊行、工工整整形成一個(gè)面,適合于漢字編排。

在版面設(shè)計(jì)時(shí),應(yīng)將正文作為一個(gè)灰面同其它編排元素聯(lián)系在一起考慮,才能達(dá)到整體的效果。文字較少時(shí)則可把它作為一條線來處理。

這種格式十分適用于報(bào)紙、雜志和其他一些需要充分利用版面的出版物,缺點(diǎn)是為了使每一行左右對(duì)齊,有時(shí)字母的間距會(huì)變得不均勻。

2、齊左(齊右)的編排

齊左對(duì)齊非常適合人們的閱讀習(xí)慣,容易產(chǎn)生親切感,受眾可以沿著左邊垂直軸線很方便的找到每一行的開頭,右邊可長可短,右邊的空白使整個(gè)段落顯得很自然,給人以優(yōu)美、愉悅的節(jié)奏感。齊右對(duì)齊的格式只適用于少量使用,因?yàn)槊恳恍谐疾糠值牟灰?guī)則增加了閱讀的時(shí)間和難度。

由于英文的語言特點(diǎn),一個(gè)單詞不能將字母斷開,所以很適合齊左的編排。此種編排較之齊頭齊尾的編排更加活潑,富有現(xiàn)代氣息。

3、文字中間對(duì)位編排

以版面的中軸線為準(zhǔn),文字居中排列,左右兩端字距也可以是相等也可以是長短不一。這種排列方式能使視線集中,具有優(yōu)雅、莊重之感。但有時(shí)閱讀起來不太方便,如果是在正文內(nèi)容較多的情況下,不宜采用此種編排方式。

文字在居中對(duì)齊時(shí),要在適當(dāng)?shù)牡胤交匦?,這不只便于以意群或整個(gè)短語的形式被閱讀,也使整個(gè)文字顯得更有趣味。

4、文字繞圖編排

前提:

①文本內(nèi)容適合選擇休閑、輕松的話題。

②圖形的輪廓形具有優(yōu)美的曲線和影像。

文字繞圖編排的先決條件是將圖片依所需輪廓形處理成特定形狀,以便文字沿著不規(guī)則外輪廓互相嵌合在一起,給人以自由、活潑、輕巧的感覺。設(shè)計(jì)時(shí)要事先算好字?jǐn)?shù),并按圖形需要決定每行字?jǐn)?shù)和文字排列的起點(diǎn)、終點(diǎn)。

[重點(diǎn)提示一]

名片設(shè)計(jì)原理:

①名片面積較小,傳遞資訊較多,處理好主次關(guān)系及分區(qū)是設(shè)計(jì)的重點(diǎn)。

②正、反面設(shè)計(jì)在形式語言上既要有呼應(yīng)又要有變化,不要造成相互之間的脫節(jié)。同時(shí),正、反面又具有各自相對(duì)的獨(dú)立性,資訊的傳遞應(yīng)該清晰。

③各分區(qū)文字的對(duì)齊方式不要變化過多,應(yīng)主次分明,把握好整體與局部之間的對(duì)比關(guān)系。

④名片中的數(shù)字:數(shù)字的大小應(yīng)比其它文字小半磅至1磅。電話、傳真、郵箱等詞組只需用人們理解的首寫字母表示即可。

對(duì)于用于區(qū)號(hào)的圓括號(hào)在名片設(shè)計(jì)中易增加不必要的混亂,有許多替代方案,例如:句號(hào)(411.505.1256),空隔(4115055632),連接號(hào)(411-505-1256),區(qū)號(hào)方括號(hào)形式([411]5055632),區(qū)號(hào)斜體字形式(4115051256),斜杠(411/5051256),粗體對(duì)細(xì)體(4115051256),細(xì)體對(duì)粗體(4115051256)等等。

[重點(diǎn)提示二]

文字編排局部處理技巧(見圖)

①行首的強(qiáng)調(diào):將正文的第一個(gè)字放大。放大的字體可以在正文中起著強(qiáng)調(diào)、吸引視線、裝飾和活躍版面的顯著作用。

強(qiáng)調(diào)的方法有兩種:下墜式和裝飾性。

⑴下墜式:將正文里的第一個(gè)字放大并嵌入行首,其下墜幅度應(yīng)跨越一個(gè)完整字行的上下幅度。至于放大量,依據(jù)其頁面大小、文字的多少和所處的環(huán)境而定。

⑵裝飾性:將行首字放大作為圖形進(jìn)行裝飾來獲取版面的裝飾風(fēng)格,產(chǎn)生更強(qiáng)烈的視覺沖擊力。

②引文的強(qiáng)調(diào):在進(jìn)行正文的編排中,我們常會(huì)碰到提綱性的文字,即引文。通常引文概括了一個(gè)段落、一個(gè)章節(jié)或全文大意,因此在編排上應(yīng)給予特殊的位置和空間來強(qiáng)調(diào)。引文的編排方式:將引文遠(yuǎn)離或嵌入正文欄的左右面、上方、下方或中心位置等,并且在字體或字號(hào)上與正文加以區(qū)別。

[版式處理技巧優(yōu)秀作品案例分析]

見圖,版式分區(qū)是上圖下文,圖片是一張很有氣勢的風(fēng)景攝影作品,版式設(shè)計(jì)師為了不破壞圖片的完整性,通過將這張圖片進(jìn)行局部的錯(cuò)位與穿插,使靜態(tài)變?yōu)閯?dòng)態(tài),仿佛云層在移動(dòng)。

標(biāo)題緊靠圖片,選用無字腳粗體字;色彩選擇了圖片左下角水中的深藍(lán)色,整個(gè)標(biāo)題區(qū)構(gòu)成了一個(gè)深色的面,仿佛圖片的面積得以延伸;同時(shí),色彩從圖片流動(dòng)到標(biāo)題,將圖片與標(biāo)題這二個(gè)獨(dú)立的編排元素自然聯(lián)系在一起。

想一想,如果將標(biāo)題安排在右下方,標(biāo)題字應(yīng)該選擇什么色彩呢?

第五章圖形與文字的編排

第一節(jié)圖形與文字的對(duì)比關(guān)系

好的版式設(shè)計(jì),會(huì)很明確的處理圖片、文字與背景之間的對(duì)比關(guān)系,以此加強(qiáng)平面版式的空間張力,創(chuàng)造出構(gòu)圖的重點(diǎn)和趣味。

1、大與小的對(duì)比

大與小是相對(duì)而言的,就造型藝術(shù)而言,運(yùn)用大小對(duì)比會(huì)產(chǎn)生奇妙的視覺效果。

版式設(shè)計(jì)中,圖片與文字之間,在“面”的關(guān)系上可以進(jìn)行大小之間的對(duì)比,大小弱對(duì)比,給人溫和沉穩(wěn)之感;大小強(qiáng)對(duì)比,給人的感覺是鮮明、強(qiáng)烈、有力。

2、明暗的對(duì)比

黑與白、虛與實(shí)、正與反,都可形成明暗對(duì)比。

版式設(shè)計(jì)中,圖片與文字之間形成黑與白的對(duì)比,即在黑的背景下放置亮的物體的對(duì)比;或者在白的背景下,放置暗黑的物體對(duì)比;也可以黑里有白,白里再有黑的反復(fù)進(jìn)行對(duì)比,產(chǎn)生出奇妙的光與影視覺效果。

3、曲與直的對(duì)比

版式設(shè)計(jì)中,圖片與文字之間在外形上進(jìn)行曲與直、圓與方的對(duì)比,會(huì)產(chǎn)生強(qiáng)烈的情感和深刻的印象。在許多圓中放一個(gè)方型,方會(huì)顯得尤為突出。曲線的周圍是直線,則曲線給人印象強(qiáng)烈,編排設(shè)計(jì)中的巧妙運(yùn)用,會(huì)收到事半功倍的效果。

4、動(dòng)與靜的對(duì)比

版式設(shè)計(jì)中,常把富有擴(kuò)散感或具有流動(dòng)形態(tài)的形狀以及散點(diǎn)的圖形或文字的編排稱作“動(dòng)”,而把水平或垂直性強(qiáng)的、具有穩(wěn)定外輪廓形的圖片或文字稱作“靜”。設(shè)計(jì)中,要有意

識(shí)地使靜態(tài)平面具有“動(dòng)”感。

5、疏與密的對(duì)比

版式設(shè)計(jì)中,疏密對(duì)比是指編排元素“形”的密度分布方式。形可能在某一區(qū)域中密分布或在其

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論