版式設(shè)計(jì)課件

版式設(shè)計(jì)原理第二章藝術(shù)設(shè)計(jì)之版式設(shè)計(jì)第二章藝術(shù)設(shè)計(jì)之12.1版式的視覺構(gòu)成元素

版面設(shè)計(jì)的效果要達(dá)到既新穎、美觀、大方，又與自身定位相結(jié)合，關(guān)鍵在于版面構(gòu)成給人視覺上的感受。了解版面的視覺構(gòu)成元素是關(guān)鍵的一步，視覺構(gòu)成元素主要指點(diǎn)、線、面，不同的組合給人不同的心理感受。2.1.1點(diǎn)的編排構(gòu)成所謂點(diǎn)就是細(xì)小的形，點(diǎn)是相對(duì)于其他元素的比例而決定的，而不是由自身的大小而決定的，它是視覺設(shè)計(jì)的最小單位，越小的形越容易被認(rèn)為是點(diǎn)，理想的點(diǎn)是圓點(diǎn)。第一節(jié)版式的視覺構(gòu)成要素2.1版式的視覺構(gòu)成元素版面設(shè)計(jì)的效果要達(dá)到既新穎、美觀2在版面設(shè)計(jì)中，一個(gè)點(diǎn)可以表現(xiàn)為一個(gè)字或一幅圖片或一個(gè)色塊，關(guān)鍵是它在整張版面中所占的位置大小。在版面設(shè)計(jì)中，一個(gè)點(diǎn)可以表現(xiàn)為一個(gè)字或一幅圖片或一個(gè)色塊，關(guān)3圖3-4通過相似人物的點(diǎn)狀縱向排列，在整張版面中形成了豐富的肌理。圖3-4通過相似人物的點(diǎn)狀縱向排列，在整張版面中形成了豐4圖6通過點(diǎn)形成的線形排列，產(chǎn)生一定的視覺流程。圖6通過點(diǎn)形成的線形排列，產(chǎn)生一定的視覺流程。5圖7-8大小不同的圓點(diǎn)及短小的線形自由的排列。圖7-8大小不同的圓點(diǎn)及短小的線形自由的排列。6(1)密集型點(diǎn)的密集版式點(diǎn)的密集型示意圖

(1)密集型點(diǎn)的密集版式點(diǎn)的密集型示意圖7所謂密集就是點(diǎn)的數(shù)量眾多，排列疏密有致，以聚集或者分散的原則方法形成的構(gòu)圖形式。將不同大小、疏密有致的混合排列，形成散點(diǎn)式的構(gòu)圖形式。這種聚散的大小重疊、交叉，字體大小比例適中，形成一幅成功的招貼設(shè)計(jì)。所謂密集就是點(diǎn)的數(shù)量眾多，排列疏密有致，以聚集或者分散的原則8(2)分散型點(diǎn)的分散版式

點(diǎn)的分散示意圖

(2)分散型點(diǎn)的分散版式點(diǎn)的分散示意圖9分散型的排列形式，就是運(yùn)用剪缺和分解的基本手法破壞形，通過破壞后所形成的新構(gòu)圖效果就是點(diǎn)的分散形排列。（見圖3～圖4）其實(shí)點(diǎn)作為一種視覺元素，意義非常廣泛，在版式設(shè)計(jì)中起到了平衡、強(qiáng)調(diào)、跳躍等作用。分散型的排列形式，就是運(yùn)用剪缺和分解的基本手法102.1.2線的編排構(gòu)成線就是點(diǎn)的移動(dòng)軌跡，線又被稱為過長的形象，即其長度跟寬度形成強(qiáng)烈對(duì)比時(shí)就能稱為線。線可以是移動(dòng)的也可以是靜止的。線也可以構(gòu)成各種裝飾元素以及各種形態(tài)，它們起著分隔畫面形象的作用。線在設(shè)計(jì)中的影響力遠(yuǎn)遠(yuǎn)大于點(diǎn)。線要求在視覺上占有很大一部分空間，它的延伸帶來一種活力。（見圖5）2.1.2線的編排構(gòu)成線就是點(diǎn)的移動(dòng)軌跡，線又被稱為過長的11圖5線的表現(xiàn)形式直線：?jiǎn)渭儭⒚骺?、剛硬粗直線：笨重、有力細(xì)直線：敏銳、脆弱鋸齒線：不安、焦慮水平線：安定、平靜垂直線：嚴(yán)肅、莊重斜線：速度、飛躍曲線：柔和、優(yōu)雅圖5線的表現(xiàn)形式直線：?jiǎn)渭?、明快、剛?2

線的編排構(gòu)成分為有節(jié)奏的、有情感的、有空間關(guān)系的。每條線都有自己獨(dú)特的性感存在，將不同的線有節(jié)奏的編排于版式中就能形成各種不同的效果。(1)線的節(jié)奏

文字排列的線，由于組成線的點(diǎn)按照規(guī)律、大小、方向的變化，使構(gòu)成線條運(yùn)動(dòng)、跳躍、有節(jié)奏、有韻律的感覺，使整個(gè)畫面具有無窮的想象空間。（見圖6）線的編排構(gòu)成分為有節(jié)奏的、有情感的、有空間關(guān)系的13圖6線的節(jié)奏圖6線的節(jié)奏14在畫面上直線與曲線給人的視覺效果是不一樣的，直線一般代表男性化，剛硬而有力；曲線一般用來表示女性的線條柔美。因此，我們?cè)谶\(yùn)用線條之前，應(yīng)該線的表現(xiàn)有一定的了解，才能產(chǎn)生你所要表達(dá)的情感意義。（見圖7）圖7線的情感(2)線的情感線不僅僅具有情感上的因素，線還具有方向性、流動(dòng)性、延續(xù)性與空間感。線條的起伏蕩漾所產(chǎn)生的視覺空間的深、廣度，給設(shè)計(jì)帶來了寬廣的思維空間。線條的微妙變化顯示了設(shè)計(jì)的含蓄與情感表現(xiàn)。放射性線條使畫面視覺表現(xiàn)強(qiáng)烈，具有爆發(fā)力。（見圖8）(3)線的空間

圖8線的空間感在畫面上直線與曲線給人的視覺效果是不一樣的，直線一般代表男性152.1.3面的編排構(gòu)成

面是線重復(fù)密集移動(dòng)的軌跡和線的密集形態(tài)，也可理解為點(diǎn)的放大、點(diǎn)的密集或線的重復(fù)。面在空間上的占有面積也最多，因此在視覺上要比點(diǎn)、線來得強(qiáng)烈，同時(shí)具有鮮明的個(gè)性特征。幾何形和自由形是面的兩大類型。

面的形狀和邊緣對(duì)面的性質(zhì)也影響著面的表現(xiàn)形態(tài)，在不同的情況下會(huì)使面的形象產(chǎn)生很多變化。從整個(gè)視覺要素來看，面的視覺影響力最大，它們?cè)诋嬅嫔嫌兄e足輕重的地位。（見圖9～圖11）2.1.3面的編排構(gòu)成面是線重復(fù)密集移動(dòng)的軌跡16面的幾何直線形幾何直線形：如方形、三角形、菱形幾何曲線形：如圓形、橢圓形自由形：自由直線形、自由曲線形面的幾何曲線形面的自由形面的幾何直線形幾何直線形：如方形、三角形、菱形幾何曲線形：如17面的分割構(gòu)成主要表現(xiàn)為，線條對(duì)一張圖片以及多張圖片進(jìn)行的分割，整齊有序地排列在版面上。像這樣的分割編排版面具有強(qiáng)烈的秩序感與整體感，使版面產(chǎn)生嚴(yán)肅、穩(wěn)定的視覺效果。（見圖12）(1)面的分割構(gòu)成面具有多重性格，讓人感覺到它的豐富內(nèi)涵，有時(shí)動(dòng)態(tài)、強(qiáng)勢(shì)、有韻律，能夠塑造立體感也會(huì)給人很多錯(cuò)覺感。（見圖13）(2)面的情感構(gòu)成面的分割構(gòu)成主要表現(xiàn)為，線條對(duì)一張圖片以及多張圖片進(jìn)行的分割18圖12面的分割圖13面的情感圖12面的分割圖13面的情感192.1.4點(diǎn)線面的混排

一個(gè)完整的版面主要是點(diǎn)、線、面的有機(jī)結(jié)合而組成的。在版面中的點(diǎn)由于大小、形態(tài)、位置的不同，所產(chǎn)生的視覺效果和心理作用也不同。點(diǎn)的流向編排就形成了線，線的密集排列就形成了面。點(diǎn)、線、面是相對(duì)而言的，根據(jù)它們?cè)诋嬅嬷械谋壤P(guān)系決定。在很多應(yīng)用性版式設(shè)計(jì)中，文字構(gòu)成線占據(jù)畫面的主要地位，成為設(shè)計(jì)師處理的重要對(duì)象。（見圖14～圖15）2.1.4點(diǎn)線面的混排一個(gè)完整的版面主要是點(diǎn)、20圖14點(diǎn)線面混排

在右圖中，黃色代表點(diǎn)，綠色代表線，整個(gè)版面就形成了一個(gè)面。這就是點(diǎn)線面的結(jié)合表現(xiàn)。

圖14點(diǎn)線面混排圖14點(diǎn)線面混排在右圖中，黃色代表點(diǎn)，綠色代212.1.5版式設(shè)計(jì)中的其他構(gòu)成要素版面設(shè)計(jì)主要是由不同的元素，巧妙的搭配而形成?，F(xiàn)在我們來了解一下版式設(shè)計(jì)中的其他構(gòu)成要素。(1)三維空間的編排構(gòu)成所謂三維空間就是立體的，看得見，摸得著的。在平面上的三維空間是制造的一種假象，看得見而摸不著的。采用近大遠(yuǎn)小，比例的對(duì)比，位置的不同，還有肌理的突顯而制造的空間層次。

1）比例關(guān)系的空間層次，面積大小的比例關(guān)系，在版面編排的時(shí)候?qū)⒅黧w形

象進(jìn)行放大，使版面形成良好的主次、強(qiáng)弱的空間層次關(guān)系。（見圖16）

2）位置關(guān)系的空間層次，將文字與圖形重疊排列，所產(chǎn)生的空間節(jié)奏感。

3）所謂肌理空間層次，主要表現(xiàn)為肌理的粗細(xì)、質(zhì)感與色彩的變化。

2.1.5版式設(shè)計(jì)中的其他構(gòu)成要素版面設(shè)計(jì)主要是由不同的元22圖16比例關(guān)系構(gòu)成空間層次圖16比例關(guān)系構(gòu)成空間層次23(2)色彩構(gòu)成

色彩也是版式設(shè)計(jì)中重要的構(gòu)成元素。不同的顏色使人產(chǎn)生不同的情緒，從而引起人的心理發(fā)生變化。心理學(xué)家對(duì)顏色與人的心理健康進(jìn)行了研究。研究表明，在一般情況下，紅色表示快樂、熱情，它使人情緒熱烈、飽滿，激發(fā)愛的情感；黃色表示快樂、明亮，使人興高采烈，充滿喜悅之情；綠色表示和平，使人的心里有安定、恬靜、溫和之感?？傊?，各種顏色都會(huì)給人的情緒帶來一定的影響，使人的心理活動(dòng)發(fā)生變化。在版式設(shè)計(jì)中顏色也是很重要的一個(gè)視覺元素，本身就具有強(qiáng)烈的空間感。合理的利用色彩搭配，能吸引人們的注意，更讓人印象深刻。（見圖17～圖18）(2)色彩構(gòu)成色彩也是版式設(shè)計(jì)中重要的構(gòu)成元素。不24圖17版面色彩構(gòu)成圖18版面色彩構(gòu)成圖17版面色彩構(gòu)成圖18版面色彩構(gòu)成252.2版式的視覺流程每一個(gè)版面都有一個(gè)視覺流向，要想在視覺上有所突破，就得在視覺流向上下好功夫。版面構(gòu)成的視覺流程主要是指平面上各種不同元素的主次關(guān)系，是設(shè)計(jì)上處理起始點(diǎn)和過程的一種閱讀節(jié)奏。2.2.1單向視覺流程在解讀或認(rèn)識(shí)一些平面讀物的時(shí)候，都會(huì)有一定的先后順序和主次關(guān)系，設(shè)計(jì)師在編排的過程中特意的采用某種形式來引導(dǎo)人們的視覺流向，這就是編排設(shè)計(jì)中的視覺流程。視覺流程的編排在展現(xiàn)設(shè)計(jì)師個(gè)性化的同時(shí)，也要符合人體視覺習(xí)慣，過分夸張反而得到適得其反的效果。單向視覺流程是按照常規(guī)的視覺流程規(guī)律，引導(dǎo)讀者的一種視覺走向，使版面的視覺走向更簡(jiǎn)潔明了。（見圖19）

2.2版式的視覺流程每一個(gè)版面都有一個(gè)視覺流向，要想在視覺上26圖19招貼設(shè)計(jì)版面圖19招貼設(shè)計(jì)版面27單向視覺流程具有三種表現(xiàn)形式：（1）直線式視覺流程：視覺流向簡(jiǎn)潔有力，具有穩(wěn)固畫面的作用，在

引導(dǎo)讀者的同時(shí)穩(wěn)定了畫面。（見圖20）（2）橫式視覺流程：主要視線是水平的，左右看，具有溫和的畫面情

感，給人一種很安靜的感覺。（見圖21）（3）斜式視覺流程：主要視線是左上角與右下角之間，給人傾斜的視

覺效果與不穩(wěn)定的心理感受。斜式視覺流程具有強(qiáng)烈沖擊力，能

有效地吸引人們的注意。（見圖22）單向視覺流程具有三種表現(xiàn)形式：（1）直線式視覺流程：視覺流向28采用橫向視覺流程，構(gòu)成穩(wěn)定、平和的畫面，給人穩(wěn)定、恬靜之感，營造了靜謐的空間。采用橫向視覺流程，構(gòu)成穩(wěn)定、平和的畫面，給人穩(wěn)定、恬靜之感，29版式設(shè)計(jì)ppt課件30采用斜向和曲向視覺流程，以不穩(wěn)定的動(dòng)態(tài)引起注意，給人以動(dòng)感和韻律。采用斜向和曲向視覺流程，以不穩(wěn)定的動(dòng)態(tài)引起注意，給人以動(dòng)感和31圖14“c”形弧線形視覺流程，使頁面具有很強(qiáng)的擴(kuò)張性和方向感。圖1432圖16“S”形視覺流程由兩個(gè)相反的弧線產(chǎn)生矛盾回旋，在平面中增加深度和動(dòng)感，使頁面產(chǎn)生節(jié)奏，趣味性增強(qiáng)。運(yùn)用曲線產(chǎn)生的視覺效果引導(dǎo)觀者去關(guān)注版面特殊的部分，使畫面柔和而時(shí)尚。圖16332.2.2重心視覺流程我們?cè)诳匆粋€(gè)版式設(shè)計(jì)的時(shí)候，視線接觸畫面常常迅速由左上角到左下角，再通過中心部分從右上角經(jīng)右下角，然后回到以畫面最吸引視線的中心視圈停留下來，這個(gè)中心點(diǎn)就是視覺的重心，視覺重心有著穩(wěn)定版面的效果，可以使版面具有平穩(wěn)的視覺效果，給人可信賴的心理感受，沒有重心的版式設(shè)計(jì)是失敗的。

版式設(shè)計(jì)主要表現(xiàn)在視覺上，優(yōu)秀的版式設(shè)計(jì)，主要表現(xiàn)為版面上元素構(gòu)成達(dá)到和諧的比例關(guān)系，形成的一種視覺平衡。根據(jù)版面所表達(dá)的含義來決定視覺重心的位置，能更好、更準(zhǔn)確的傳達(dá)信息。（見圖23～圖24）2.2.2重心視覺流程我們?cè)诳匆粋€(gè)版式設(shè)計(jì)的時(shí)342.2.2重心視覺流程圖24重心在左側(cè)圖23重心在右側(cè)2.2.2重心視覺流程圖24重心在左側(cè)圖23重心在352.2.3反復(fù)視覺流程所謂反復(fù)視覺流程就是以相同的或者相似的元素反復(fù)排列在畫面中，給人視覺上的重復(fù)感。設(shè)計(jì)師采用這種重復(fù)形的圖案，增強(qiáng)了圖形的識(shí)別性，增加了畫面的生動(dòng)感，形成了畫面的統(tǒng)一性，與連續(xù)性。給人整齊，穩(wěn)定有規(guī)律的感覺，增添了整個(gè)版面的節(jié)奏與韻律。圖26反復(fù)視覺流程示意圖圖25反復(fù)視覺流程在完全相同元素重復(fù)的同時(shí)，也有主要的表現(xiàn)方式，在相同中找差異，在整齊中求變化，這就是反復(fù)視覺流程中的特異視覺流程。采用突破的手法，違反秩序以突出小部分元素來展現(xiàn)面的趣味感，而且吸引讀者的眼球，使整個(gè)版面更具有生氣。（見圖25～圖26）2.2.3反復(fù)視覺流程所謂反復(fù)視覺流程就是以相同的或者相似36第四節(jié)反復(fù)視覺流程圖33重復(fù)、整齊的編排，給人以強(qiáng)烈的節(jié)奏感、秩序感及力量感，也是一種方向性的引導(dǎo)，同時(shí)傳達(dá)畫面的精神內(nèi)涵。第四節(jié)反復(fù)視覺流程圖3337版式設(shè)計(jì)ppt課件38圖36在重復(fù)的圖形中，有意違反秩序，出現(xiàn)文字要素，以打破規(guī)律性，使版面產(chǎn)生趣味、醒目的視覺效果。圖3639圖37-38單純的視覺元素，版面圖片的秩序化反復(fù)構(gòu)成，具有一種韻律的節(jié)奏感。使視覺效果強(qiáng)烈，傳達(dá)到位。圖37-38402.2.4導(dǎo)向性視覺流程(1)放射性視覺流程所謂導(dǎo)向視覺流程，就是設(shè)計(jì)師在設(shè)計(jì)上采用的一種手法，引導(dǎo)讀者按照自己的思路貫穿整個(gè)版面，形成一個(gè)整體的、統(tǒng)一的畫面。（見圖27）十字形視覺流程，就相當(dāng)于在畫面上畫了一個(gè)十字架，這個(gè)十字架的中心就是整個(gè)版面的視覺中心。同時(shí)也引領(lǐng)了讀者的視線從四周往中間集中，突出了重點(diǎn)，發(fā)揮出最大的信息傳達(dá)效果。所謂放射性視覺流程，是采用點(diǎn)與線作為引導(dǎo)作用，把散落在四周的所以元素統(tǒng)一在一個(gè)圓點(diǎn)上，達(dá)到統(tǒng)一畫面的視覺效果，整個(gè)畫面賦有動(dòng)態(tài)感。（見圖28）(2)十字形視覺流程2.2.4導(dǎo)向性視覺流程(1)放射性視覺流程所謂導(dǎo)向視覺流41圖39文字導(dǎo)向采用從左到右的視覺導(dǎo)向，引導(dǎo)我們有序、清晰的閱讀畫面，畫面顯得穩(wěn)定堅(jiān)固。圖3942圖40手勢(shì)導(dǎo)向利用手勢(shì)方向引導(dǎo)觀者視線，形成很好的視覺流程。圖4043圖43形象導(dǎo)向和視線導(dǎo)向，強(qiáng)調(diào)特殊圖形文字，簡(jiǎn)潔明確，繼而給與我們清晰的視覺流程。圖4344圖44-45采用特殊導(dǎo)向型標(biāo)記引導(dǎo)，給人比較明朗的閱讀順序。圖44-45452.2.4導(dǎo)向性視覺流程圖27導(dǎo)向視覺流程2.2.4導(dǎo)向性視覺流程圖27導(dǎo)向視覺流程462.2.4放射性視覺流程圖28放射性視覺流程2.2.4放射性視覺流程圖28放射性視覺流程472.2.5散點(diǎn)視覺流程散點(diǎn)組合將圖片散點(diǎn)排列在版面各部位，版面即充滿自由輕快之感。散點(diǎn)組合編排時(shí)，注意圖片大小、主次的搭配，方形圖與退底圖的配置，同時(shí)還應(yīng)考慮疏密、均衡、視覺方向程序等。散點(diǎn)視覺主要分為發(fā)射形與打散形。發(fā)射具有一定的方向規(guī)律感，發(fā)射中心就是視覺的焦點(diǎn)，所有元素都向中心集中，或由中心散開，具有強(qiáng)烈的視覺效果。圖29打散視覺流程打散就是把一種事物分解再組合的構(gòu)成方法，就是把一個(gè)完整的東西，分成幾個(gè)部分，然后根據(jù)版式設(shè)計(jì)構(gòu)成原則進(jìn)行再次組合。這種方法可以幫助我們了解內(nèi)部結(jié)構(gòu)，從不同的角度去觀察事物，用分割的結(jié)構(gòu)元素再組合成一種新的心態(tài)，產(chǎn)生不一樣的美感。（見圖29）2.2.5散點(diǎn)視覺流程散點(diǎn)組合將圖片散點(diǎn)排列在版面各部位，48第六節(jié)散點(diǎn)視覺流程圖46圖形與文字排列輕松自然，點(diǎn)、線、面關(guān)系親切而隨和，節(jié)奏緩慢，沉穩(wěn)、變化而又生動(dòng)有趣。第六節(jié)散點(diǎn)視覺流程圖4649圖48分散的圖片結(jié)合文字，運(yùn)用散點(diǎn)和分割所形成的視覺主題，在整個(gè)版面中錯(cuò)落有致，形成輕松活潑、富有動(dòng)感和現(xiàn)代感的氣氛。圖4850圖49版面中有意通過大小不同文字作多角度的錯(cuò)落排列，并且利用圖與底進(jìn)行巧妙交錯(cuò)，強(qiáng)烈而新穎地傳達(dá)了爵士樂的獨(dú)特魅力。圖4951圖50通過大小不同文字和圖形作滿版的隨意排列，瀟灑隨意，給人以輕快、活潑、詼諧情趣的氣氛。圖5052圖51通過大小不同文字和圖形作滿版的隨意排列，瀟灑隨意，給人以輕快、活潑、詼諧情趣的氣氛。圖51532.1版式視覺空間的構(gòu)成元素2.2版式的視覺流程2.3版面的排列2.4版式設(shè)計(jì)的基礎(chǔ)類型2.1版式視覺空間的構(gòu)成元素542.3版面的排列版面的排列主要表現(xiàn)為版面上各類元素的和諧搭配，在編排的過程中必須做到信息傳達(dá)的邏輯關(guān)系一致、主次分明，表現(xiàn)合理。

2.3.1版面的大小比例版面的主要元素是文字、圖形、色彩等通過點(diǎn)、線、面的組合與排列構(gòu)成的，并采用夸張、比喻、象征的手法來體現(xiàn)視覺效果，既美化了版面，又提高了傳達(dá)信息的功能。（見圖30～圖32）2.3版面的排列版面的排列主要表現(xiàn)為版面上各類元素的和諧搭配55圖30以圖形為主的雜志版式設(shè)計(jì)圖31以文字為主的雜志版式設(shè)計(jì)圖32以圖形為主的雜志版式設(shè)計(jì)圖30以圖形為主的雜志版式設(shè)計(jì)圖31以文字為主的雜志版式56圖33兩欄對(duì)稱示意圖2.3.2對(duì)稱所謂對(duì)稱就是以中軸線為軸心的上下對(duì)稱、左右對(duì)稱，以原點(diǎn)為基準(zhǔn)的散點(diǎn)放射性對(duì)稱。對(duì)稱畫面的特點(diǎn)是使畫面統(tǒng)一、莊嚴(yán)，給人高品質(zhì)、可信賴的感覺。對(duì)稱是屬于左右版面完全一樣的版面，均衡是在視覺上給人左右平衡的感覺，但是不對(duì)稱。對(duì)稱與均衡的結(jié)合可以使整個(gè)版面變的更趣味性，具有生動(dòng)、活潑、明確的視覺效果。（見圖33～圖35）圖34三欄對(duì)稱示意圖圖35三欄對(duì)稱版面圖33兩欄對(duì)稱示意圖2.3.2對(duì)稱所謂對(duì)稱就是以中軸線為572.3.3黃金版面黃金比例是希臘建筑美的基準(zhǔn)（1：1.618），這個(gè)傳統(tǒng)比例一直影響著社會(huì)美學(xué)。黃金版面在很多作品中都存在，它所分割開來的兩個(gè)頁面部分的比例，是自然界和諧共存的一種表現(xiàn)。符合黃金分割的比例形式最容易引起人視覺上的美感。

（見圖36）圖36黃金比例設(shè)定黃金比例的主要步驟：（1）選擇一張正方形的紙；（2）按照中軸線對(duì)折，形成兩個(gè)相同的長方形；（3）在紙上畫出一個(gè)等腰三角形；（4）以等腰三角形的頂點(diǎn)畫一條弧形；（5）以圓弧和基線的的交叉點(diǎn)畫一條垂直線，使原來的正

方形變成現(xiàn)在的長方形，就形成了標(biāo)準(zhǔn)的黃金比例。2.3.3黃金版面黃金比例是希臘建筑美的基準(zhǔn)（1：1.6158圖37對(duì)比與平衡2.3.4對(duì)比和平衡對(duì)比可以是形態(tài)上的也可以是色彩和質(zhì)感上的。對(duì)比使畫面具有明了、強(qiáng)烈的視覺效果。平衡是一種相對(duì)的穩(wěn)定狀態(tài)，在版式設(shè)計(jì)中主要表現(xiàn)為版面的上下左右比例適中，左右版面接近均衡的版面結(jié)果，在視覺上給人平衡穩(wěn)定的視覺效果。（見圖37～圖38）圖38對(duì)比與平衡2.3.4對(duì)比和平衡在版面結(jié)構(gòu)布局上，四邊與中心有著潛在的重要性。四邊是指版心邊界的四個(gè)點(diǎn)，把四邊連接起來的斜線即對(duì)角線，交叉點(diǎn)就是中心。編排的時(shí)候通過四邊和中心結(jié)構(gòu)使版面更具多樣化視覺效果。

圖37對(duì)比與平衡2.3.4對(duì)比和平衡對(duì)比可以是形態(tài)上的也592.3.6破型破型也就是在版式設(shè)計(jì)中，這個(gè)“破”是指打破拘束、打破平衡、增添動(dòng)感的手法。版式設(shè)計(jì)中注重版面上設(shè)計(jì)元素之間的結(jié)構(gòu)關(guān)系，這種結(jié)構(gòu)能關(guān)系可以幫助讀者與設(shè)計(jì)師之間的交流。破型的設(shè)計(jì)表現(xiàn)出一種創(chuàng)意。打破傳統(tǒng)的網(wǎng)格結(jié)構(gòu)可以自由發(fā)揮想象，破型的版式表現(xiàn)應(yīng)注意把持這個(gè)尺度，不能太過，必須考慮到受眾是否能夠辨別出并從中獲得信息，這才是版式設(shè)計(jì)的主要目的所在。（見圖39～圖40）2.3.6破型破型也就是在版式設(shè)計(jì)中，這個(gè)“破”是指打破拘60圖39破型版式圖40破型版式圖39破型版式圖40破型版式61在做版式設(shè)計(jì)時(shí)，經(jīng)常會(huì)采用不同的版面形式來傳遞信息。不同的版面有其自身的規(guī)律，下面介紹幾種常見的版式設(shè)計(jì)類型。2.4.1滿版型版式設(shè)計(jì)

滿版形主要以圖片傳達(dá)信息，以圖片充滿整個(gè)版面。在視覺傳達(dá)上

直觀，表現(xiàn)強(qiáng)烈。根據(jù)版面的需要，文字的位置編排在版面的上下、

左右、中心點(diǎn)上，層次清晰傳達(dá)信息準(zhǔn)確明了。滿版型給人大方、

直白的感覺，常用于平面廣告中。在做版式設(shè)計(jì)時(shí)，經(jīng)常會(huì)采用不同的版面形式來傳遞信息。不62圖傳統(tǒng)滿版型，構(gòu)成的版面顯得十分穩(wěn)重、典雅，文字的安排秩序感很強(qiáng)。圖傳統(tǒng)滿版型，構(gòu)成的版面顯得十分穩(wěn)重、典雅，文字的安排秩序感632.4.2分割型版式設(shè)計(jì)在平面構(gòu)成中，把整體分成部分叫分割。分割也是版式設(shè)計(jì)中重要表現(xiàn)手法，分割可以調(diào)整畫面的靈活性，對(duì)畫面進(jìn)行一些取舍再拼貼，形成另一種風(fēng)格的版式。下面介紹三種常用的分割方法。第一種是等形分割。分割形狀完全一樣，分割后再把分隔界線加以調(diào)整取舍，達(dá)到的一種有良好的效果。第二種是自由分割。自由分割就是不規(guī)則的、無限制的，將畫面自由分割的一種方式，它不同于數(shù)學(xué)規(guī)則分割產(chǎn)生的整齊效果，但隨意性分割，使畫面產(chǎn)生活潑不受約束的感覺。第三種是比例與數(shù)列。利用比例關(guān)系完成的構(gòu)圖通常都具有秩序、明朗的特性，給人清新的感覺。分隔具有一定的法則，如黃金分割法、數(shù)列等。2.4.2分割型版式設(shè)計(jì)在平面構(gòu)成中，把整體分成部分叫分割64上下圖文分割顯得強(qiáng)烈而直觀，文字在頁面中占據(jù)了較小的面積，但由于分割線的運(yùn)用，使文字同樣得到強(qiáng)調(diào)。上下圖文分割顯得強(qiáng)烈而直觀，文字在頁面中占據(jù)了較小的面積，但65版式設(shè)計(jì)ppt課件66左右分割型，圖片部分感性而具有活力，文字部分理性而靜止。左右分割型，圖片部分感性而具有活力，文字部分理性而靜止。67圖12左右圖文分割型構(gòu)圖，文字和圖形在版面中比例不一，使版面不顯單調(diào)。圖1268圖15左右圖文的創(chuàng)意趣味分割，文字和色彩的運(yùn)用充分活躍了整個(gè)版面。圖16上下分割型，文字置于圖形之下，顯得整個(gè)版面動(dòng)靜對(duì)比和諧。圖15圖1669圖42等型分割圖43自由分割圖45，采用了分割的手法，使畫面變得有生氣，不像一張單一照片那么呆板。分割的版式具有強(qiáng)烈的空間感，展現(xiàn)了版式的靈活性。

圖44比例分割圖45分割版式分割型版式設(shè)計(jì)在版面上采用分割再拼湊的版面，以一種打破常規(guī)的版面構(gòu)成形式，在視覺上吸引人們吸引人們注意，表達(dá)一種沖擊活躍的版面效果。（見圖42～圖44）圖42等型分割圖43自由分割圖45，采用了分割的手法702.4.3傾斜型版式設(shè)計(jì)傾斜型版式設(shè)計(jì)主要表現(xiàn)為：版面主體形象或多幅圖版做傾斜編排，造成版面強(qiáng)烈的動(dòng)感和不穩(wěn)定因素，引人注目。2.4.4三角型版式設(shè)計(jì)根據(jù)人們對(duì)圖形的認(rèn)識(shí)，三角形想對(duì)于圓形、四方形等基本形態(tài)，是最具安全穩(wěn)定因素的形態(tài)。在版式設(shè)計(jì)中三角形版式分為兩種。第一種是正三角形版式。正三角形自古以來都是象征穩(wěn)定的圖形，被人們認(rèn)為是最具穩(wěn)定感的圖形存在。在版式設(shè)計(jì)中，正三角形的版式設(shè)計(jì)給畫面更穩(wěn)定、更安全、值得信賴的感覺。（見圖46）第二種是倒三角形版式。倒三角形則給人以動(dòng)感和不穩(wěn)定感。（見圖47）2.4.3傾斜型版式設(shè)計(jì)傾斜型版式設(shè)計(jì)主要表現(xiàn)為：版面主體71圖47倒三角形版式圖46正三角形版式圖47倒三角形版式圖46正三角形版式722.4.5曲線型版式設(shè)計(jì)曲線型版式設(shè)計(jì)就是在一個(gè)版面中圖片或文字在排列結(jié)構(gòu)上作曲線的編排構(gòu)成，所產(chǎn)生的節(jié)奏和韻律。曲線版式設(shè)計(jì)具有一定的趣味性，讓人的視線隨著畫面上元素的自由走向而產(chǎn)生變化。（見圖48）2.4.5曲線型版式設(shè)計(jì)曲線型版式設(shè)計(jì)就是在一個(gè)版面中圖片73圖35以曲線型的構(gòu)成形式，文字和圖形協(xié)調(diào)相輔，畫面表現(xiàn)出強(qiáng)烈的縱深感，增強(qiáng)了視覺效果。圖3574圖36回旋形的文字安排，使頁面產(chǎn)生更多層次，畫面比較生動(dòng)，空間感增強(qiáng)。圖38文字和圖形采用漸變的編排構(gòu)成，產(chǎn)生相應(yīng)的空間感和秩序感。圖36圖3875圖40自然的曲線美感，線條極富有彈性，具有視覺親和力。圖4076圖41自然的曲線美感，線條極富有彈性，具有視覺親和力。圖42文字和圖形的曲線結(jié)合，使畫面變得豐富，具有節(jié)奏與空間感。圖41圖4277圖48曲線型版式圖48曲線型版式782.4.6自由型版式設(shè)計(jì)自由型版式設(shè)計(jì)在版面結(jié)構(gòu)中采用無規(guī)律、隨意地編排構(gòu)成，使畫面產(chǎn)生活潑、輕快的感覺。自由型版式設(shè)計(jì)沒有網(wǎng)格的約束，在排版上體現(xiàn)個(gè)性風(fēng)格化設(shè)計(jì)。在編排的過程中要注意把握畫面的協(xié)調(diào)性。（見圖49）2.4.6自由型版式設(shè)計(jì)自由型版式設(shè)計(jì)在版面結(jié)構(gòu)中采用無規(guī)79圖44圖形和文字的互相疊加突破規(guī)則性，使版面富有層次感。圖4480圖47網(wǎng)格的推移與錯(cuò)位，使版面對(duì)比感加強(qiáng)，視覺效果更更強(qiáng)烈、自由。圖4781圖48以色彩作為裝飾圖形分割畫面，對(duì)信息的閱讀有突出作用，還能增加畫面的趣味性。圖49自由的版式編排中透露出設(shè)計(jì)師的精心編排，圖形與文字等元素的對(duì)比和合理運(yùn)用使版面具有很大的空間包容力。圖48圖4982圖51自由的版式設(shè)計(jì)形成生動(dòng)活潑的版面設(shè)計(jì)。圖5183優(yōu)秀版式設(shè)計(jì)作品賞析優(yōu)秀版式設(shè)計(jì)作品賞析84版式設(shè)計(jì)ppt課件85版式設(shè)計(jì)ppt課件86版式設(shè)計(jì)ppt課件87版式設(shè)計(jì)ppt課件88版式設(shè)計(jì)ppt課件89版式設(shè)計(jì)ppt課件90版式設(shè)計(jì)ppt課件91版式設(shè)計(jì)ppt課件92版式設(shè)計(jì)ppt課件93版式設(shè)計(jì)ppt課件94版式設(shè)計(jì)ppt課件95版式設(shè)計(jì)ppt課件96版式設(shè)計(jì)ppt課件97教學(xué)實(shí)例——版式設(shè)計(jì)中的版面編排類型與視覺流程的不同編排所產(chǎn)生的版面視覺效果。1.餐飲雜志版面圖51圖50每個(gè)版面中圖形與文字的編排不一樣，所構(gòu)成的版面結(jié)構(gòu)與版面形式也會(huì)有所不同，根據(jù)版式設(shè)計(jì)的不同類型，分析版面的視覺效果。如圖50～圖51是一張餐飲雜志的單頁版面，該運(yùn)用出血圖的編排形式，圖片中元素的運(yùn)用能有效的吸引消費(fèi)者的注意。從版面編排類型來看，在雜志版面運(yùn)用的是滿版型的編排形式突出版主題，滿版型版面的運(yùn)用，使版面具有活躍性，給人強(qiáng)烈的視覺效果。教學(xué)實(shí)例1.餐飲雜志版面圖51圖50每個(gè)版面中圖形與文字的編98圖53圖522.書籍內(nèi)頁版式根據(jù)書籍版面中視覺重心的位置編排，分析版面所產(chǎn)生的視覺效果。視覺重心是設(shè)計(jì)師考慮將主要信息或視覺流程的停留點(diǎn)安排在矚目價(jià)值高的最佳視域，使得主題一目了然。在版面中不同的視域，矚目程度不同，給人們留下的心理感受也不同。如圖52～圖53中，該版面圖片編排在版面的上部具有強(qiáng)烈的視覺效果，文字編排在圖片的下部具有信息說明的作用。該版面的視覺重心設(shè)置在上部，給人以輕松、愉快之感。

圖53圖522.書籍內(nèi)頁版式根據(jù)書籍版面中視覺重心的位置編排99設(shè)計(jì)點(diǎn)評(píng)通過對(duì)版式設(shè)計(jì)構(gòu)成元素、視覺流程及版面排列的學(xué)習(xí)，有了一定的了解，現(xiàn)在我們來看看版式設(shè)計(jì)的這些原理在實(shí)際版式中應(yīng)該如何處理。

圖54點(diǎn)評(píng)：該設(shè)計(jì)為雜志宣傳廣告，整個(gè)版面以圖片為主要表現(xiàn)因素。在版式設(shè)計(jì)中圖片的比例大小對(duì)整個(gè)畫面的視覺效果有著很到的影響。圖片比文字更能吸引人們注意。右圖采用了滿版型的版式設(shè)計(jì)，從畫面上強(qiáng)調(diào)宣傳目的。文字根據(jù)畫面的需求進(jìn)行有機(jī)的調(diào)整排列，使整個(gè)畫面顯得和諧層次清晰，達(dá)到了宣傳的目的。圖54設(shè)計(jì)點(diǎn)評(píng)圖54點(diǎn)評(píng)：該設(shè)計(jì)為雜志宣傳廣告，整個(gè)版面以圖片為主100圖55～圖56點(diǎn)評(píng)：本設(shè)計(jì)為兩張招貼設(shè)計(jì)，招貼設(shè)計(jì)版面簡(jiǎn)潔明了，主要版式是以突出視覺傳達(dá)為基本。從視覺上看，這兩張招貼設(shè)計(jì)有著不同的視覺中心點(diǎn)，不同的視覺中心給人不一樣的視覺傳達(dá)效果。圖55的視覺中心在上部，給人以輕松、愉快、視覺向上揚(yáng)升的感覺。圖56視覺中心在下部，給人一種下墜、沉重、消沉、穩(wěn)定的感覺。圖55～圖56點(diǎn)評(píng)：本設(shè)計(jì)為兩張招貼設(shè)計(jì)，招貼設(shè)計(jì)版面簡(jiǎn)潔明101圖55圖56圖55圖56102圖57點(diǎn)評(píng)：該設(shè)計(jì)是雜志版面設(shè)計(jì)，以相同的圖形反復(fù)排列，增強(qiáng)了圖形的識(shí)別性，圖形色彩選用單一的黑色，與文字的呼應(yīng)，增加了畫面的生動(dòng)感。為了使畫面更能吸引人們的目光。版面中的圖形在規(guī)律中又顯出細(xì)小的差別，突破了常規(guī)的單調(diào)，為版面增添了趣味性，在視覺傳達(dá)上給人醒目、生動(dòng)的視覺效果。圖58點(diǎn)評(píng)：該版面是一張招貼設(shè)計(jì)，從畫面的顏色分析，紅色代表激情奔放有活力，具有強(qiáng)烈的視覺效果。此招貼設(shè)計(jì)中線條給人一種波動(dòng)的心理感觸，整個(gè)版面采用橫式視覺流程，在激情中顯安靜，在動(dòng)態(tài)中顯平和，使整個(gè)版面生動(dòng)，具有了樂趣。但是，文字太小，不符合招貼設(shè)計(jì)的基本表現(xiàn)形式，不能很好的傳達(dá)信息。圖57點(diǎn)評(píng)：該設(shè)計(jì)是雜志版面設(shè)計(jì)，以相同的圖形反復(fù)排列，增強(qiáng)103圖57圖58圖57圖58104圖59圖60圖59圖60105圖59點(diǎn)評(píng)：該設(shè)計(jì)是一張招貼設(shè)計(jì)，從版面的排列可以看出整個(gè)版式采用了左右對(duì)稱的編排模式，以畫面的中軸線把左右兩邊分開，形成鮮明