版式設(shè)計(jì)攻略!如何恰當(dāng)?shù)倪\(yùn)用圖片?
版式設(shè)計(jì)中圖片數(shù)量的多寡,直接影響到觀賞者的興趣,根據(jù)版面的內(nèi)容精心安排圖片會大大提高觀者的閱讀興趣。

圖片放置的位置直接關(guān)系到版面的構(gòu)圖布局,版面中的左、右、上、下以及對角線的四角都是視線的焦點(diǎn),在這些焦點(diǎn)上恰到好處地安排圖片,版面的視覺沖擊力就會明顯地表露出來,使版面變得清晰、簡潔而富于條理性。

①單幅圖片的位置安排。如果版面只采用一張圖片時(shí),就要選擇一張質(zhì)量較高的圖片,而位置決定著人們對圖片的第一印象。

中部擺放,常需要色塊或文字標(biāo)題來配合使用,這里對人物照片進(jìn)行裁剪,在頁面上配以色塊輔助,這樣出來的東西精煉干凈又不失高雅;邊角擺放,圖片在角位置的擺放,使得版式豁然生動(dòng)起來;也可以占據(jù)半個(gè)版面。

②多幅圖片的位置安排。圖片增加到三張以上,就能營造出很熱鬧的版面氛圍,非常適合于普及的、熱鬧的和新聞性強(qiáng)的讀物。有了多張照片,就有了瀏覽的余地。數(shù)量的多少,并不是由我們隨心所欲地決定,而是根據(jù)版面的內(nèi)容來精心安排。

中部擺放,有的時(shí)候不需要追求多么炫目的藝術(shù)效果,只要通過頁面元素的簡單組合,對頁面垂直和水平的分割,文字與圖片相互作用,使組合后的圖片整潔大方;邊角擺放,將圖片放在不是很重要的位置上,有時(shí)候是為了弱化單張圖片的重要性。

③多個(gè)版面。多圖片占據(jù)半個(gè)版面,這時(shí)候一般是文字占半版,圖片組合占半版,這樣做的好處是條理清楚、文是文、圖是圖。有時(shí)候?yàn)榱吮苊饣靵y,可以采用網(wǎng)格狀構(gòu)圖,通過多張圖片來陪襯,突出中心位置的文字或形象時(shí)。


當(dāng)版式中所包括的內(nèi)容有先后順序時(shí),就應(yīng)該設(shè)計(jì)出符合人們審視順序習(xí)慣的版式,圖片順序的排列,并不是我們的隨心所欲所能控制的,而需要版面的內(nèi)容來協(xié)調(diào),根據(jù)主題重要性排列圖片順序。

①放大和縮小。將需要讓人注意的部分設(shè)計(jì)得比較大,具有引導(dǎo)人們首先閱讀或觀看的作用。首先運(yùn)用首要內(nèi)容放大法,再根據(jù)尺寸的大小來安排順序的先后。同樣也可以通過縮小其他圖片尺寸的方法。

還可以同時(shí)運(yùn)用這兩種處理方式,達(dá)到對內(nèi)容的先后順序進(jìn)行明確的區(qū)分的目的,例如:一張主圖(大圖)配幾張小圖,通過圖片面積的大小來引導(dǎo)視覺順序,通過大圖和小圖之間的互相搭配、結(jié)合、烘托,傳遞的信息量更大,從各個(gè)角度把事物或事件表現(xiàn)得更直觀、更充分、更全面,以提升版面的整體沖擊力。

②顏色和圖形。通過顏色的調(diào)整來使內(nèi)容有所變化,也可以作為區(qū)分內(nèi)容先后順序的方法。例如:純度高的顏色更加顯眼,就可以選擇純度高的顏色來突出重點(diǎn),純度高的顏色比純度低的顏更加顯眼。


在進(jìn)行版式設(shè)計(jì)時(shí),設(shè)計(jì)師有必要提前了解受眾的閱讀習(xí)慣和設(shè)計(jì)成品的排版方式,預(yù)設(shè)出觀者的審視順序,這樣才可以設(shè)計(jì)出很多元素,或者按照圖片的先后內(nèi)容進(jìn)行規(guī)律性排列,起到順暢引導(dǎo)觀者視線移動(dòng)的目的。

就單頁印刷品而言,受眾的閱讀習(xí)慣是自左向右,則視覺流程按照由左上角、左下角、中心、右上角、右下角這樣的順序反復(fù)掃視,所以為突出要展示的重點(diǎn),應(yīng)將標(biāo)題或首圖等重要內(nèi)容放在左上角的位置,最不重要的內(nèi)容可以安排在右下角。

就多頁印刷品而言,如果是從左側(cè)打開的,則視線是從左上方向右下方移動(dòng);有時(shí)也有右側(cè)打開的印刷品,那么視線的移動(dòng)則相反,是從對頁的右上方向左下方移動(dòng)。設(shè)計(jì)師應(yīng)該根據(jù)視線移動(dòng)基本方式來進(jìn)行排版,否則就會加重觀者的負(fù)擔(dān),使其產(chǎn)生閱讀疲勞。

當(dāng)然,現(xiàn)代的大部分印刷品都是左側(cè)打開的。對于左側(cè)打開,橫向排版的印刷品來說,視線通常是從左上方到右下方,而在按照段組設(shè)計(jì)的情況下,需要能夠讓視線從一個(gè)段落自然而順暢地轉(zhuǎn)移到下一個(gè)段落。


圖片包括很多的種類,其中很多圖片具有動(dòng)感及方向性,如果能夠靈活處理這些圖片,那么就可以控制圖片帶給人們的感官印象。

①拍攝對象引起的方向性。有的圖片中有動(dòng)態(tài)和方向的元素。例如:人物圖片的動(dòng)作、手勢以及面部和目光的朝向,這些都是可讓人感受到圖片的動(dòng)態(tài)走勢和方向性的圖片元素??梢酝ㄟ^對這些元素的靈活處理,來引導(dǎo)讀者視線流動(dòng)的方向。

②把圖片加入動(dòng)感。每張圖片都會由于被攝對象運(yùn)動(dòng)的強(qiáng)弱而產(chǎn)生程度不同的動(dòng)勢。例如:拍攝對象本身是傾斜的,可以增強(qiáng)圖片運(yùn)動(dòng)或者變化的程度。不僅僅通過對被攝對象的選擇實(shí)現(xiàn),還包括傾斜或改變圖片放置角度的方式,也能打破常規(guī)垂直、水平的平衡感,來增加圖片的動(dòng)感。
①標(biāo)題性文字與圖片的組合。有時(shí)在圖片中會出現(xiàn)標(biāo)題,就要先判斷標(biāo)題與圖片的主從地位了。
如果希望可以突出標(biāo)題,圖片為從屬,那么標(biāo)題可以位于圖片的重要位置,字號可以放大,甚至是遮擋住圖片;如果希望可以突出圖片,或圖片與標(biāo)題并重,那么標(biāo)題就應(yīng)該放置在圖片的留白處。圖片內(nèi)的標(biāo)題的字體顏色不能與圖片主色調(diào)相近,應(yīng)該選用容易辨識的顏色。
②說明性文字與圖片的組合。圖片往往需要與說明性文字配合使用,文字說明與圖片的對應(yīng)關(guān)系必須是明確的。不能損壞文字部分的可讀性,如果將圖片置于說明文字之中,往往破壞了文字的連貫性,因此可在說明文字段前段后插入圖片。