1、.,第二部分 版式設(shè)計,.,2,作為設(shè)計專業(yè)的學(xué)生，在進(jìn)入到一門新的課程 環(huán)節(jié)之前，要習(xí)慣提出以下幾個問題：,這門課程的學(xué)習(xí)目的是什么？ 這門課程將要解決什么問題？ 這門課程的主要構(gòu)成要素是什么？ 這些要素有什么用？ 需要怎樣組合它們才能達(dá)到設(shè)計目的？,.,第一章、版式設(shè)計的概念,定義：即在有限的版面空間里，將版面構(gòu)成要素 -文字字體、圖片圖形、線條線框和顏色色塊諸 因素，根據(jù)特定內(nèi)容的需要進(jìn)行組合排列，并運 用造型要素及形式原理，把構(gòu)思與計劃以視覺形 式表達(dá)出來。 版式設(shè)計的范圍可涉及到報紙、雜志、書籍、 畫冊、產(chǎn)品樣本、掛歷、招貼、唱片封套等平面 設(shè)計的各個領(lǐng)域，它的設(shè)計原理和理論貫穿于每

2、一 個平面設(shè)計的始終。,一,.,4,版式設(shè)計的四大元素 標(biāo)題字、正文字、圖形（或圖片）、色彩,版式設(shè)計的重點 培養(yǎng)學(xué)生整體把握版式設(shè)計中四大要素的構(gòu)成關(guān)系,.,5,課題訓(xùn)練的目的： 1、建立版式設(shè)計整體概念和信息等級概念，以明確 的主次關(guān)系傳遞設(shè)計主題。 2、理解黑、白、灰整體分區(qū)概念； 3、點、線、面在版式設(shè)計中的運用； 4、把握具體設(shè)計內(nèi)容與形式表現(xiàn)之間的內(nèi)在關(guān)系； 5、熟練掌握文字與文字、文字與圖形、整體與局部 之間的構(gòu)成關(guān)系。,.,6,版式設(shè)計的創(chuàng)意不同于一般的創(chuàng)意，它必須服務(wù)于 設(shè)計的主題思想。優(yōu)秀的版式設(shè)計往往是將各種編排元 素融為一體，以整體的形式與張力傳遞出視覺信息，從 而突出

3、作品的原創(chuàng)主題。,第二章、 版式設(shè)計原則 第一節(jié)、建立整體概念和信息等級 1、整體概念,.,7,2、建立信息等級,版式設(shè)計中，我們同樣把主次關(guān)系放在首位，從而提 示閱讀者哪些是重要的信息，在哪里能獲得重要的信息。 這種依信息主次的設(shè)計，稱為信息等級編排。,.,8,信息等級的建立方法：,在具體設(shè)計前，圍繞主題，對文本信息進(jìn)行認(rèn)真分 析和提練，將文本中相互關(guān)聯(lián)的內(nèi)容歸為一類，依信息 主次建立起信息等級，編寫出“設(shè)計大綱”?！霸O(shè)計大 綱”一旦編寫完成，明確的分區(qū)也就自然建立起來。,一級標(biāo)題,二級標(biāo)題,三級標(biāo)題,注：這里的一級、二級表示的是兩部分文字的主要程度,正文（字體、字號、色彩）,正文（字體、字

4、號、色彩）,正文（字體、字號、色彩）,.,9,第二節(jié)、版式設(shè)計中的文字編排,一、字體、字號、字距與行距,1、字體,字體 字號對照表,.,10,號數(shù)制。漢字大小定為七個等級,按一、二、三、四、五、 六、七排列,在字號等級之間又增加一些字號,并取名為小幾 號字,如小四號、小五號等。號數(shù)越高,字越小。號數(shù)制的特 點是用起來簡單、方便,使用時指定字號即可,無需關(guān)心字形 的實際尺寸,缺點是字大小受號的限制,有時不夠用,大字無法 用號數(shù)來表達(dá);號數(shù)不能直接表達(dá)字形的實際尺寸;字號之間 沒有統(tǒng)一的倍數(shù)關(guān)系,折算起來不方便。盡管如此,號數(shù) 制仍是目前表示字形規(guī)格最廣泛的方法。,2、字號,.,11,點數(shù)制。是國

5、際上通行的印刷字形的一種計量方法。 這里的“點”不是計算機字形的點陣,“點”是傳統(tǒng)計量字大 小的單位,是從英文Point的譯音來的,一般用小寫p表示, 俗稱“磅”。其換算關(guān)系為： 1p0.35146mm0.35mm 1英寸72p,級數(shù)制。實際上是手動照排機實行的一種字形計量制式。 它是根據(jù)這種機器上控制字形大小的鏡頭的齒輪,每移動 一個齒為一級,并規(guī)定1級0.25mm,1mm=4級。有不少 的電子排版系統(tǒng)在字形大小上也支持級數(shù)制。我國對于 級數(shù)制有國家標(biāo)準(zhǔn),即GB3959-83。,.,12,3、字距和行距,根據(jù)不同的字體樣式，應(yīng)該有不同的字句和行距。 字距過窄，字體粘連擾亂視線； 行距過窄，上

6、下文字互相干擾，不利于正常的閱讀導(dǎo)向； 行距應(yīng)略大于字距。,字號和行距的常規(guī)比例：用字8點，行距為10點，即8：10 用字10點，行距為12點，即10：12,.,13,二、文字編排的基本形式,1、左右對齊 書籍、報刊中 最長用的一種 格式，從左至 右兩端長度相 等，版面清晰 有序。,.,14,2、左對齊 這種編排方式常 見于詩歌中，最 符合人從左到右 的閱讀方式，空 白處可以使閱讀 變得輕松，整齊 中又有流動感。,.,15,3、右對齊 右對齊的不規(guī)則性 增加了閱讀的興趣， 在律動中富有變化， 這種格式只適合文 字較少的內(nèi)容或文 字不是作為閱讀而 是作為裝飾時。,.,16,4、中心對齊 以中心線

7、為基準(zhǔn)對 稱排列，左右兩端 字距相等，使視線 更集中，突出整體 特征。,.,17,5、文字繞圖排列 以圖形外輪廓為邊線， 在圖形周圍插入文字內(nèi) 容，這種手法顯得生動 活潑，富有流暢的視覺 流程，具有很好的說明 作用，現(xiàn)代版式設(shè)計上 常用的手法之一。,.,18,6、文字的橫排與豎排 橫排是為了適應(yīng)現(xiàn)代工 藝而轉(zhuǎn)變的一種排列方 式，豎排具有中國傳統(tǒng) 的古樸風(fēng)格。,.,19,.,20,7、自由排列 不遵循常用的形式， 打破秩序，隨興而 起，文字不同方向 的穿插顯得輕松自 如，仿佛在游戲中 完成閱讀。,.,21,三、文字的強調(diào) 1、行首的強調(diào) 行首的強調(diào)來自歐 洲中世紀(jì)的文稿抄 寫員，通過對行首 字體

8、的變形與裝飾， 在文章中起強調(diào)的 作用。,.,22,2、局部文字的強調(diào) 在版面中為了使某個元 素突出，引起視覺注意， 成為版面中的訴求重點， 引起讀者興趣，主要是 打破了平淡的布局，活 躍了氣氛。,.,23,3、標(biāo)題與引文的強調(diào) 在標(biāo)題中對局部進(jìn)行裝 飾或用線框、箭頭加以 強調(diào)引文即引領(lǐng)提綱的 文字，也成眉頭。,.,24,四、文字的空間安排 1、文字的群組（文字圖形） 將文字的信息組織成字塊， 字塊可以是方形、圓形等， 各個段落之間可用線或空 白進(jìn)行分割，使塊面之間 條理清晰，富有整體感。,.,25,.,26,.,27,2、文字的黑白灰(遠(yuǎn)中近)空間 字體粗或排列密的 字塊在畫面中起到 黑色的

9、作用，字體 細(xì)或排列疏的字塊 起白色的作用。還 有色彩、肌理等的 對比都會造成空間 層次。,.,28,.,29,3、圖文疊印 圖形作為一個單一的 背景起到襯托文字的 作用，這種方式一般 不以傳達(dá)信息為目的， 主要為了產(chǎn)生獨特的 效果，豐富畫面層次。,.,30,.,31,第三節(jié)、版式設(shè)計中的圖形編排,一、圖形的具象性與抽象性 具象性在于真實的反映 自然形態(tài)（圖形或圖像）， 抽象性在于表現(xiàn)一種簡潔 鮮明的設(shè)計風(fēng)格，它是對 自然形的概括、提煉，它 是現(xiàn)代設(shè)計理念的表現(xiàn)。,.,32,.,33,.,34,二、圖形的文字性（圖形文字） 用圖形的形式來表現(xiàn) 文字，具有靈活生動 的效果，適合用于標(biāo) 題性文字或

10、少量文字。 是現(xiàn)代設(shè)計中常用的 一種方式。,.,35,.,36,三、圖的位置、大小、數(shù)量、方向,圖在版面中的位置、大小、數(shù)量和方向是相輔相成的， 綜合考慮這些因素，對圖片的處理需要主次分明。 1、主體圖片一般較大，置于版面顯眼位置，而附屬圖片 較小，起到解釋說明的作用。當(dāng)只有一個圖形時，在版面 中很大或很小都會引起注意。 2、也可以利用數(shù)量來體現(xiàn)圖的主體作用，數(shù)量多且較密 集的圖形容易變成主體，可看成面來處理。 3、圖形的方向感（如人的動勢）引導(dǎo)容易引導(dǎo)閱 讀的方向感。,.,37,.,38,.,39,四、圖在版面中的形式 1、方形圖式,.,40,2、圓形圖式,.,41,下崗茂作品,.,42,3

11、、三角形圖式,.,43,4、出血圖式,.,44,.,45,55,5、褪底圖式,.,46,5、淡網(wǎng)圖式,.,47,第四節(jié)、版式設(shè)計中點線面的空間構(gòu)成 一、點的空間構(gòu)成,.,48,.,49,二、線的空間構(gòu)成 線有空間分割和方向指引的作用,.,50,.,51,.,52,三、面的空間構(gòu)成（可以參照版面中的圖形）,.,53,第五節(jié)、版式設(shè)計的視覺流程 一、最佳視域,1,2,3,4,60%,61%,56%,44%,33%,28%,23%,16%,17%,44%,28%,17%,.,54,2、單向視覺流程 橫向、豎向、斜向,.,55,.,56,3、曲線視覺流程,.,57,4、重心視覺流程,.,58,5、導(dǎo)向視覺流程,.,59,6、反復(fù)視覺流程 重復(fù)和特