版式設(shè)計(jì)的重點(diǎn)

1、 上次課復(fù)習(xí) 1、版面設(shè)計(jì)的原則是什么 ？ 2、版面設(shè)計(jì)的功能是什么？ 3、版面設(shè)計(jì)的程序是什么？ 4、版面設(shè)計(jì)的視覺構(gòu)成元素主要有哪些？ 5、版式的視覺流程有哪幾種表現(xiàn)形式？1（ 二）版式設(shè)計(jì)2本次課內(nèi)容一 教材串講 四、五、六、七章二 理論知識(shí)3第四章重點(diǎn)：一美學(xué)的概念？P49二 美學(xué)法則分類和內(nèi)容？P4963必看：每張圖片解釋說明思考題：P654第五章重點(diǎn)：一 標(biāo)準(zhǔn)字體、字號(hào)、字距大小？P6568二 標(biāo)題性文字強(qiáng)化設(shè)計(jì)、正文字有層次設(shè)計(jì)、風(fēng)格和內(nèi)容的統(tǒng)一 P6992必看：每張圖片解釋說明思考題：P935第六章重點(diǎn)：文字和圖片進(jìn)行合理的分配面積大小P94112必看：每張圖片解釋說明思考題：

2、P1126第七章重點(diǎn)：做設(shè)計(jì)重要的是主次明確、風(fēng)格統(tǒng)一P114127必看：每張圖片解釋說明思考題：P1277本次課內(nèi)容版式的排列作用和類型版式設(shè)計(jì)的基本類型版式設(shè)計(jì)的網(wǎng)格系統(tǒng)-作用和類型網(wǎng)格設(shè)計(jì)的應(yīng)用8 版面的排列主要表現(xiàn)為版面上各類元素的和諧搭配，在編排的過程中必須做到信息傳達(dá)的邏輯關(guān)系一致、主次分明，表現(xiàn)合理。 版面的主要元素是文字、圖形、色彩等通過點(diǎn)、線、面的組合與排列構(gòu)成的，并采用夸張、比喻、象征的手法來(lái)體現(xiàn)視覺效果，既美化了版面又提高了傳達(dá)信息的功能。 （一）版式的排列19以圖形為主的雜志版式設(shè)計(jì)版面的大小比例以文字為主的雜志版式設(shè)計(jì)以圖形為主的雜志版式設(shè)計(jì)版式的排列類型210兩欄對(duì)

3、稱示意圖對(duì)稱對(duì)稱畫面的特點(diǎn)是使畫面統(tǒng)一、莊嚴(yán)，給人高品質(zhì)、可信賴的感覺。均衡是在視覺上給人左右平衡的感覺，但是不對(duì)稱。對(duì)稱與均衡的結(jié)合可以使整個(gè)版面變的更趣味性，具有生動(dòng)、活潑、明確的視覺效果。三欄對(duì)稱示意圖三欄對(duì)稱版面版式的排列11黃金版面 黃金比例是希臘建筑美的基準(zhǔn)（1:1.618），這個(gè)傳統(tǒng)比例一直影響著社會(huì)美學(xué)。黃金版面在很多作品中都存在，它所分割開來(lái)的兩個(gè)頁(yè)面部分的比例，是自然界和諧共存的一種表現(xiàn)。符合黃金分割的比例形式最容易引起人視覺上的美感。設(shè)定黃金比例的主要步驟版式的排列12對(duì)比和平衡對(duì)比可以是形態(tài)上的也可以是色彩和質(zhì)感上的。對(duì)比使畫面具有明了、強(qiáng)烈的視覺效果。平衡是一種相對(duì)的

4、穩(wěn)定狀態(tài)，在版式設(shè)計(jì)中主要表現(xiàn)為版面的上下左右比例適中，左右版面接近均衡的版面結(jié)果，在視覺上給人平衡穩(wěn)定的視覺效果。版式的排列13四邊和中心 在版面結(jié)構(gòu)布局上，四邊與中心有著潛在的重要性。四邊是指版心邊界的四個(gè)點(diǎn)，把四邊連接起來(lái)的斜線即對(duì)角線，交叉點(diǎn)就是中心。編排的時(shí)候通過四邊和中心結(jié)構(gòu)使版面更具多樣化視覺效果。 版式的排列14 “破”是指打破拘束、打破平衡、增添動(dòng)感的手法。 破型的版式表現(xiàn)應(yīng)注意把持這個(gè)尺度，不能太過，必須考慮到受眾是否能夠辨別出并從中獲得信息，這才是版式設(shè)計(jì)的主要目的所在。破型版式的排列15滿版型版式設(shè)計(jì) 滿版型主要以圖片傳達(dá)信息，以圖片充滿整個(gè)版面。在視覺傳達(dá)上直觀，表現(xiàn)

5、強(qiáng)烈。根據(jù)版面的需要，文字的位置編排在版面的上下、左右、中心點(diǎn)上，層次清晰傳達(dá)信息準(zhǔn)確明了。滿版型給人大方、直白的感覺，常用于平面廣告中。（二）版式設(shè)計(jì)的基本類型316 整個(gè)畫面都是采用了一整張照片的形式進(jìn)行信息宣傳，當(dāng)照片放大到一定的比例，在視覺表現(xiàn)上具有強(qiáng)烈的視覺效果，吸引人們注意。滿版型版式設(shè)計(jì)具有傳播速度快、視覺表現(xiàn)強(qiáng)烈的宣傳效果，是版式設(shè)計(jì)中最主要的表現(xiàn)形式。版式設(shè)計(jì)的基本類型17分割型版式設(shè)計(jì) 分割也是版式設(shè)計(jì)中重要表現(xiàn)手法，分割可以調(diào)整畫面的靈活性，對(duì)畫面進(jìn)行一些取舍再拼貼，形成另一種風(fēng)格的版式。下面介紹三種常用的分割方法。 第一種是等形分割。分割形狀完全一樣，分割后再把分隔界線

6、加以調(diào)整取舍，達(dá)到的一種有良好的效果。等型分割版式設(shè)計(jì)的基本類型18 第二種是自由分割。就是不規(guī)則的、無(wú)限制的，將畫面自由分割的一種方式，它不同于數(shù)學(xué)規(guī)則分割產(chǎn)生的整齊效果，但隨意性分割，使畫面產(chǎn)生活潑不受約束的感覺。自由分割版式設(shè)計(jì)的基本類型19 第三種是比例與數(shù)列。利用比例關(guān)系完成的構(gòu)圖通常都具有秩序、明朗的特性，給人清新的感覺。分隔具有一定的法則，如黃金分割法、數(shù)列等。 比例分割版式設(shè)計(jì)的基本類型20 采用了分割的手法，使畫面變得有生氣，不像一張單一照片那么呆板。分割的版式具有強(qiáng)烈的空間感，展現(xiàn)了版式的靈活性。 設(shè)計(jì)點(diǎn)評(píng)21傾斜型版式設(shè)計(jì)傾斜型版式設(shè)計(jì)主要表現(xiàn)為：版面主體形象或多幅圖版做

7、傾斜編排，造成版面強(qiáng)烈的動(dòng)感和不穩(wěn)定因素，引人注目。版式設(shè)計(jì)的基本類型22三角型版式設(shè)計(jì) 第一種是正三角形版式。正三角形自古以來(lái)都是象征穩(wěn)定的圖形，在版式設(shè)計(jì)中，正三角形的版式設(shè)計(jì)給畫面更穩(wěn)定、更安全、值得信賴的感覺。正三角形版式版式設(shè)計(jì)的基本類型23倒三角形版式 第二種是倒三角形版式。倒三角形則給人以動(dòng)感和不穩(wěn)定感。版式設(shè)計(jì)的基本類型24曲線型版式設(shè)計(jì)曲線型版式 曲線型版式設(shè)計(jì)就是在一個(gè)版面中圖片或文字在排列結(jié)構(gòu)上作曲線的編排構(gòu)成，所產(chǎn)生的節(jié)奏和韻律。曲線版式設(shè)計(jì)具有一定的趣味性，讓人的視線隨著畫面上元素的自由走向而產(chǎn)生變化。版式設(shè)計(jì)的基本類型25 自由型版式設(shè)計(jì)在版面結(jié)構(gòu)中采用無(wú)規(guī)律、隨意

8、地編排構(gòu)成，使畫面產(chǎn)生活潑、輕快的感覺。自由型版式設(shè)計(jì)沒有網(wǎng)格的約束，在排版上體現(xiàn)個(gè)性風(fēng)格化設(shè)計(jì)。在編排的過程中要注意把握畫面的協(xié)調(diào)性。自由型版式設(shè)計(jì)自由型版式版式設(shè)計(jì)的基本類型26 是一張餐飲雜志的版面，從版面編排類型來(lái)看，雜志版面運(yùn)用的是滿版型的編排形式突出版面主題，使版面具有活躍性，給人強(qiáng)烈的視覺效果。設(shè)計(jì)點(diǎn)評(píng)27 該版面圖片編排在版面的上部具有強(qiáng)烈的視覺效果，文字編排在圖片的下部具有信息說明的作用。該版面的視覺重心設(shè)置在上部，給人以輕松、愉快之感。 設(shè)計(jì)點(diǎn)評(píng)這一張你來(lái)評(píng)評(píng)看！28 該設(shè)計(jì)為雜志宣傳廣告，整個(gè)版面以圖片為主要表現(xiàn)因素。在版式設(shè)計(jì)中圖片的比例大小對(duì)整個(gè)畫面的視覺效果有著很大

9、的影響。圖片比文字更能吸引人們注意。采用了滿版型的版式設(shè)計(jì)，從畫面上強(qiáng)調(diào)宣傳目的。文字根據(jù)畫面的需求進(jìn)行有機(jī)的調(diào)整排列，使整個(gè)畫面顯得和諧層次清晰，達(dá)到了宣傳的目的。設(shè)計(jì)點(diǎn)評(píng)這一張呢？29（三）版式設(shè)計(jì)的網(wǎng)格系統(tǒng)網(wǎng)格在版式設(shè)計(jì)中的重要性網(wǎng)格構(gòu)成是現(xiàn)代版式設(shè)計(jì)最重要的基礎(chǔ)構(gòu)成之一。作為一種行之有效的版面設(shè)計(jì)形式法則，將版面中的構(gòu)成元素點(diǎn)、線、面協(xié)調(diào)一致地編排在版面上。 網(wǎng)格在版式設(shè)計(jì)中有著約束版面的作用，其設(shè)計(jì)特點(diǎn)主要強(qiáng)調(diào)了比例感、秩序感、整體感與嚴(yán)肅感，使整個(gè)版面具有簡(jiǎn)潔、樸實(shí)的版面藝術(shù)表現(xiàn)風(fēng)格，在版式設(shè)計(jì)中成為主要的構(gòu)成元素。 30網(wǎng)格的排列雜志版式 網(wǎng)格作為版式設(shè)計(jì)中的重要基礎(chǔ)要素之一，構(gòu)

10、建出良好的骨架是很重要的。在版式設(shè)計(jì)中，一個(gè)好的網(wǎng)格結(jié)構(gòu)可以幫助人們?cè)谠O(shè)計(jì)的時(shí)候根據(jù)網(wǎng)格的結(jié)構(gòu)進(jìn)行版式設(shè)計(jì)。在編排的過程中有明確的版面結(jié)構(gòu)。版式設(shè)計(jì)的網(wǎng)格系統(tǒng)31（1）網(wǎng)格具有版面需求性（2）網(wǎng)格具有信息組織的功能性（3）網(wǎng)格具有閱讀的關(guān)聯(lián)性版式設(shè)計(jì)的網(wǎng)格系統(tǒng)網(wǎng)格系統(tǒng)的作用432對(duì)稱式網(wǎng)格 對(duì)稱式網(wǎng)格的目的主要是組織信息，平衡左右版面的作用。網(wǎng)格的類型雜志版式對(duì)稱網(wǎng)格33 對(duì)稱式欄狀網(wǎng)格分為單欄網(wǎng)格、雙欄網(wǎng)格、三欄、四欄、甚至多欄網(wǎng)格等。單欄網(wǎng)格雙欄對(duì)稱網(wǎng)格（1）對(duì)稱式欄狀網(wǎng)格網(wǎng)格的類型5疲憊。單欄用于文字性書籍，如小說、文學(xué)著者等。因此在單欄式網(wǎng)格中文字的長(zhǎng)度一般不要超過60字。2）版面平衡

11、，使閱讀更流暢。版面缺乏變化，文字的編排比較密集，畫面顯得有些單調(diào)。34三欄對(duì)稱網(wǎng)格五欄對(duì)稱網(wǎng)格網(wǎng)格的類型避免視覺疲勞感。三欄網(wǎng)格的運(yùn)用使版面具有活躍性，打破了單欄的嚴(yán)肅感。4）有關(guān)表格形式的文字，比如說聯(lián)系方式、術(shù)語(yǔ)表、數(shù)據(jù)目錄等信息。這種版式的單欄太窄式不適合編排正文的。35單元格對(duì)稱網(wǎng)格（2）對(duì)稱式單元網(wǎng)格 對(duì)稱式單元網(wǎng)格在版面編排中，將版面分成同等大小的網(wǎng)格，再根據(jù)版式的需要編排文字與圖片。這樣的版式具有很大的靈活性，可以隨意編排文字和圖片。在編排過程中，單元格之間的間隔距離可以自由放大或者縮小，但是每個(gè)單元格四周的空間距離必須相等。 網(wǎng)格的類型36非對(duì)稱欄狀網(wǎng)格(3)非對(duì)稱式網(wǎng)格 非

12、對(duì)稱網(wǎng)格是指左右版面采用同一種編排方式，但是在編排的過程中并不像對(duì)稱網(wǎng)格那樣絕對(duì)。非對(duì)稱網(wǎng)格形式在編排的過程中，根據(jù)版面需要調(diào)整版面的網(wǎng)格欄的大小比例。使整個(gè)版面更靈活，更具有生氣。 網(wǎng)格的類型37 非對(duì)稱網(wǎng)格主要分為非對(duì)稱欄狀網(wǎng)格與非對(duì)稱單元網(wǎng)格兩種。 非對(duì)稱欄狀網(wǎng)格非對(duì)稱單元格網(wǎng)格網(wǎng)格的類型38基線網(wǎng)格(4)基線網(wǎng)格 基線網(wǎng)格通常是不可見的，但它卻是平面設(shè)計(jì)師的基礎(chǔ)?；€網(wǎng)格提供了一種視覺參考，它可以幫助版面元素的準(zhǔn)確編排與對(duì)齊頁(yè)面，是憑感覺無(wú)法達(dá)到的版面效果。 網(wǎng)格的類型39(5)成角網(wǎng)格 成角網(wǎng)格在版面中往往很難設(shè)置，網(wǎng)格可以設(shè)置成任何角度。成角網(wǎng)格發(fā)揮作用的原理跟其他網(wǎng)格一樣，但是由

13、于成角網(wǎng)格是傾斜的，設(shè)計(jì)師在版面編排時(shí)，能夠以打破常規(guī)的方式展現(xiàn)自己的風(fēng)格創(chuàng)意。網(wǎng)格的類型40對(duì)稱網(wǎng)格網(wǎng)格的建立欄狀網(wǎng)格與單元格 一套好的網(wǎng)格結(jié)構(gòu)可以幫助設(shè)計(jì)師明確設(shè)計(jì)風(fēng)格，排除設(shè)計(jì)中隨意編排的可能，使版面統(tǒng)一規(guī)整。設(shè)計(jì)師可以利用兩者的不同風(fēng)格來(lái)編排出靈活性較大，協(xié)調(diào)統(tǒng)一的版面構(gòu)成設(shè)計(jì)。（四）網(wǎng)格在版式設(shè)計(jì)中的應(yīng)用41網(wǎng)格的編排形式（1）多語(yǔ)言網(wǎng)格編排（2）說明式網(wǎng)格編排網(wǎng)格在版式設(shè)計(jì)中的應(yīng)用42網(wǎng)格與無(wú)網(wǎng)格對(duì)比版面網(wǎng)格與無(wú)網(wǎng)格對(duì)比版面無(wú)網(wǎng)格版面(3)打破網(wǎng)格 打破網(wǎng)格的約束使版面設(shè)計(jì)更具有自由性，但是很難把握版面的平衡，就算是很優(yōu)秀的設(shè)計(jì)師也很難準(zhǔn)確的把握畫面的平衡感。網(wǎng)格在版式設(shè)計(jì)中的應(yīng)用

14、43 該菜譜在版面編排時(shí)，根據(jù)對(duì)版面元素的了解選擇適當(dāng)?shù)木W(wǎng)格結(jié)構(gòu)，使其達(dá)到信息傳達(dá)明確。在該版面中，采用大小圖片的對(duì)比關(guān)系，使整個(gè)版面具有版面的活躍性，選擇一張滿版出血圖，運(yùn)用圖片中元素的生動(dòng)感，能有效地勾起人們的食欲。 設(shè)計(jì)點(diǎn)評(píng)44 時(shí)尚女性品牌宣傳畫冊(cè)版面設(shè)計(jì)，在編排這樣的版面時(shí)，注意版面的文字與圖形的編排結(jié)構(gòu)，使版面具有個(gè)性新穎的視覺版面效果，符合品牌形象宣傳。 設(shè)計(jì)點(diǎn)評(píng)該你了！45 版面采用網(wǎng)格結(jié)構(gòu)中的兩欄對(duì)稱編排的網(wǎng)格結(jié)構(gòu)，使整個(gè)版面左右具有強(qiáng)烈的穩(wěn)定性。運(yùn)用圖片的對(duì)比編排使版面具有活躍感。文字的大小對(duì)比關(guān)系打破了對(duì)稱網(wǎng)格的沉悶，具有版面的活躍感。 設(shè)計(jì)點(diǎn)評(píng)這個(gè)版面呢！46 本設(shè)計(jì)為

15、雜志內(nèi)頁(yè)版面設(shè)計(jì)。該版面采用雙欄網(wǎng)格與單元格網(wǎng)格形式的結(jié)合，將版面劃分出明確的結(jié)構(gòu)，文字與圖片按照網(wǎng)格的結(jié)構(gòu)編排在版面中，體現(xiàn)了版面的穩(wěn)定與整潔。該版面層次清晰，文字采用左右均齊的編排形式，體現(xiàn)了版面的整潔與樸實(shí)感。圖片運(yùn)用單元格的形式編排，展現(xiàn)了整個(gè)版面的活躍性。設(shè)計(jì)點(diǎn)評(píng)再來(lái)評(píng)評(píng)這個(gè)版面！47 該設(shè)計(jì)是是一張網(wǎng)頁(yè)版面設(shè)計(jì)。該網(wǎng)頁(yè)采用對(duì)稱式單元格網(wǎng)格的編排形式，該網(wǎng)頁(yè)設(shè)計(jì)中每個(gè)單元格的距離為零，圖片集中編排在版面中心，使整個(gè)版面結(jié)構(gòu)更緊湊，更具有規(guī)律性。版面的四周空出很大面積的空間，強(qiáng)調(diào)了版面的視覺中心，同時(shí)也加強(qiáng)了版面的空間節(jié)奏感，整個(gè)版面給人規(guī)律、整潔的視覺效果。設(shè)計(jì)點(diǎn)評(píng)這個(gè)版面怎么樣！48 該設(shè)計(jì)是一張雜志版面設(shè)計(jì)。文字與圖片的編排采用了對(duì)稱欄狀網(wǎng)格的編排形