版式設(shè)計版面解析

1、版式設(shè)計,Format,什么是版式設(shè)計？,?,就是在版面上，將圖片、文字進(jìn)行排列組合，,以達(dá)到傳遞信息和滿足審美需求的作用。,?,設(shè)計的對象是圖片和文字。,?,設(shè)計的目的是傳遞信息和滿足審美需求。,?,要注意！必須首先讓設(shè)計出來的版式起到傳遞,信息的作用后，再去考慮如何美化它。因為只,有少數(shù)人會去購買一本美觀但閱讀起來很費力,的書。,從那些方面去思考，如何讓版式達(dá)到目的？,版式設(shè)計,樣式,版面,視覺度,圖版率,文字跳躍率,照片跳躍率,網(wǎng)格拘束率,空白率,文字排列類型,字體印象,明確主題,分開主副題,群化,整理流向,避免曖昧,抑制四角,利用版心線,造型技巧,影響版式的因素之二,?,版面,什么是版

2、面？,?,當(dāng)選擇好適當(dāng)?shù)臉邮胶?，接下來就?要調(diào)整這些樣式的位置關(guān)系。樣式按,什么樣的關(guān)系排列，我們稱為版面。,版式設(shè)計的兩個步驟：,原稿,選擇樣式,調(diào)整版面,原稿，雖然已經(jīng)具備所必須的全部信息，但,條例不清，毫無生氣。,步驟一，選擇適合的樣式。,提高跳躍律，提高了視覺度，完成了樣式的,調(diào)整后，與原稿比增加了趣味，更吸引人也,更具條理。,步驟二，版面調(diào)整。,調(diào)整文字位置，根據(jù)文字的重要性體調(diào)整文,字大小，調(diào)整空白大小。這樣版式變得工整，,更加有條有理。,明確主題,?,放大主題部分，縮小次要部分，并給主題,已充足的空白。,感受明確主題的效果（一）：,結(jié)論（一）：,?,明確主題可以使信息有條理，便

3、于閱讀。,?,左邊名片上的信息很多，如果不加以區(qū)別就會給人混亂之感。,?,右邊名片根據(jù)信息的重要與否加以區(qū)別，別人看名片最先想,要知道的就是主人的名字，于是我們就應(yīng)該放大名字，接著,把別人其次想要知道的信息,公司名稱也放大（當(dāng)然，要,比名字?。?。這樣名片條例清晰，別人很快就能找到需要的,信息。,感受明確主題的效果（二）：,結(jié)論（二）：,?,明確主題讓信息有條理,?,左圖物體大小相似，有優(yōu)雅之感。不過稍顯缺,乏條例。,?,右圖放大了,2,個為題，畫面上有了主次，顯得,更有條理。,感受明確主題的效果（三）：,結(jié)論（三）：,?,如果把文字放在圖片上，那么別人就不,會去閱讀它，因為很難讀。,分開主、副

4、體？,?,拉開版面中主體元素與次要元素間的距離。,感受分開主副體（一）：,結(jié)論（一）：,?,分開主副體產(chǎn)生動感,?,左圖兩張照片放的靠近，畫面右面有沖擊力，,但是卻不平衡了。,?,右圖把兩張照片分開，視線從左到右流動，形,成的動感。,感受分開主副體（二）：,結(jié)論（二）：,?,分開主副體產(chǎn)生動感。,?,左圖的圖片放的很近，雖然工整，但是缺乏動,感。,?,右圖把圖片分開放置，產(chǎn)生了動感。,群化？,?,簡單的說，群化就是讓別人一眼就能看出,物體間的關(guān)系來。,?,左圖看不出四張圖片以何種方式組合在一起的。,?,右圖很容易就能說出四張圖片的關(guān)系。,感受群化：,結(jié)論：,?,群化能夠使畫面工整，各組圖片和文

5、字都,有各自區(qū)域，這樣可以使版面條理清晰。,避免曖昧,?,避免曖昧就能避免混亂。,感受避免曖昧（一）：,結(jié)論（一）：,?,段與段之間的距離要適當(dāng)分開一點，讓別,人清楚地知道這一段的內(nèi)容已經(jīng)說完了，,下面是新的內(nèi)容。,感受避免曖昧（二）：,結(jié)論（二）：,?,圖片的說明文字應(yīng)該適當(dāng)靠攏圖片。,感受避免曖昧（三）：,結(jié)論（三）：,?,對齊文字、段落和圖片。,感受避免曖昧（四）：,如何避免曖昧,04,?,對齊文字、段落和圖片。,調(diào)整流向,?,我們在觀看版面的時候，視線總會有流向。,統(tǒng)一畫面元素的流向，可以簡潔畫面。,?,設(shè)計師也可以利用視線的流向，引導(dǎo)觀眾,去觀看版面上的內(nèi)容。,感受調(diào)整流向（一）：,

6、結(jié)論：,?,統(tǒng)一流向，能夠使版面簡潔美觀。,空白,?,指文字或圖片周圍的空間。,感受空白（一）：,結(jié)論（一）：,?,空白是主題的領(lǐng)地。即使是使用較小的字,體，只要在周圍留出足夠的空白，也能起,到突出的作用。并且給人高品質(zhì)之感。,感受空白（二）：,結(jié)論（二）：,?,空白可以劃分空間，使版面條理清晰。,8.,利用版心,?,就是讓版面元素依照版心線構(gòu)圖。,感受版心：,結(jié)論：,?,依照版心線排列元素，版面顯得工整。,感受版心（二）：,結(jié)論（二）：,?,依照版心線排列元素，版面顯得工整。,造型技巧,節(jié)奏：,?,就是讓版面元素按一定規(guī)律排列，以形成,節(jié)奏感。,感受節(jié)奏（一）：,結(jié)論（一）：,?,將文字排列的有節(jié)奏感，有助于加強(qiáng)畫面,的美感。,感受節(jié)奏（二）：,結(jié)論（二）：,?,將圖片有節(jié)奏的展開，可以形成節(jié)奏感。,造型技巧,重點：,?,將重點突出。,感受重點（一）：,結(jié)論（一）：,?,只有標(biāo)題的文字大一點，雖然高品質(zhì)，但,應(yīng)該強(qiáng)調(diào)重點。把文字框起來，便可以強(qiáng),調(diào)它。,造型技巧,呼應(yīng)：,?,將兩個相似的形態(tài)，