版式設計課件

版式設計原理第二章藝術設計之版式設計第二章藝術設計之12.1版式的視覺構成元素

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

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

點的分散示意圖

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

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

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

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

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

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

一個完整的版面主要是點、線、面的有機結合而組成的。在版面中的點由于大小、形態(tài)、位置的不同，所產(chǎn)生的視覺效果和心理作用也不同。點的流向編排就形成了線，線的密集排列就形成了面。點、線、面是相對而言的，根據(jù)它們在畫面中的比例關系決定。在很多應用性版式設計中，文字構成線占據(jù)畫面的主要地位，成為設計師處理的重要對象。（見圖14～圖15）2.1.4點線面的混排一個完整的版面主要是點、20圖14點線面混排

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

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

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

象進行放大，使版面形成良好的主次、強弱的空間層次關系。（見圖16）

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

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

2.1.5版式設計中的其他構成要素版面設計主要是由不同的元22圖16比例關系構成空間層次圖16比例關系構成空間層次23(2)色彩構成

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

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

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

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

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

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

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

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

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

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

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

滿版形主要以圖片傳達信息，以圖片充滿整個版面。在視覺傳達上

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

左右、中心點上，層次清晰傳達信息準確明了。滿版型給人大方、

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

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

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

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