《版式設(shè)計(jì)與編排》教案

1、一、課程進(jìn)度計(jì)劃表章 次內(nèi) 容講 授實(shí)踐（輔導(dǎo)）一版式設(shè)計(jì)概念22二版式設(shè)計(jì)原則22三版式設(shè)計(jì)原理610四文字的編排410五圖形與文字的編排612總學(xué)時(shí)562036二、教案正文第一章 版式設(shè)計(jì)概念1.教學(xué)目的：通過(guò)理論傳授使學(xué)生了解版式設(shè)計(jì)是一種重要的視覺表達(dá)語(yǔ)言，是視覺傳達(dá)設(shè)計(jì)專業(yè)重要的基礎(chǔ)課程；掌握版式設(shè)計(jì)的基本概念及傳統(tǒng)中國(guó)書的版式設(shè)計(jì)形式。2.教學(xué)重、難點(diǎn)：（1）重點(diǎn)：版式設(shè)計(jì)概念的理解；（2）難點(diǎn)：傳統(tǒng)中國(guó)書的版式。3.教學(xué)方法、手段：教師講授（），啟發(fā)式教學(xué)（），課堂討論（），多媒體教學(xué)（），當(dāng)堂測(cè)驗(yàn)（），提問(wèn)式教學(xué)（），實(shí)驗(yàn)（）。 課程導(dǎo)入 當(dāng)我們面對(duì)設(shè)計(jì)主題，有了一個(gè)好的設(shè)計(jì)創(chuàng)

2、意時(shí)，接下來(lái)就是如何把這一創(chuàng)意表現(xiàn)出來(lái)。設(shè)計(jì)創(chuàng)意的表現(xiàn)元素不外乎圖形（或圖片）、標(biāo)題字、正文和色彩，這些，統(tǒng)稱為版式設(shè)計(jì)的四大元素。可以說(shuō)，任何具體的設(shè)計(jì)，最后都會(huì)落實(shí)到對(duì)這四大元素的編排上來(lái)。 作為設(shè)計(jì)專業(yè)的學(xué)生，每進(jìn)入到一門新的課程環(huán)節(jié)，要習(xí)慣于提出以下幾個(gè)問(wèn)題： 這門課程的學(xué)習(xí)目的是什么？ 這門課程將要解決什么問(wèn)題？ 這門課程的構(gòu)成要素是什么？ 這些要素有什么用？ 需要怎樣才能使它們結(jié)合起來(lái)達(dá)到設(shè)計(jì)目的？ 請(qǐng)同學(xué)們帶著問(wèn)題進(jìn)入我們的課程教學(xué)! 版式設(shè)計(jì)課程的教學(xué)目的是把版面上所需要的設(shè)計(jì)元素進(jìn)行必要的編排組合，成為直觀動(dòng)人、簡(jiǎn)明易讀、主次分明、概念清楚的美的構(gòu)成，使其在傳達(dá)信息的同時(shí)，也

3、傳達(dá)著設(shè)計(jì)者的藝術(shù)追求與文化理念；從而通過(guò)版式設(shè)計(jì)，給閱讀者提供一個(gè)優(yōu)美的閱讀“空間”! 第一節(jié) 版式設(shè)計(jì)概念 一、什么是版式設(shè)計(jì) 版式設(shè)計(jì)又稱編排設(shè)計(jì)，是平面設(shè)計(jì)中的一個(gè)組成部分，為藝術(shù)設(shè)計(jì)專業(yè)學(xué)習(xí)過(guò)程中的重要環(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)紙、雜

4、志、書籍、宣傳手冊(cè)、CI、網(wǎng)頁(yè)設(shè)計(jì)等（見圖1-1）。圖1-1版式設(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)系。 總之，通過(guò)強(qiáng)化版式設(shè)計(jì)創(chuàng)意能力，使版式設(shè)計(jì)從被動(dòng)走向主動(dòng)，從單一走向無(wú)限。在創(chuàng)造性的活動(dòng)中，讓設(shè)計(jì)者能更積極地、主動(dòng)地參與主題思想表達(dá)的版式創(chuàng)意設(shè)計(jì)，使版式設(shè)計(jì)更有情趣、更富內(nèi)涵、更顯新穎。第二節(jié) 傳統(tǒng)中國(guó)書的版式 一、書的形態(tài) 中國(guó)有著三千多年輝煌的書籍藝術(shù)史。智慧的

5、祖先給我們留下了甲骨刻辭、鐘鼎、石刻、簡(jiǎn)策、帛書、卷軸裝、經(jīng)折裝、旋風(fēng)裝、蝴蝶裝、包背裝、線裝等一長(zhǎng)串千姿百態(tài)的書籍形態(tài)，在此我們介紹幾種重要的傳統(tǒng)書裝。 1.簡(jiǎn)策 中國(guó)圖書的正式形成大概在商代中葉，刻寫在竹木簡(jiǎn)上并用帶子串連起來(lái)的“簡(jiǎn)策”。 竹簡(jiǎn)的編連方法是“簡(jiǎn)”的上下各打一孔，用絲線或韋穿在一起，策的第一簡(jiǎn)正面是白簡(jiǎn)，但反面刻著書名，卷起后書名正好朝外，起著封面的作用。 2.卷軸 商代中葉，用絲織品、帛箔作材料，上抄文字，圍中心棒軸卷作而成的“卷軸”。東漢蔡倫改進(jìn)和完善了造紙技術(shù)，此后，紙質(zhì)材料逐漸成為卷軸的主要選料。 3.經(jīng)折裝 以一張長(zhǎng)方形紙為單位的“折疊本”，每頁(yè)中間串扎細(xì)繩成冊(cè)。后

6、又受印度貝葉梵經(jīng)的啟示，將書頁(yè)按序粘接起來(lái)，加以折疊，上下夾木板做表封，稱之為“經(jīng)折裝”。這種變化意味著書籍形態(tài)從原來(lái)的“卷”式向冊(cè)頁(yè)翻動(dòng)的形式過(guò)渡，這是書籍史上的進(jìn)步。 4.蝴蝶裝 蝴蝶裝的特征是一個(gè)印板就是一頁(yè)，版心向折口靠攏且折口全部粘合起來(lái)，固定了書脊，書頁(yè)像蝴蝶翅膀般展開，故稱之為蝴蝶裝。 5.包背裝 包背裝形式正好與蝴蝶裝相反，其版心移向書口，將白面相對(duì)朝內(nèi)折，折口朝外，然后在右打眼穿孔，捻子訂系，用書衣繞背包裝，因此得名包背裝。此形態(tài)興盛于明代至明中葉。 6.線裝書 線裝書的裝訂方法與包背裝相似。折口朝外，書頁(yè)右邊打眼，其特征有四針眼、六針眼、八針眼訂法，書角用錦綾包角，此法延續(xù)

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

8、書頁(yè)的上下邊緣空白處分別稱為“天頭”、“地腳”?！疤祛^”一般較寬，“地腳”一般較窄?！疤祛^”稱書眉。書的每頁(yè)畫成行格，行與行之間有細(xì)線區(qū)分，稱為界，每頁(yè)四邊均有邊欄，或?yàn)閱尉€，或?yàn)殡p線。書的正文印在行內(nèi)，為大字單行，書的注釋或批語(yǔ)則以小字雙行印在所注的句或字下，同在一行之內(nèi)。每一頁(yè)可劃分5到10行，每行容10至30字（大字）。這種印法的基本版式以及中國(guó)傳統(tǒng)印本書籍所用的某些版面術(shù)語(yǔ)名稱直至近代仍沿襲使用。 書的最重要部分當(dāng)然是正文，通常以不同風(fēng)格的楷書字體印出。宋代的雕版刻字至少使用了最為流行的三家書體。即歐體、顏體、柳體。歐體筆力剛勁，筆畫清朗。顏體筆畫肥厚，筆意凝重。柳體筆意清秀，結(jié)構(gòu)端正

9、，字畫平直，自成一派。一般來(lái)說(shuō)，北宋刻本多效法顏氏書體，南宋多采用歐體。雕板印刷普及后，產(chǎn)生了一種橫細(xì)豎粗、醒目易讀的印刷字體，后世稱為宋體。 2.傳統(tǒng)中國(guó)書的版式設(shè)計(jì)特征 傳統(tǒng)中國(guó)書籍的版式是直排，從上到下、從右到左。 元刻本圖大元大一統(tǒng)志的章節(jié)目錄，文字信息依章節(jié)名、作者、章節(jié)內(nèi)容的順序從右往左排列；在章節(jié)內(nèi)容的編排中，內(nèi)容由大到小的關(guān)系通過(guò)文字上下分級(jí)別的穿插排列，將信息層次清晰的顯示出來(lái)。 明刊本圖三才圖繪中的指南車圖，標(biāo)題位于書眉，頁(yè)面分縱向三欄，正文占一欄，插圖占三分之二欄，空間留白的插圖區(qū)與排列整齊的正文區(qū)之間形成黑白的強(qiáng)烈對(duì)比關(guān)系，使整個(gè)頁(yè)面版式極具裝飾性。（見圖1-3）

10、60;   圖1-3中國(guó)傳統(tǒng)書籍在正文編排的處理上，很早就利用豎排文字間上下穿插的層次關(guān)系來(lái)表現(xiàn)內(nèi)容的信息級(jí)別。 書的正文印在行內(nèi)，為大字單行，書的注釋或批語(yǔ)則以小字雙行印在所注的句或字下，同在一行之內(nèi)。 元代課本、小說(shuō)、雜劇、歷史話本中插圖數(shù)量大量增加，通常在每頁(yè)上端約三分之一為圖，其下約三分之二為正文；這種版式安排說(shuō)明插圖起著裝飾及幫助理解文字的作用，左圖是全相三國(guó)志評(píng)話，是插圖本的典型版式。   課程小結(jié)：上述案例介紹了傳統(tǒng)中國(guó)書在版式設(shè)計(jì)中對(duì)標(biāo)題、文字、插圖處理的一些典型手法。自宋之后，中國(guó)書的版式風(fēng)格已獨(dú)具特征，值得深入挖掘。 推薦閱讀書目：1

11、 張秀民著.中國(guó)印刷史（上、下）M.杭州:浙江古籍出版社,2 熊小明著.中國(guó)古籍版刻圖志M.武漢:湖北人民出版社,3 錢存訓(xùn)著.中國(guó)紙和印刷文化史M .南寧:廣西師范大學(xué)出版社作業(yè)安排：1. 版式設(shè)計(jì)的概念是什么？他包含哪些內(nèi)容？2. 為什么說(shuō)版式設(shè)計(jì)是平面設(shè)計(jì)重要的視覺表達(dá)語(yǔ)言？2收集優(yōu)秀編排設(shè)計(jì)作品實(shí)例，結(jié)合設(shè)計(jì)內(nèi)容對(duì)其形式加以分析。第二章 版式設(shè)計(jì)原則1.教學(xué)目的：通過(guò)理論傳授使學(xué)生掌握版式設(shè)計(jì)的基本原理和基本原則，提高學(xué)生的版式整體概念；通過(guò)專項(xiàng)技能訓(xùn)練培養(yǎng)學(xué)生熟練運(yùn)用版式設(shè)計(jì)的基本原則進(jìn)行版式設(shè)計(jì)應(yīng)用的能力。2.教學(xué)重、難點(diǎn)：（1）重點(diǎn)：版式設(shè)計(jì)整體概念；（2）難點(diǎn)：版式設(shè)計(jì)簡(jiǎn)潔概念

12、。3.教學(xué)方法、手段：教師講授（），啟發(fā)式教學(xué)（），課堂討論（），多媒體教學(xué)（），當(dāng)堂測(cè)驗(yàn)（），提問(wèn)式教學(xué)（），實(shí)驗(yàn)（）。第一節(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ì)的形式語(yǔ)言進(jìn)行分析；在具體教學(xué)環(huán)節(jié)的實(shí)施中強(qiáng)調(diào)設(shè)計(jì)原則的把握，成為版式設(shè)計(jì)課程

13、教學(xué)的重點(diǎn)所在。 一、版式設(shè)計(jì)中的整體概念 專業(yè)的眼光“整體”，是版式設(shè)計(jì)的前提。好的版式設(shè)計(jì)，最終目的是使版面具有條理性，更好的突出主題，達(dá)到最佳的訴求效果。 1.建立信息等級(jí)，以明確的主次關(guān)系傳遞設(shè)計(jì)主題素描可以通過(guò)明暗關(guān)系來(lái)強(qiáng)調(diào)畫面的主次；色彩也能通過(guò)冷暖色調(diào)的對(duì)比來(lái)表現(xiàn)空間與光影，突出對(duì)主體的烘托。版式設(shè)計(jì)中，我們同樣把主次關(guān)系放在首位，從而提示閱讀者那些是重要的信息，在哪里能獲得重要的信息。 面對(duì)紛亂繁雜的信息，版面設(shè)計(jì)就是要從混亂和隨意中找到條理，給閱讀者提供明確閱讀點(diǎn)。成功的版面設(shè)計(jì)應(yīng)該使閱讀者知道哪個(gè)信息最重要，應(yīng)按什么順序來(lái)閱讀從而知曉所要表達(dá)的主題，這種依信息主次的設(shè)計(jì)，稱

14、為信息等級(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í)別為宜，過(guò)多也會(huì)造成另一種混亂。事實(shí)上，“設(shè)計(jì)大綱”一旦編寫完成，明確的分區(qū)也就自然建立起來(lái)。 表現(xiàn)元素的選擇 構(gòu)成版式設(shè)計(jì)的四大元素是標(biāo)題、正文、圖形，我們將此

15、稱為版式中的可見元素、或稱正形；不可見的元素是空白空間，又稱負(fù)形。在對(duì)文本信息進(jìn)行分類的前提下，選擇可見元素中適合傳遞主要信息的最佳元素，比如圖片或標(biāo)題字等，在選擇時(shí)必須要隨時(shí)想到元素中哪些典型的方面或部分能夠集中地提示信息自身。只有通過(guò)對(duì)文本信息的具體分析，才能在設(shè)計(jì)中以獨(dú)特和精確的形式表現(xiàn)主題，使信息傳遞達(dá)到清晰連貫而不至于本未倒置。整體概念就是建立在主題思想的單純而突出的表達(dá)之中。 2.將編排元素抽象化，用以研究黑、白、灰的整體布局我們發(fā)現(xiàn)，在版式設(shè)計(jì)課程的學(xué)習(xí)中，學(xué)生容易關(guān)注版式設(shè)計(jì)中的一些細(xì)節(jié)，諸如變體字的造型、文字繞圖編排、圖形的特效、過(guò)多變化的色彩等，忽略了版面的整體構(gòu)成，而這卻

16、是版式設(shè)計(jì)最先應(yīng)該建立的概念。我們指導(dǎo)學(xué)生學(xué)習(xí)將編排元素抽象化，用點(diǎn)、線、面來(lái)代替具體的編排元素。抽象，就是大腦在完全超脫了具體事物的形象或完全不受它們約束的情況下所進(jìn)行的組織活動(dòng)。抽象的形便于我們拋開細(xì)枝末節(jié)從整體上去把握各編排元素間的構(gòu)成關(guān)系，同時(shí)也便于我們運(yùn)用平面構(gòu)成中黑、白、灰的構(gòu)成原理來(lái)分析版式中的整體布局。 在版式設(shè)計(jì)中，圖形與圖形，圖形與文字，文字與文字之間都是可見的形與形之間的構(gòu)成關(guān)系，學(xué)生經(jīng)過(guò)一定時(shí)間的訓(xùn)練能很快把握；不易把握的是編排元素與空白空間之間正負(fù)形的構(gòu)成關(guān)系，這一點(diǎn)學(xué)生在設(shè)計(jì)中很容易忽略。我們?cè)谧髌贩治鲋校瑥?qiáng)調(diào)將作為正形的編排元素與作為負(fù)形的空白空間在視覺上看成一個(gè)

17、整體，將其統(tǒng)一歸納為黑、白、灰三種空間層次關(guān)系。通過(guò)黑、白、灰的明度對(duì)比，使主題元素更加突出，各編排元素之間建立起先后順序，使信息層次更加分明。版式設(shè)計(jì)中如何把握正負(fù)形之間的整體關(guān)系呢？我們不妨用平面構(gòu)成的原理來(lái)進(jìn)行版式分析。正負(fù)形之間通常表現(xiàn)為三種形態(tài)： 第一，正形大于負(fù)形，并且在感覺上是“明亮的”，形易于從背景中突出。這種方式，反過(guò)來(lái)也能成立，比如，德國(guó)設(shè)計(jì)常常在版式中留出大面積的空白空間，編排元素在版面中面積較小，就是充分運(yùn)用了逆向思維； 第二，正負(fù)形反轉(zhuǎn)；這是形與形構(gòu)成的一個(gè)特例，通常在版式中很少運(yùn)用； 第三，正負(fù)形等值。當(dāng)形的面積之和與空白空間面積之和接近之時(shí)，如果正負(fù)形之間連續(xù)并穿

18、插在一起，形就處在斷裂的狀態(tài)，形的呈現(xiàn)就會(huì)含糊而不明確，這也就是我們常說(shuō)的版式很“亂”，這時(shí)就需要將正形進(jìn)行聚合，構(gòu)成一個(gè)整體形。一旦正形有規(guī)律可循，負(fù)形也會(huì)整體明確，整個(gè)版式就會(huì)變得非常簡(jiǎn)潔。3.簡(jiǎn)潔的圖形構(gòu)成版式的整體感整體而不雜亂的版式設(shè)計(jì)取決于三個(gè)方面，其一，編排元素所形成的外輪廓形；其二，分區(qū)所形成的外輪廓形；其三，空白空間所形成的負(fù)形。形與形之間只有具備簡(jiǎn)潔的外觀，才能使版式呈現(xiàn)出整體的視覺效果。 特別提示: 設(shè)計(jì)中的簡(jiǎn)潔不等于簡(jiǎn)單“簡(jiǎn)單”，主要是從量的角度去考慮。它是指某一個(gè)式樣中只包含著很少幾個(gè)成分，而且成分與成分之間的關(guān)系很簡(jiǎn)單。如果用這種簡(jiǎn)單的形式傳達(dá)一種簡(jiǎn)單的信息，肯定會(huì)

19、產(chǎn)生出簡(jiǎn)單的結(jié)果，在設(shè)計(jì)中，只能導(dǎo)致某種厭倦感和單調(diào)感。 “簡(jiǎn)潔”在設(shè)計(jì)中具有與“簡(jiǎn)單”相對(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í)，它便是簡(jiǎn)潔的；就相對(duì)意義而言，如果一個(gè)版式用盡可能少的結(jié)構(gòu)特征把復(fù)雜的編排元素和信息組織成有秩序的整體時(shí)，我們就說(shuō)這個(gè)版式的設(shè)計(jì)是簡(jiǎn)潔的。任何簡(jiǎn)潔的形式最終都要傳達(dá)出一種遠(yuǎn)遠(yuǎn)超出形式自身的意義，讓讀者有回味的余地。 構(gòu)成簡(jiǎn)潔的方法有以下幾種： 使圖形具有對(duì)稱和規(guī)則的輪廓線根據(jù)平面構(gòu)成的原理，左右對(duì)稱的形較

20、之左右不對(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)整體形的簡(jiǎn)潔程度比各個(gè)組成部分的形的簡(jiǎn)潔程度高，版式就顯得簡(jiǎn)潔，整體就愈顯得統(tǒng)一。但是，如果各個(gè)組成部分的形的簡(jiǎn)潔程度比整體的簡(jiǎn)潔程度高，那么，這些部分形就會(huì)從整體中獨(dú)立出來(lái)，從而破壞整體形的簡(jiǎn)潔性。 空白空間應(yīng)具有形的性質(zhì)版式中的空白空間是提供視覺休息的地方，位于圖形與文字之后，但它不僅僅是作為設(shè)計(jì)的背景而存在，空白空

21、間決定版式設(shè)計(jì)的整體效果，它是一種實(shí)實(shí)在在的形狀，與其它編排元素共同構(gòu)成版面中虛與實(shí)錯(cuò)綜復(fù)雜的空間層次。版式設(shè)計(jì)中，空白空間“形”的性質(zhì)越明確、形狀越有規(guī)律，襯托出其它編排元素相互間的構(gòu)成就越整體。因此，空白空間應(yīng)該被和諧、均勻地用在設(shè)計(jì)中，而不是被四分五裂的分割。設(shè)計(jì)過(guò)程中，要經(jīng)常審視負(fù)形呈現(xiàn)出的整體形狀。二、通過(guò)版式的語(yǔ)言分析建立整體概念如何在版式設(shè)計(jì)中進(jìn)行信息等級(jí)的處理以建立整體概念？如何將抽象化了的編排元素用以研究黑、白、灰的整體布局呢？我們嘗試從優(yōu)秀版式設(shè)計(jì)作品的分析入手導(dǎo)入課程內(nèi)容！ 1.版式設(shè)計(jì)中，信息等級(jí)處理是成功設(shè)計(jì)的關(guān)鍵。 2.理解黑、白、灰關(guān)系在建立版式整體概念中的作用

22、在分析作品中黑、白、灰關(guān)系時(shí)，首先要分析哪些是不變因素，哪些是可變因素。編排元素中，圖片是由攝影師提供給版式設(shè)計(jì)師的作品，通常為不可變的元素，因此，在有圖片的編排中，首先要分析圖片的明度關(guān)系，由此決定其他編排元素在版式中的明度關(guān)系，完成版式整體的黑白灰布局。 純文本信息包含標(biāo)題字、副標(biāo)題、引文、說(shuō)明文、正文幾個(gè)部分，是用來(lái)構(gòu)成畫面黑白灰關(guān)系的主要編排元素。標(biāo)題區(qū)的明度關(guān)系可以通過(guò)字型、大小、粗細(xì)、色彩來(lái)表現(xiàn)；正文區(qū)可以通過(guò)字號(hào)、字型、字間間距、行間間距的不同選擇來(lái)表現(xiàn)灰度層次，這些可變?cè)氐撵`活變化，營(yíng)造出版面的美感和空間感。 某種程度上，平面設(shè)計(jì)就是形狀的安排和組織，通過(guò)分析作品來(lái)建立整體觀

23、，必須在腦中拋開標(biāo)題、文字、視覺資料和其他元素的含義，抽象的去看待它們，通過(guò)將編排元素歸納成幾何形，便于分析形與形之間黑白灰的構(gòu)成關(guān)系，領(lǐng)悟如何將編排元素進(jìn)行整體設(shè)計(jì)的思路。 因此，分析一件設(shè)計(jì)作品，一定要從“整體”入手第二節(jié) 簡(jiǎn)潔概念 成功的設(shè)計(jì)必須盡可能充分而簡(jiǎn)潔地描述內(nèi)容，這就是設(shè)計(jì)中優(yōu)美的定義。 原則上，讀者必須沒有意識(shí)到他們的閱讀行為，導(dǎo)引無(wú)意識(shí)的閱讀才是版式設(shè)計(jì)的成功。 在版式設(shè)計(jì)中，我們的工作并不是要占滿所有的空間，純粹以大量的信息來(lái)打動(dòng)讀者，那樣，讀者只會(huì)被過(guò)多的信息淹沒而不知所措，多，并不意味著好。在使用字體、圖片或其它任何符號(hào)時(shí)，都必須要精練。如果達(dá)不到什么目的，或僅僅為了

24、裝飾，就不要用。盡管近年來(lái)我們看到了大量的令人眼花繚亂的設(shè)計(jì)作品，但設(shè)計(jì)質(zhì)量的好壞是與它的簡(jiǎn)潔和清晰成正比的。設(shè)計(jì)中的簡(jiǎn)潔不等于簡(jiǎn)單。 “簡(jiǎn)單”，主要是從量的角度去考慮。是指在一個(gè)版式中只包含著很少幾個(gè)元素，而且元素與元素之間的構(gòu)成關(guān)系過(guò)于簡(jiǎn)單而致。如果用這種簡(jiǎn)單的形式傳達(dá)信息，肯定會(huì)產(chǎn)生出單調(diào)的結(jié)果，在設(shè)計(jì)中，單調(diào)往往導(dǎo)致厭倦感的產(chǎn)生。 “簡(jiǎn)潔”在設(shè)計(jì)領(lǐng)域里具有與“簡(jiǎn)單”相對(duì)立的另一層含意。一個(gè)好的設(shè)計(jì)縱然表面上看似乎“簡(jiǎn)單”，但內(nèi)含的復(fù)雜性和豐富性一定是存在的。 當(dāng)某一個(gè)設(shè)計(jì)被譽(yù)為具有簡(jiǎn)潔性時(shí)，表示這件作品把豐富的意義和多樣化的形式凝火束在一個(gè)統(tǒng)一的結(jié)構(gòu)中。在這個(gè)結(jié)構(gòu)中，所有細(xì)節(jié)不僅各得其

25、所，而且毫不多余。 因此，用構(gòu)成一個(gè)版式的結(jié)構(gòu)特征數(shù)目的多少來(lái)解釋簡(jiǎn)潔，就絕對(duì)意義而言，當(dāng)一個(gè)版式只包含少數(shù)幾個(gè)結(jié)構(gòu)特征時(shí)，它便是簡(jiǎn)潔的；就相對(duì)意義而言，如果一個(gè)版式用盡可能少的結(jié)構(gòu)特征把復(fù)雜的編排元素和信息組織成有秩序的整體時(shí)，我們就說(shuō)這個(gè)版式的設(shè)計(jì)是簡(jiǎn)潔的。 任何簡(jiǎn)潔的形式最終都要傳達(dá)出一種遠(yuǎn)遠(yuǎn)超出形式自身的意義，讓閱讀者有回味的余地。就像八大山人的花鳥，極簡(jiǎn)卻蘊(yùn)含極豐富的內(nèi)容。因此，簡(jiǎn)潔要求主題內(nèi)容與呈現(xiàn)這個(gè)主題的形式結(jié)構(gòu)之間達(dá)到圓滿的一致。 重點(diǎn)提示 讀者下意識(shí)的閱讀習(xí)慣 從左往右看 從頂部開始，再沿著頁(yè)面一直往下 出版物的各頁(yè)是相互關(guān)聯(lián)的 鄰近相連而遠(yuǎn)距離則意味著分開 大而深的是重要

26、的，小而淺的是次重要的 任何事物都有形狀，包括“空”的空間 作為一個(gè)設(shè)計(jì)師，在設(shè)計(jì)時(shí)，應(yīng)遵循讀者的閱讀習(xí)慣，任何一種逆向設(shè)計(jì)，都應(yīng)慎重考慮。 案例分析與課程小結(jié)：優(yōu)秀作品整體分析案例一 在本設(shè)計(jì)中，我們將產(chǎn)品、標(biāo)題、副標(biāo)題、正文這些具體的編排元素抽象成矩形，用色彩或不同明度的灰進(jìn)行表現(xiàn)。通過(guò)這種歸納，我們看到，整個(gè)版式是通過(guò)這幾個(gè)大的幾何形共同構(gòu)成了畫面的整體關(guān)系。 基于此，我們進(jìn)一步關(guān)注細(xì)部的處理，圖中副標(biāo)題的塊面由白線破外輪廓形，正文塊面由一行黑字穿插其中，形成矩形內(nèi)部豐富的黑白灰關(guān)系，使局部變化生動(dòng)有趣而又不破壞整體效果 圖2-1設(shè)計(jì)，同其他的許多事物一樣，是形狀的安排和組織，通過(guò)分析作

27、品來(lái)建立整體觀，必須在腦中拋開標(biāo)題、文字、視覺資料和其他元素的含義，抽象的去看待它們，嘗試將它們歸納成幾何形，以此分析形與形之間構(gòu)成的黑白灰關(guān)系，領(lǐng)悟如何將編排元素進(jìn)行整體設(shè)計(jì)的思路。（見圖2-1） 優(yōu)秀作品整體分析案例二在本設(shè)計(jì)中，我們用黑白灰的關(guān)系對(duì)版式進(jìn)行整體分析。深色圖片為黑色區(qū)域，圖片說(shuō)明文為高明度灰色區(qū)域，與右下方的空白區(qū)域一同構(gòu)成視覺上的白色區(qū)域；引文及正文共同構(gòu)成中明度灰色區(qū)域；說(shuō)明文為高明度灰色區(qū)域，穿插進(jìn)正文中，與正文形成前后空間關(guān)系。因此，在這張對(duì)開頁(yè)的設(shè)計(jì)中，不同明度的灰色塊面構(gòu)成弱對(duì)比安排在左頁(yè)，黑與白的強(qiáng)比關(guān)系安排在右頁(yè)，構(gòu)成整張頁(yè)面的重點(diǎn)，左右頁(yè)之間主次關(guān)系一目了

28、然。（見圖2-2） 圖2-2進(jìn)一步分析左頁(yè)中信息等級(jí)的設(shè)計(jì)。為了突出右頁(yè)的重點(diǎn)，引文與正文的在明度關(guān)系上保持一致，形成一個(gè)整體。設(shè)計(jì)師巧妙的通過(guò)對(duì)引文位置的安排和色彩的點(diǎn)綴，使引文與正文之間構(gòu)成局部的主次關(guān)系，將信息級(jí)別清晰的表現(xiàn)出來(lái)。作業(yè)安排：1運(yùn)用點(diǎn)、線、面分析優(yōu)秀編排設(shè)計(jì)作品。2如何理解版式設(shè)計(jì)中的整體概念？并舉例說(shuō)明。3.試擬定不同的主題，分別用本章所學(xué)版式設(shè)計(jì)整體概念原則，運(yùn)用文、圖元素進(jìn)行編排練習(xí)。第三章 版式設(shè)計(jì)原理1.教學(xué)目的：通過(guò)本章學(xué)習(xí)通過(guò)理論傳授使學(xué)生掌握版式設(shè)計(jì)的基本設(shè)計(jì)原理，提高學(xué)生對(duì)版式整體概念的理解；通過(guò)專項(xiàng)技能訓(xùn)練培養(yǎng)學(xué)生熟練運(yùn)用版式設(shè)計(jì)的基本原理進(jìn)行版式設(shè)計(jì)應(yīng)

29、用的能力。2.教學(xué)重、難點(diǎn)：（1）重點(diǎn)：版式設(shè)計(jì)分類原理；（2）難點(diǎn)：版式設(shè)計(jì)分類原理。3.教學(xué)方法、手段：教師講授（），啟發(fā)式教學(xué)（），課堂討論（），多媒體教學(xué)（），當(dāng)堂測(cè)驗(yàn)（），提問(wèn)式教學(xué)（），實(shí)驗(yàn)（）。第一節(jié) 分類 在廣告無(wú)處不在的今天，大多數(shù)消費(fèi)者都有這樣一個(gè)習(xí)慣回避，不愿意多費(fèi)神去挖掘信息的含義及其重要性，如何讓你的廣告吸引消費(fèi)者的汪意力，這就需要設(shè)計(jì)人員對(duì)廣告涉及的信息進(jìn)行分類，從混亂中理出頭緒，從而導(dǎo)引消費(fèi)者的目光。 設(shè)計(jì)的過(guò)程是一個(gè)從各級(jí)別信息中篩選找到最重要信息元素的過(guò)程。這個(gè)過(guò)程分幾個(gè)階段完成。首先要去掉大量沒有價(jià)值的信息，然后，在相對(duì)重要的信息中仔細(xì)尋找，逐漸分離，最后找

30、出最重要的信息，設(shè)計(jì)師以此來(lái)提高它的重要性，并把它呈現(xiàn)在讀者面前。 一、同類合并原則 信息等級(jí)處理是成功設(shè)計(jì)的關(guān)鍵。 首先，面對(duì)一項(xiàng)設(shè)計(jì)任務(wù)，必須認(rèn)真閱讀文本，通過(guò)對(duì)信息進(jìn)行分類和歸納，在文本中將信息等級(jí)一一標(biāo)注清楚，諸如標(biāo)題、副標(biāo)題、子標(biāo)題、引文或說(shuō)明文、正文等，對(duì)不同級(jí)別的信息含量（特別是正文所占的面積）做到心中有數(shù)，這樣，在設(shè)計(jì)時(shí)就能有意識(shí)地將同類同級(jí)別的信息合并在同一個(gè)區(qū)域內(nèi)。事實(shí)上，一旦這個(gè)工作完成，大的文字分區(qū)也就自然完成，接下來(lái)就是如何安排這些編排元素了。 具體設(shè)計(jì)時(shí)，還應(yīng)對(duì)與文本相關(guān)的圖片信息進(jìn)行細(xì)分類，找出圖片與文字之間的關(guān)系進(jìn)而同類合并，使文字與圖片一一對(duì)應(yīng)，形成明晰的信息

31、級(jí)別。 信息級(jí)別的尋找通常以三到四個(gè)級(jí)別為宜，過(guò)多也會(huì)造成另一種混亂。 好的版式設(shè)計(jì)，清晰明確的信息級(jí)別能輕松引導(dǎo)受眾依據(jù)重要性依次遞減原理進(jìn)行瀏覽，主題與內(nèi)容一目了然，避免無(wú)序紛亂的信息給人造成的不明確感覺。 二、確定中心內(nèi)容 面對(duì)大量信息，如何在版面中清晰明了的表現(xiàn)，這就需要確定中心內(nèi)容。 正確的選擇中心內(nèi)容依賴于你的意圖、市場(chǎng)和消費(fèi)者所關(guān)注的方面。 1.使一個(gè)內(nèi)容成為中心內(nèi)容就是使其他內(nèi)容變得不太顯眼的過(guò)程。因此，有些內(nèi)容必須變小。不要將所有的東西都變得很大，否則就沒有人看它們。 2.在同類合并的原則下，還需對(duì)各類的中心內(nèi)容進(jìn)行強(qiáng)調(diào)，中心內(nèi)容的確定，具體而言就是對(duì)合并在同一信息級(jí)別中的內(nèi)

32、容進(jìn)行再分析，分清主次，由此決定黑、白、灰的分布。選擇不同的中心內(nèi)容是建立不同布局的一個(gè)好途徑，同時(shí)，在布局中因突出的中心內(nèi)容不同，讓不同的內(nèi)容形成對(duì)比，就自然會(huì)出現(xiàn)無(wú)數(shù)種可能的創(chuàng)意方案。 通常，每一信息級(jí)別中都可以確定一個(gè)中心內(nèi)容，但是主要信息級(jí)別內(nèi)，中心內(nèi)容的確定以表達(dá)主題為目的，不能任意選擇。次要信息級(jí)別中，可以有針對(duì)性的選擇不同的中心內(nèi)容，建立不同的布局，創(chuàng)意方案自然會(huì)出現(xiàn)無(wú)數(shù)種可能。 3.并不是每個(gè)字、每個(gè)內(nèi)容都有著同樣的價(jià)值，如果你堅(jiān)持給每個(gè)字以同等的重視，則設(shè)計(jì)的可選擇性就很小了。 三、鄰近原則 我們知道，同類合并原則是指導(dǎo)文本信息的分類，以確定中心內(nèi)容。 鄰近原則是指導(dǎo)版式設(shè)計(jì)

33、中各分類信息的編排和放置。 在版式設(shè)計(jì)中，鄰近原則就是使同一信息級(jí)別的編排元素盡量靠近一些，編排元素之間的距離越接近，在編排中就會(huì)被看作是整體中的“一員”；同樣，不同信息級(jí)別的編排元素之間盡量拉開距離。明確的分區(qū)使信息條理化，如果信息級(jí)別在分區(qū)中的 圖3-1距離、位置含糊不清，將會(huì)導(dǎo)致信息傳遞的不通暢。 重點(diǎn)提示一 1.一張宣傳單上最重要的就是要有一個(gè)能夠吸引注意力的中心內(nèi)容。（見圖3-1） 對(duì)于圖片，根據(jù)需要，可以用特殊的方式來(lái)剪載；對(duì)于文字，放大字體，或重疊或穿插，用不同方法來(lái)增加整個(gè)畫面中的對(duì)比或者是使用不同的字體，例如：與大標(biāo)題形成對(duì)比的小標(biāo)題可以讓讀者快速瀏覽這個(gè)宣傳單上的主要信息。

34、 2.使一個(gè)內(nèi)容成為中心內(nèi)容就是使其他內(nèi)容變得不太顯眼的過(guò)程。中心內(nèi)容一旦確定，其它信息內(nèi)容在編排時(shí)就要有意識(shí)的減弱或變小，不要將所有的東西都變得很大，否則就沒有人看它們。 3.并不是每個(gè)字、每個(gè)內(nèi)容都有著同樣的價(jià)值，如果你堅(jiān)持給每個(gè)字以同等的重視，則設(shè)計(jì)的可選擇性就很小了。 重點(diǎn)提示二 設(shè)計(jì)草圖 1.創(chuàng)意思維的源泉草圖 草圖是思維的物化，研究的心得，是記錄夢(mèng)想、幻想、想像的手段，它告訴人們最初的創(chuàng)意如何萌芽，如何推敲與完善。 對(duì)于學(xué)習(xí)設(shè)計(jì)的人而言，研究大師的草圖，是一種快捷而有效的學(xué)習(xí)方式，因?yàn)閺拇髱熢O(shè)計(jì)過(guò)程的展示中，可以感受到設(shè)計(jì)家奇思異想的源流，聰穎睿智的根本。同時(shí)，從草圖中我們還得以見

35、到設(shè)計(jì)師可能受到的同時(shí)代藝術(shù)風(fēng)格的某些因素的影響，并且是如何在草圖中加以修正和改造，逐漸形成了個(gè)人的風(fēng)格和語(yǔ)言。現(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)域中解決的問(wèn)題不同，草圖的表現(xiàn)又各有側(cè)重（見圖3-2）。 圖3-2這些都是我們學(xué)習(xí)創(chuàng)意、表現(xiàn)手法、風(fēng)格、進(jìn)行設(shè)計(jì)理論研究的源泉，給我們?cè)S多有益的啟迪。 2.優(yōu)化方案重要的設(shè)計(jì)環(huán)節(jié) 要養(yǎng)成想到就畫的好習(xí)慣，每個(gè)點(diǎn)子，只有畫下來(lái)才能知道好還是不好！ 草圖是給設(shè)計(jì)提供多種選擇的方案，反復(fù)修改、推敲，改變各種元素在紙上的位置和大小，可以得到全新的創(chuàng)意。 草圖完成后，還要作

36、進(jìn)一步的研究，審視這些草圖的可取之處和不足之處，進(jìn)行歸納和提煉，我們將這一過(guò)程稱為優(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)系，從而完成整體布局。（見圖3-3）圖3-3一、黑、白、灰關(guān)系 在版式設(shè)計(jì)中，圖形與圖形，圖形與文字，文字與文字、編排元素與背景之間，無(wú)論表現(xiàn)為有彩色或無(wú)彩色，我們?cè)诜治鲋校荚谝曈X上整體歸納為黑、白、灰三種空間層次關(guān)系。通過(guò)黑、白、灰的明度對(duì)比，使某些元

37、素比其它元素更突出，各編排元素之間建立起先后順序，使信息層次更加分明。 如何在版式設(shè)計(jì)中進(jìn)行編排元素的黑白灰構(gòu)成呢，我們從分析作品入手導(dǎo)入課程內(nèi)容！ 1.圖片 是由攝影師提供給版式設(shè)計(jì)師的作品，通常為不可變的元素，因此，在有圖片的編排中，首先要分析圖片的明度關(guān)系，以確定在版式中的黑白灰布局，并由此決定其他編排元素在版式中的明度關(guān)系。 2文字類信息 純文本信息包含標(biāo)題字、副標(biāo)題、引文、說(shuō)明文、正文幾個(gè)部分，是用來(lái)構(gòu)成畫面黑白灰關(guān)系的主要編排元素。標(biāo)題區(qū)的明度關(guān)系可以通過(guò)字型、大小、粗細(xì)、色彩來(lái)表現(xiàn)；正文區(qū)可以通過(guò)字號(hào)、字型、字間間距、行間間距的不同選擇表現(xiàn)出不同的灰度層次，它的靈活變化，營(yíng)造出版

38、面的美感和空間感。 二、面構(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ù)形。（見圖3-4）圖3-4 為了加強(qiáng)編排的整體概念，我們應(yīng)有意識(shí)地將文字作面的編排，理解文字在版式中所占的面積大小及形成的黑白灰視覺效果。 1.通過(guò)實(shí)踐把握不同字號(hào)的文字形成的面積

39、大小。 正確的估算分類后的引文與正文的字?jǐn)?shù)在版面中所占的面積，可以在草圖構(gòu)思中正確定位分區(qū)大小。 2.通過(guò)實(shí)踐把握不同字型、字號(hào)、行距、字間距所形成的面的明度關(guān)系。文字的字體、字號(hào)、粗細(xì)、行距、字距的選擇不同，在版式設(shè)計(jì)中形成的面的明度也有所不同，由此決定版式構(gòu)成中黑白灰的整體布局。文案的群組化是避免版面空間散亂狀態(tài)的有效方法。                      

40、60;             案例分析與課程小結(jié)： 重點(diǎn)提示一 1.注意細(xì)節(jié)的處理，最黑的小標(biāo)題放在了空白空間中，形成黑白強(qiáng)對(duì)比。（見圖3-5） 2.當(dāng)版式中有底色時(shí)，一定要首先把底色的明度分析出來(lái)，那么白的概念就需要有意識(shí)的留出空白空間來(lái)加以表現(xiàn)。3.當(dāng)版式中有圖片時(shí)，作為不變因素， 圖3-5也必須將其明度分析出來(lái)，使其成為其它編排元素布局時(shí)黑白灰整體構(gòu)成的參考因素。 重點(diǎn)提示二 目錄（索引）設(shè)計(jì) 1.書的目錄是讀者購(gòu)書時(shí)首先瀏覽的頁(yè)面，重點(diǎn)突出，導(dǎo)航清晰，編排舒適是設(shè)計(jì)

41、的重點(diǎn)。 2.要有意識(shí)地注意你所看到的每本雜志、書籍或者報(bào)刊的目錄頁(yè)設(shè)計(jì)。注意不同的內(nèi)容是如何組合，運(yùn)用了多少種字體，是如何在字體和排版上運(yùn)用對(duì)比以便找出重要信息，是怎樣把主題進(jìn)行同類合并。另外，還應(yīng)看看雜志中的目錄和圖片是如何結(jié)合在一起；注意對(duì)齊方式、字體的重復(fù)及對(duì)比的運(yùn)用。 3.目錄和索引甚至比其他一些設(shè)計(jì)項(xiàng)目更需要功能與外觀并重。 注意： 目錄設(shè)計(jì)的重點(diǎn)是指引線（即指示頁(yè)數(shù)的一行點(diǎn)）。 不要使用不相配的指引線，同時(shí)要學(xué)會(huì)調(diào)整指引線間的間隔，使整體視覺效果舒適。 不要鍵入一個(gè)又一個(gè)的句號(hào)來(lái)充當(dāng)指引線。因?yàn)檫@些句號(hào)的排列肯定很不規(guī)則，學(xué)會(huì)使用相關(guān)軟件“自動(dòng)加入指引線”的功能。 即使有指引線，

42、也不要把頁(yè)碼數(shù)字與標(biāo)題之間的距離分得太開。 目錄中的章與節(jié)非常清晰，同一章節(jié)的信息盡量靠近，不同章節(jié)的信息應(yīng)拉開一定距離，注意運(yùn)用鄰近原則。 不要過(guò)于強(qiáng)調(diào)信息級(jí)別的層次而把頁(yè)面變得很亂，牢記整體概念。第三節(jié) 分欄一、 網(wǎng)格1.網(wǎng)格概念信息內(nèi)容有著它自己的內(nèi)在結(jié)構(gòu)和固定的組成部分，需要一定的鑒賞力去揭開各部分的相互連續(xù)性，網(wǎng)格為設(shè)計(jì)提供了一個(gè)基本的框架，幫助形成清楚、連貫的信息關(guān)系和易懂的頁(yè)面，給設(shè)計(jì)一種內(nèi)在凝聚力。什么是網(wǎng)格？網(wǎng)格是一種包含一系列等值空間（網(wǎng)格單元）或?qū)ΨQ尺度的空間體系。它在形式和空間之間建立起一種視覺和結(jié)構(gòu)上的聯(lián)系。形式和空間的位置及其相互關(guān)系通過(guò)二維網(wǎng)格來(lái)限定。網(wǎng)格的構(gòu)圖能

43、力來(lái)自于所有元素之間的規(guī)則形和連續(xù)性，它能夠決定一個(gè)頁(yè)面上元素的零散或整齊程度、頁(yè)面上插圖和文字的比例，通過(guò)網(wǎng)格建立連續(xù)的秩序或參考區(qū)域，從而產(chǎn)生普遍聯(lián)系。網(wǎng)格由垂直線與水平線相交構(gòu)成網(wǎng)格單元，網(wǎng)格單元之間的空白區(qū)域稱為分隔線。網(wǎng)格的表現(xiàn)：首先，在版式四周要留出頁(yè)邊，采用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)格一旦建立，各欄文字或圖片的寬度、長(zhǎng)度便可以隨便調(diào)整，

44、并且可以占用多個(gè)網(wǎng)格單元）。網(wǎng)格使用原則：對(duì)以文本為主的版式，通常使用兩欄或三欄簡(jiǎn)單的網(wǎng)格。對(duì)于以插圖、圖片為主的版式，通常使用三欄以上復(fù)雜的網(wǎng)格。網(wǎng)格越復(fù)雜，你的設(shè)計(jì)就越具有靈活性，當(dāng)然難度把握就越大，需要長(zhǎng)期的經(jīng)驗(yàn)積累。 2.網(wǎng)格分類一次性運(yùn)用于設(shè)計(jì)作品的網(wǎng)格這類網(wǎng)格通常一次性用于設(shè)計(jì)項(xiàng)目之中，不反復(fù)使用。對(duì)于一些復(fù)雜的信息，如表格、科學(xué)數(shù)據(jù)、名單和一些重復(fù)的元素，如標(biāo)題、多幅圖片和正文，在特定的頁(yè)面和版幅上都需要設(shè)計(jì)網(wǎng)格進(jìn)行定位，使復(fù)雜的信息條理化。提示： 圖3-6 2縱列、6縱列和5縱列網(wǎng)格是最基本的標(biāo)準(zhǔn)網(wǎng)格。 2縱列網(wǎng)格把設(shè)計(jì)空間分為4部分；而6縱列網(wǎng)格是在各頁(yè)上再分3縱列； 5縱列

45、網(wǎng)格可以單獨(dú)使用，也可以兩個(gè)大縱列加一個(gè)小縱列合并使用（見圖3-6）。用于多頁(yè)面或多主題出版物的網(wǎng)格系統(tǒng)網(wǎng)格可以提供一個(gè)重復(fù)使用的系統(tǒng)，使設(shè)計(jì)過(guò)程和出版周期達(dá)到一體化，許多最基本的設(shè)計(jì)元素因網(wǎng)格系統(tǒng)得以保留，每次使用時(shí)只需作局部的修改，保持了出版物特有的風(fēng)格。本小節(jié)僅對(duì)網(wǎng)格的基本概念作一些介紹。網(wǎng)格構(gòu)成設(shè)計(jì)是一門學(xué)問(wèn)，可以參考相關(guān)專業(yè)書籍進(jìn)行深入學(xué)習(xí)。網(wǎng)格系統(tǒng)：或稱為標(biāo)準(zhǔn)尺寸系統(tǒng)、程序版面設(shè)計(jì)、比例版面設(shè)計(jì)、瑞士版面設(shè)計(jì)、或歐洲形式（與美國(guó)的自由版面形式相對(duì)而言），它的源流可追溯到20世紀(jì)20年代的構(gòu)成主義。網(wǎng)格設(shè)計(jì)不是簡(jiǎn)單地把文字和圖片并列放置在一起，而是從畫面結(jié)構(gòu)中的相互聯(lián)系發(fā)展出來(lái)的一種

46、形式法則。50年代才在歐洲定型為版面設(shè)計(jì)形式。它的特征是重視比例感、秩序感、連續(xù)感、清晰感、時(shí)代感、準(zhǔn)確性和嚴(yán)密性。著名的瑞士設(shè)計(jì)師約瑟夫米勒布羅克曼說(shuō)：“網(wǎng)格使得所有的設(shè)計(jì)因素字體、圖片、美術(shù)之間的協(xié)調(diào)一致成為可能。網(wǎng)格設(shè)計(jì)就是把秩序引入設(shè)計(jì)中去的一種方法?！保ㄒ妶D3-7）圖3-73.如何構(gòu)成簡(jiǎn)單的網(wǎng)格簡(jiǎn)單些的網(wǎng)格通常比復(fù)雜的網(wǎng)格更好掌握，一般分成五個(gè)、七個(gè)欄目的網(wǎng)格，普遍情況下都較為實(shí)用，而且用起來(lái)很有趣，因?yàn)樗幸欢ǖ倪x擇余地，但過(guò)分復(fù)雜的網(wǎng)格因選擇的余地過(guò)大，好像到處都是網(wǎng)格，也會(huì)毫無(wú)用處，因?yàn)榫W(wǎng)格單位太小，讀者就很難看清它的條理。有條理的設(shè)計(jì)來(lái)自于流暢的結(jié)構(gòu)，它能按順序地從一個(gè)元素到

47、另一個(gè)元素進(jìn)行引導(dǎo)。（見圖3-8）網(wǎng)格構(gòu)成方法：圖3-8分析優(yōu)秀設(shè)計(jì)作品，解讀網(wǎng)格的構(gòu)成規(guī)律和形式。首先，在速寫本上通過(guò)目測(cè)分析出優(yōu)秀版式設(shè)計(jì)的基本網(wǎng)格結(jié)構(gòu)并繪制出來(lái)。這一步非常重要，它可以訓(xùn)練視覺迅速捕捉出基本網(wǎng)格結(jié)構(gòu)線，減少對(duì)電腦分析的過(guò)于依賴或者依葫蘆畫瓢的錯(cuò)誤分析方法。其次，將優(yōu)秀版式設(shè)計(jì)輸入進(jìn)電腦，在軟件中進(jìn)行分析。確定主要信息元素位置，以此延伸外形輪廓線，在版式中構(gòu)成基本框架根據(jù)信息等級(jí)整體布局，依主要元素延伸獲得網(wǎng)格結(jié)構(gòu)線。 二、版式中的線版式中的線包括三種：由字的編排構(gòu)成的線、視覺引導(dǎo)線、幾何線。1. 字有秩序的編排構(gòu)成線 在平面構(gòu)成中我們知道點(diǎn)的移動(dòng)可以構(gòu)成線，設(shè)計(jì)中常常將字

48、符作為點(diǎn)進(jìn)行線的編排，通過(guò)字體、粗細(xì)、大小構(gòu)成不同明度的線（見圖3-9）。圖3-92.視覺引導(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)為水平線、垂直線、曲線、斜線。3.幾何線幾何線表現(xiàn)為可視的網(wǎng)格分區(qū)線和裝飾線。用線分割版面的設(shè)計(jì)網(wǎng)格線通常是隱性的，僅起定位作用，沒經(jīng)過(guò)專業(yè)訓(xùn)練的受眾不易發(fā)現(xiàn)。但是，版式設(shè)計(jì)師有時(shí)也別出心裁的使優(yōu)美的網(wǎng)格結(jié)構(gòu)線躍然紙上，成為可視線條。設(shè)計(jì)

49、時(shí)，應(yīng)將網(wǎng)格線視為裝飾元素作整體上的安排，切不可讓縱橫密布的網(wǎng)格線影響信息的傳遞。用線裝飾編排元素的設(shè)計(jì)在版式中，編排元素時(shí)常用線來(lái)裝飾，引起視覺關(guān)注。當(dāng)引文需要強(qiáng)調(diào)時(shí)，用線作為裝飾，將引文與正文加以區(qū)別。正文中，裝飾線條可以將正文進(jìn)行平級(jí)信息分區(qū)；同時(shí)，線條也可以用在單詞下方，對(duì)正文中重點(diǎn)內(nèi)容起強(qiáng)調(diào)作用。用線框來(lái)限定版式中的編排元素線框可以用來(lái)加強(qiáng)某種編排元素視覺效果，使其在整體中顯得特別出眾。當(dāng)被強(qiáng)調(diào)的對(duì)象是說(shuō)理性很強(qiáng)的文字或圖形時(shí)，可用有規(guī)律的幾何形線框來(lái)限定它，使形式與內(nèi)容完美統(tǒng)一。用線來(lái)裝飾整體版面的設(shè)計(jì)，常用于展開頁(yè)的整體設(shè)計(jì)，起到連貫信息的目的。 三、重復(fù)原則 同樣的形在一個(gè)設(shè)計(jì)

50、中多次使用，稱為重復(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é)合等。（見圖3-10）1.重復(fù)構(gòu)成方法依據(jù)對(duì)文本的分類，找出重復(fù)的內(nèi)容（標(biāo)題的樣式、段間間距、圖形等元素）,分區(qū)設(shè)計(jì)時(shí)有意識(shí)重復(fù)各區(qū)域的外形，重復(fù)各級(jí)分組及它們的對(duì)齊方式，并將這種設(shè)計(jì)特征運(yùn)用于不同的頁(yè)面重復(fù)使用，以便讓讀者能夠看懂組織結(jié)構(gòu)。這個(gè)理念可以應(yīng)用到設(shè)計(jì)的

51、每個(gè)內(nèi)容中：要有意識(shí)的去做。 2.重復(fù)的形式 線性重復(fù)：按同一方向同樣間距重復(fù)形。 二維重復(fù)：多行的單元形或組規(guī)則重復(fù)。 三維重復(fù)：產(chǎn)生空間和結(jié)構(gòu)網(wǎng)格系統(tǒng)。圖3-10案例分析與課程小結(jié)：重點(diǎn)提示 版式中的對(duì)比運(yùn)用對(duì)比可以幫助設(shè)計(jì)作品具備層次感，而層次感就是觀眾接受信息的順序，即他們能理解哪些是重要的信息，哪些是次要的。對(duì)比的把握： 為各種元素安排一個(gè)規(guī)則的體系，然后打破這個(gè)體系。 圖形：在大小比例上設(shè)計(jì)一個(gè)出其不意的變化。文字：把語(yǔ)言重點(diǎn)轉(zhuǎn)換成視覺重點(diǎn)最常用的是大小的對(duì)比。 把某一元素移出它原有的位置（見圖3-11）。 去除某一預(yù)料之中的元素。改變某一元素量。圖3-11 同類合并原則如何指導(dǎo)設(shè)

52、計(jì)案例分析一 翻閱一些精美的期刊雜志，我們常常感嘆于優(yōu)秀設(shè)計(jì)中標(biāo)題字的穿插、重疊技巧，通常這些技巧的應(yīng)用是建立在同類合并原則的基礎(chǔ)上，也就是找出標(biāo)題中的信息等級(jí)與中心內(nèi)容。我們分析一下這一組英語(yǔ)標(biāo)題字（見圖3-12），in the 屬付詞，可以用小寫體表現(xiàn)；girl,city是名詞，也是句子中的主要信息內(nèi)容，其中g(shù)irl又是最重要的中心詞，因此用黑色表現(xiàn)，city與girl字體大小相同，用白色表現(xiàn)，重點(diǎn) 圖3-12突出而又使主次拉開距離。這種主次關(guān)系看似是以一種不經(jīng)意的方式表現(xiàn)，而這個(gè)中理由只有通過(guò)分析才可以明了；New是定語(yǔ)，所以放在被修飾詞girl的前面，穿插關(guān)系就這樣建立起來(lái)（見圖3-1

53、2）。 理解分區(qū)概念中黑白灰關(guān)系優(yōu)秀作品案例分析二 通常編排元素在白紙上進(jìn)行布局時(shí)，我們都將白底作為黑白灰中的白，用其它元素來(lái)構(gòu)成版式中的黑或不同明度的灰，黑白灰的整體關(guān)系易于理解。 圖3-13這是一頁(yè)純文本的編排（見圖3-13），這張作品中，增加了一個(gè)深色色底，那么如何理解黑白灰的概念呢？事實(shí)上，平面構(gòu)成中黑白灰關(guān)系是相對(duì)的。在這張版式中，底色為中明度的灰，標(biāo)題字為黑，說(shuō)明文、引文、正文構(gòu)成不同明度的灰。那么白的概念如何表現(xiàn)呢？在這里，它是由版式左邊大面積的空白空間構(gòu)成的。 這就是為什么在版式設(shè)計(jì)中空白空間顯得尤為重要的原因。 理解分區(qū)概念優(yōu)秀作品案例分析三這是一頁(yè)以圖片為主的版式設(shè)計(jì)（見圖

54、3-14）。大型時(shí)裝雜志的時(shí)裝攝影是由專業(yè)時(shí)裝攝影師完成，圖片本身的光線和動(dòng)態(tài)都經(jīng)過(guò)攝影師的精心安排，在編排設(shè)計(jì)中屬不變因素，也是時(shí)裝雜志所要表現(xiàn)的中心內(nèi)容。版式中的黑白灰關(guān)系，主要依圖片的明度來(lái)進(jìn)行布局和調(diào)整。見圖3-14圖中，為突出圖片，文字區(qū)的編排在明度上的考慮就必須是減弱而不是加強(qiáng)，以中灰度為宜，同時(shí)，也與墻面的灰色層次相近，使文字與墻面融為一體。右圖中，中灰度的文字區(qū)與條紋襯衣的明度層次相近，形成一個(gè)整體的色彩分區(qū)，畫面的黑色區(qū)域在頭部或褲子上，底為白色；在文字區(qū)內(nèi)，標(biāo)題字與正文在字體、色彩上都是一致的，僅大小有所區(qū)別，這種考慮是基于整體概念。想想看，如果這時(shí)要把文字區(qū)放在頁(yè)面上方，

55、應(yīng)選擇什么明度的色彩來(lái)處理文字？二種方案：深色和高明度淺色。并且淺色字是首選方案，因?yàn)闇\色字的編排不影響腿部的曲線，使模特的動(dòng)態(tài)保持完整。如果是深色字，與褲子的顏色融為一體，無(wú)形中就破壞了腿部的優(yōu)美曲線。 理解版式中的對(duì)比優(yōu)秀作品案例分析四本設(shè)計(jì)是一張廣告（見圖3-15）。左圖中由于狗的圖形太怪異，一旦看見，你就無(wú)法停止地看著它，甚至可能引導(dǎo)你忽視廣告文字的閱讀。因此，有必要對(duì)版式中的編排元素進(jìn)行調(diào)整，以便將其它信息內(nèi)容通暢的傳遞。圖中，將布局的焦點(diǎn)進(jìn)行擴(kuò)大，看看能達(dá)到什么程度，大幅的黑狗照片與白色背景形成鮮明對(duì)比，成為吸引受眾眼睛的視覺磁場(chǎng)。說(shuō)明文放在狗背上不影響外輪廓形，如果再為狗的抽象外形配上意想不到的顏色，就能將令人稱絕的視覺效果再提高一個(gè)層次。對(duì)比方法主要是通過(guò)使用大膽的圖形、令人驚奇的照片和引人注