版面設(shè)計(jì)形式法則【嚴(yán)選薈萃】

1、版面設(shè)計(jì)形式原理,1,高級(jí)教育,變化與統(tǒng)一形式美構(gòu)成總法則,比例分割重復(fù)節(jié)奏與韻律 對(duì)比對(duì)稱均衡力場(chǎng)方向 空間重心統(tǒng)一變異與秩序 虛實(shí)與留白,2,高級(jí)教育,一、比例,比例是形的整體與部分以及部分與部分之間數(shù)量的一種比率。比例常常表現(xiàn)出一定的數(shù)列：等差數(shù)列、等比數(shù)列、黃金比等。 長(zhǎng)度比、寬度比、面積比等，能與 其他造型要素產(chǎn)生同樣的功能和極 佳的意境。,3,高級(jí)教育,版面的分割，若在其中加入數(shù)列或按某種比例進(jìn) 行分割，將可獲得更富規(guī)律性的整齊美感。,4,高級(jí)教育,5,高級(jí)教育,黃金比能求得最大的限度的和諧，使版面被分割的不同部分產(chǎn)生相互聯(lián)系。,6,高級(jí)教育,7,高級(jí)教育,比例,是正方形的兩倍，用

2、途廣泛，組合十分方便。是高度合理化的單位形。也叫疊席矩形。,8,高級(jí)教育,比例（1.732）,矩形稍顯細(xì)長(zhǎng)，常用于豎型用書，如散文、詩(shī)集等較為浪漫的版面形式。,9,高級(jí)教育,2比例（1.414）,2矩形也稱德國(guó)標(biāo)準(zhǔn)比，樸素大方，被廣泛用在需要折疊使用的書籍、報(bào)紙的規(guī)格上。,10,高級(jí)教育,11,高級(jí)教育,良好的比例是設(shè)計(jì)中藝術(shù)修養(yǎng)與審美情趣的綜合及靈活運(yùn)用的結(jié)果，但不可生搬硬套。,12,高級(jí)教育,二、分割,分割是一種最基本的、隨處可見(jiàn)的板式原理，版面的分割是為了創(chuàng)建出有序的視覺(jué)層次。 分割就是用虛實(shí)的線、字體、圖片，將版面分成若干單元，進(jìn)行填充。,運(yùn)用分割將版面合理規(guī)劃應(yīng)用,13,高級(jí)教育,分

3、割是一種重要的構(gòu)圖方法。分割或者叫做在整體中各個(gè)部分的配置，它給版面帶來(lái)主題清晰，層次分明的感受。,一方面制造形式上的比例、節(jié)奏，另一方面制造視覺(jué)區(qū)域，保證信息的有效傳達(dá)。,14,高級(jí)教育,在版面中，前景可以明暗強(qiáng)烈對(duì)比，中景用中和的黑白對(duì)比，背景應(yīng)該柔和清淡。 經(jīng)驗(yàn)告訴我們，這種三分法提高了整體的藝術(shù)效果，其簡(jiǎn)單的分割法往往比復(fù)雜的設(shè)計(jì)更可取。,15,高級(jí)教育,加強(qiáng)整體的結(jié)構(gòu)組織和方向視覺(jué)秩序，應(yīng)當(dāng)考慮基本形式：水平分割、垂直分割、斜向分割、曲線分割,16,高級(jí)教育,17,高級(jí)教育,三、對(duì)比,對(duì)比是差異性的強(qiáng)調(diào)。對(duì)比的因素存在于相對(duì)的兩要素之間相異的性質(zhì)。 它包括大小、明暗、黑白、強(qiáng)弱、粗細(xì)

4、、疏密、高低、遠(yuǎn)近、硬軟、直曲、濃淡、動(dòng)靜、銳鈍、輕重、正反、單雙的對(duì)比。,18,高級(jí)教育,大小對(duì)比,19,高級(jí)教育,輕重對(duì)比,對(duì)比必須清晰鮮明、一目了然，不能模棱兩可。,20,高級(jí)教育,對(duì)比的最基本要素是顯示主從關(guān)系和統(tǒng)一變化的效果,21,高級(jí)教育,22,高級(jí)教育,正反對(duì)比,23,高級(jí)教育,四、重復(fù)與交錯(cuò) 在版面構(gòu)成中，不斷重復(fù)使用相同的基本形或線，使設(shè)計(jì)產(chǎn)生安定、整齊、規(guī)律的統(tǒng)一。,24,高級(jí)教育,四、重復(fù)與交錯(cuò) 但重復(fù)構(gòu)成后的視覺(jué)感受有時(shí)容易顯得呆板、平淡、缺乏趣味性的變化。所以，我們?cè)诎婷嬷锌砂才乓恍┙诲e(cuò)與重疊，打破版面呆板、平淡的格局。,25,高級(jí)教育,五、節(jié)奏與韻律 節(jié)奏是按照一定

5、的條例、秩序、重復(fù)連續(xù)地排列，形成一種律動(dòng)形式，它有等距離的連續(xù)，也有漸變、大小、長(zhǎng)短、明暗、形狀、高低等的排列構(gòu)成。 利用圖形大小的漸變，體現(xiàn)出節(jié)奏美,26,高級(jí)教育,韻律就好比是音樂(lè)中的旋律，不但有節(jié)奏更有情調(diào)，它能增強(qiáng)版面的感染力，開(kāi)闊藝術(shù)的表現(xiàn)力。,在節(jié)奏中注入美的因素和情感個(gè)性化，就有了韻律。,27,高級(jí)教育,在版面設(shè)計(jì)中，韻律可以在文字筆畫的重復(fù)中，以及字行和行距的空白的重復(fù)中找到，并且以有組織有變化的相互交替在一個(gè)平面的整體中產(chǎn)生不尋常的美觀。,采用文字條，逐步漸變到版面主題，進(jìn)而達(dá)到一種優(yōu)美旋律的追求,28,高級(jí)教育,29,高級(jí)教育,韻律感令人心情輕松穩(wěn)定,30,高級(jí)教育,六、

6、對(duì)稱,兩個(gè)同一形的并列與均齊，實(shí)際上就是最簡(jiǎn)單的對(duì)稱形式。,31,高級(jí)教育,對(duì)稱的形式有左右對(duì)稱，上下對(duì)稱，放射對(duì)稱（以對(duì)稱點(diǎn)為源），反轉(zhuǎn)對(duì)稱。其特點(diǎn)是穩(wěn)定、莊嚴(yán)、整齊、秩序、安寧、沉靜。,32,高級(jí)教育,它是版面中心被強(qiáng)調(diào)的高格調(diào)表現(xiàn)。古典主義版面設(shè)計(jì)中應(yīng)用較多。,33,高級(jí)教育,以中軸線為軸心的左右對(duì)稱構(gòu)成的版面，形成一種曲線的秩序美。,34,高級(jí)教育,均衡是一種有變化的平衡。它運(yùn)用等量不等形的方式來(lái)表現(xiàn)矛盾的統(tǒng)一性，揭示內(nèi)在的、含蓄的秩序和平衡，達(dá)到一種靜中有動(dòng)或動(dòng)中有靜的條理美和動(dòng)態(tài)美。,七、均衡,35,高級(jí)教育,利用虛實(shí)氣勢(shì)達(dá)到呼應(yīng)、和諧一致，造成視覺(jué)上的均衡。,36,高級(jí)教育,均衡

7、的形式富于變化、趣味，具有靈巧、生動(dòng)活潑、輕快的特點(diǎn)。,37,高級(jí)教育,38,高級(jí)教育,八、變異與秩序,變異是規(guī)律的突破，是一種在整體效果中的局部突變。這一突變之異，往往就是整個(gè)版面最具動(dòng)感、最引人關(guān)注的焦點(diǎn)，也是其含義延伸或轉(zhuǎn)折的始端。變異的形式有規(guī)律的轉(zhuǎn)移、規(guī)律的變異、可依據(jù)大小、方向、形狀的不同來(lái)構(gòu)成特異效果。,39,高級(jí)教育,40,高級(jí)教育,41,高級(jí)教育,秩序美是構(gòu)成版面的靈魂。它是一種組織美的編排，能體現(xiàn)版面的科學(xué)性和條理性。 構(gòu)成秩序美的原理有對(duì)稱、均衡、比例、韻律、多樣統(tǒng)一等。在秩序美中溶入變異之構(gòu)成，可使版面獲得一種活潑動(dòng)情的效果。,42,高級(jí)教育,九、虛實(shí)與留白,中國(guó)傳統(tǒng)美

8、學(xué)上有“計(jì)白守黑”這一說(shuō)法。就是指編排的內(nèi)容是“黑”，也就是實(shí)體，細(xì)弱的文字、圖形或色彩是白。 版面中的空白如同人的呼吸，使版面產(chǎn)生生氣、活力、節(jié)奏、停頓等等，作為圖形的襯托，表現(xiàn)確實(shí)的形象。,43,高級(jí)教育,在版面構(gòu)成中，巧妙地留白，講究空白之美，是為了更好地襯托主題，集中視線和造成版面的空間層次。,44,高級(jí)教育,留白是版面未放置任何圖文的空間，它是“虛”的特殊表現(xiàn)手法。 空間的形狀和銜接的方式也就是字行之間和平面四周留出的空白，其形狀、大小、方向和運(yùn)動(dòng)的比例關(guān)系決定著版面設(shè)計(jì)的質(zhì)量和深度。,45,高級(jí)教育,46,高級(jí)教育,留白的感覺(jué)是一種輕松，最大的作用是引人注意。,47,高級(jí)教育,48

9、,高級(jí)教育,49,高級(jí)教育,十、力場(chǎng)與網(wǎng)格,“力場(chǎng)”是一種在人們心理的感應(yīng)下虛擬的空間。在版面的范圍內(nèi)，通過(guò)點(diǎn)狀、線狀和塊面的分割和限定，使版面充滿空靈的、流動(dòng)的、并形成一個(gè)具有生命力的“場(chǎng)”。,50,高級(jí)教育,平面的上半部分引起人們一種輕松、飄動(dòng)和自由的想象，越是往上看，這種感覺(jué)就越強(qiáng)烈。平面的下半部分給人完全相反的印象，壓抑，束縛，受限制但是穩(wěn)定和沉重。這種高與低的特性是人類眼睛在平面上受到萬(wàn)有引力影響的內(nèi)在經(jīng)驗(yàn)。,51,高級(jí)教育,52,高級(jí)教育,網(wǎng)格，20世紀(jì)起源于瑞士，也是平面構(gòu)成中骨架的概念，并得以發(fā)展與延伸。網(wǎng)格分為可見(jiàn)的和不可見(jiàn)的?？梢?jiàn)的網(wǎng)格清晰，具有條理性，但有呆板的感覺(jué)。,5

10、3,高級(jí)教育,如果設(shè)計(jì)師在統(tǒng)一網(wǎng)格的風(fēng)格中，進(jìn)行一些破格或變異的設(shè)計(jì)，運(yùn)用網(wǎng)格作為版面編排的程序，形成不可見(jiàn)的網(wǎng)格，會(huì)有意想不到的效果。這種自由方式的構(gòu)造，能使版面更豐富、更創(chuàng)新、更活潑。,54,高級(jí)教育,十一、中心,55,高級(jí)教育,十二、方向,版面設(shè)計(jì)中，由文字組成的行表現(xiàn)為線的形式，由字行集合成的行組以及圖片，它們的形狀和結(jié)構(gòu)一般也表現(xiàn)為某種運(yùn)動(dòng)的方向。,56,高級(jí)教育,水平和垂直給平面以安靜和固定的感覺(jué)。相反，傾斜比較來(lái)說(shuō)具有動(dòng)感，表現(xiàn)出從一端向另一端移動(dòng)的感覺(jué)。,57,高級(jí)教育,當(dāng)然，除此之外還有很多樣式的運(yùn)動(dòng)方向，它們不是接近水平和垂直，就是近似傾斜，其表現(xiàn)力也與近似的運(yùn)動(dòng)方向一致。

11、,58,高級(jí)教育,對(duì)于版面要素過(guò)多又過(guò)于雜亂 的情況，可以用規(guī)律的網(wǎng)格骨 架統(tǒng)一整理，形成多樣統(tǒng)一的 基調(diào)。方向上的統(tǒng)一也是解決 畫面雜亂的很好手段。,水平、垂直與傾斜組合起來(lái)使用，如水平中有垂直，或者水平和垂直中有傾斜，能使版面產(chǎn)生對(duì)比，帶來(lái)豐富和生動(dòng)的效果。,59,高級(jí)教育,5偏心型（圖文半分型）,1標(biāo)準(zhǔn)型,2標(biāo)題型,3全圖型（底紋型）,4中軸型,6交叉型,7傾斜型,8文字型,9指示型,10重復(fù)型,11網(wǎng)格型,12散點(diǎn)型,13曲線型,14三角型,15圓型,60,高級(jí)教育,版面設(shè)計(jì)的基本類型,1標(biāo)準(zhǔn)型 最常見(jiàn)的一種編排形式，常用于一般書籍、雜志、報(bào)刊等。插圖在最佳視線內(nèi)，順著視覺(jué)流程向下，依

12、次是標(biāo)題，說(shuō)明文，標(biāo)語(yǔ)，商標(biāo)，企業(yè)名稱等。 這種方式有良好的安定感，也符合人們認(rèn)識(shí)事物的邏輯順序。,61,高級(jí)教育,標(biāo)準(zhǔn)型版面可以分為豎排型（傳統(tǒng)型）和橫排型（現(xiàn)代型）兩種。豎排文字從右到左，上到下，符合中國(guó)傳統(tǒng)閱讀習(xí)慣，在中國(guó)臺(tái)灣和香港地區(qū)的現(xiàn)代設(shè)計(jì)中運(yùn)用較多。橫排式是從左到右編排的，這種方式更為通俗化。,62,高級(jí)教育,2標(biāo)題型 版面上標(biāo)題為先，順著視覺(jué)流程向下，依次是標(biāo)語(yǔ)、說(shuō)明文、插圖、商標(biāo)、企業(yè)等。這種形式適用于提高產(chǎn)品或企業(yè)知名度，訴求的重心在標(biāo)題上。這時(shí)的標(biāo)題形式、字體、色彩是整個(gè)編排中的重點(diǎn)部分。,63,高級(jí)教育,3全圖型（底紋型） 用一張圖片占據(jù)整個(gè)版面，在圖片的適當(dāng)位置直接嵌

13、入標(biāo)題、文字等，此時(shí)圖本身的藝術(shù)質(zhì)量至關(guān)重要，精度、色彩準(zhǔn)確度、圖形的趣味性要求較高。 這個(gè)類型的版面形式大方、舒展，是商品廣告和雜志廣告常用的類型。,64,高級(jí)教育,65,高級(jí)教育,這類編排具有良好的平衡感，對(duì)中軸線兩側(cè)各要素進(jìn)行大小、深淺、冷暖等的對(duì)比、變化，才能呈現(xiàn)動(dòng)感。水平排列穩(wěn)定安詳，垂直排列沖動(dòng)向上。,4中軸型 是一種對(duì)稱的構(gòu)成形態(tài)，標(biāo)題、圖片、說(shuō)明文與標(biāo)志、圖形基本對(duì)稱放于軸心線兩邊，版面上的中軸線可以是有形的，也可以是無(wú)形的。,66,高級(jí)教育,67,高級(jí)教育,5偏心型（圖文半分型） 把插圖安排在版面的左側(cè)或右側(cè)，余下的一側(cè)放文字說(shuō)明等內(nèi)容。也可以上下半分。有圖片的部分感性活力，

14、放文字的部分理性靜止。一般人視線往往先落在版面的左上側(cè)，所以圖片安置在左側(cè)或上側(cè)，適當(dāng)用點(diǎn)、線穿插，可以讓被分割的兩部分和諧起來(lái)。,68,高級(jí)教育,69,高級(jí)教育,70,高級(jí)教育,71,高級(jí)教育,6交叉型 版面中的兩個(gè)構(gòu)成要素，一個(gè)構(gòu)成要素疊放于另一個(gè)上面進(jìn)行交叉，可以是十字交叉，也可以是一定角度的傾斜交叉。這種編排產(chǎn)生前后層次感，增加版面的視覺(jué)深度，交叉中心成為視覺(jué)中心。,72,高級(jí)教育,73,高級(jí)教育,7傾斜型 這是一種有很強(qiáng)動(dòng)感的類型，圖中的要素或主體呈傾斜狀放置，讀者視線隨傾斜角度動(dòng)。不管是圖片還是文字塊在版面上做傾斜的編排，整體的效果都具有動(dòng)感。,74,高級(jí)教育,75,高級(jí)教育,8文

15、字型 以文字為主體構(gòu)成的版面，圖片僅為版面的點(diǎn)綴。 在這里，文字的字體、大小、色彩是設(shè)計(jì)的首要因素。,76,高級(jí)教育,77,高級(jí)教育,文字型的編排是否有吸引力，取決于廣告文案的感染力，文字自身的結(jié)構(gòu)美當(dāng)作畫面的圖形要素進(jìn)行編排，也構(gòu)成文字型的特點(diǎn)。,78,高級(jí)教育,9指示型 用指示性的形象把讀者的視線引導(dǎo)到要重點(diǎn)表現(xiàn)的商品目標(biāo)上，指引方式可以通過(guò)箭頭、手指、透視線、聚焦等各種方式。這樣的編排方式受“最佳視域”和“視覺(jué)流程”的約束很小，可以根據(jù)設(shè)計(jì)的內(nèi)容來(lái)決定把版面的重心放在哪個(gè)位置上。這種類型的編排改變了視覺(jué)流程的走向，但一定要將訴求重心以極其簡(jiǎn)明的表達(dá)安排在指示終點(diǎn)處，使視覺(jué)流程終點(diǎn)與表現(xiàn)要

16、點(diǎn)相吻合，這樣才能取得良好的視覺(jué)效果。,79,高級(jí)教育,10重復(fù)型 將同一視覺(jué)要素在版面上作重復(fù)編排，重復(fù)的內(nèi)容可以是圖片也可以是標(biāo)題或標(biāo)志等，重復(fù)有強(qiáng)調(diào)的作用，可以讓被重復(fù)的部分給人留下深刻印象。不過(guò)，要注意節(jié)奏與韻律的作用，不要流于呆板。,80,高級(jí)教育,11網(wǎng)格型 將全部或部分版面作棋盤式分割，版面被分成若干等面積的幾何形態(tài)。 這種方式適合于版面上需要安排許多份量相同的單元，如介紹一組產(chǎn)品等。,81,高級(jí)教育,將圖片或者圖形、文字，納入網(wǎng)格中，利用網(wǎng)格將版面上過(guò)于雜亂的要素進(jìn)行整理。,82,高級(jí)教育,83,高級(jí)教育,12散點(diǎn)型 將各種構(gòu)成要素在版面上作不規(guī)則分散狀，也稱自由型的編排。這種貌似隨意的分散，其實(shí)內(nèi)涵上往往包含設(shè)計(jì)的精心構(gòu)置。在編排時(shí)注意節(jié)奏、疏密、均衡感，總體感要有統(tǒng)一的氣氛，要做到形散神不散。,84,高級(jí)教育,85,高級(jí)教育,13曲線型 對(duì)重點(diǎn)物體作曲線型或插圖與文稿的排列為曲線形的構(gòu)圖。,86,高級(jí)教育,87,高級(jí)教育,88,高級(jí)教育,14三角型 文字或圖形編排成三角形，正三角形富有穩(wěn)定感，逆三角形有動(dòng)感，用正三角形時(shí)注意避免呆板，而用逆三角形時(shí)注意平衡。,89,高級(jí)教育,90,高級(jí)教育,15圓型 將插圖處理成