圖片的排版方式眾多,如何找到其中的規(guī)律呢?希望本文能給你帶來一點(diǎn)幫助。
1、平鋪:
即把圖片鋪滿整個(gè)版面,圖片的4個(gè)邊,緊貼版面的4個(gè)邊緣。圖片上的內(nèi)容被放大很多倍。這種處理方式多用于雜志封面網(wǎng)站首頁。
平鋪的圖片上既可以是文字,也可以是色塊+文字,或者各種圖形。一般平鋪的圖片到都作為背景圖片。
平鋪的圖片比較有動(dòng)感和視覺張力,容易吸引人的注意,例如下圖平鋪的效果就一般般。
2、跨欄:
把圖片放在頁面中央,并拉長(zhǎng),橫跨2頁的幅度。與平鋪類似,但比平鋪更窄更長(zhǎng),有聯(lián)接各處,加強(qiáng)關(guān)系的意味。
2、圖片在一側(cè):
圖片在右,左邊是色塊、文字。
或者圖片在下,上部是色塊、文字。
不管圖片在哪一側(cè),另一側(cè)就放置同樣視覺重量的色塊、文字或者圖形,來維持視覺平衡,形成對(duì)稱平衡畫面。
這時(shí)圖片還是有一條或3條邊是出血的,(圖片的邊緊貼版面邊緣)。圖片的面積至少占了半個(gè)版面。
3、圖片在左上、右下或中央:
圖片比平鋪和在一側(cè)時(shí)要小很多,通常在左上右下或中央的某個(gè)位置,留出的空白用色塊、圖形或文字填充,與圖片形成非對(duì)稱平衡。
這種形式更有活力和視覺沖擊力一些。
1、大小一致,兩邊對(duì)齊排版:
看齊來中規(guī)中矩,視覺簡(jiǎn)單、清晰。但也容易顯得乏味沒有生機(jī)。
兩張圖或有出血,或有一定頁邊距。
2、大小一致,不對(duì)齊排版:
即圖片大小、形狀一樣,但沒有統(tǒng)一的對(duì)齊方式,相互錯(cuò)落。
這樣方式比對(duì)齊排版更有活力一些,更張揚(yáng)。
有動(dòng)感,因?yàn)橹挥?幅圖片,所以也不會(huì)顯得凌亂。如果超過2幅圖片,大小可以不一樣,但還是盡量對(duì)齊為好。
3、一大一小,對(duì)齊排版:
可以大的圖片在左邊,小的圖片在右邊,大的占左邊一大部分,小的占右邊一小部分。
也可以大的那張圖進(jìn)跨版,小的那張圖則不跨版。這種排版對(duì)比鮮明、更有張弛和對(duì)比。
4、兩張圖片,中間有色塊穿插
1、大小一致,對(duì)齊排版:
就是常說的骨骼型板式,用整齊的網(wǎng)格將圖片整理對(duì)齊,這種排版方式穩(wěn)定性好,中規(guī)中矩。適合表現(xiàn)古典和正式場(chǎng)合的題材。
2、大小不一致,但對(duì)齊的排版:
這種排法會(huì)比前一種更富有一點(diǎn)對(duì)比,雖然都是一種對(duì)齊方式,但有大小的差別,更容易吸引人的注意力。
而且這種排版雖然沒有統(tǒng)一圖片的大小,圖片也比較多,但由于保持了嚴(yán)格的對(duì)齊關(guān)系,所以依然顯得很整潔。
3、大小一致, 但不對(duì)齊的排版:
4、大小不一致,且不對(duì)齊的排版:
幾張圖片的大小不一樣,同時(shí)不對(duì)齊,即把相連兩張圖片刻意錯(cuò)開,這么做可以打破完全對(duì)齊的單調(diào),使畫面有一定視覺沖擊力。但要保持一定的平衡規(guī)律,即使不是完全對(duì)稱的,也要相對(duì)對(duì)稱才行,這樣才不會(huì)由非對(duì)稱變?yōu)榱鑱y。
一大多小排版:
一張圖片很大,其他圖片很小,其中一幅圖片是最大的,是其他圖片的幾倍大,其他較小圖片圍繞在大圖片周圍。
如果在版面中分開排列大小差不多的多張圖片,那么該版面就會(huì)缺乏重點(diǎn)且沒有張力,而如果把其中一張圖片放大,與其他圖片形成鮮明的大小對(duì)比,就可以有效打破沉悶,形成視覺重心。
單圖、雙圖排版的時(shí)候變化形式可以多些,不容易凌亂。圖片很多時(shí)就要用網(wǎng)格對(duì)齊,以免造成視覺混亂,可以在網(wǎng)格的基礎(chǔ)上稍加變化。
有些圖片來源網(wǎng)絡(luò),侵權(quán)可聯(lián)系刪除。
聯(lián)系客服