1.本節(jié)課我們講解受用終身的banner排版，首先我們看一些優(yōu)秀的案例，通過案例學習人家好得地方，整體排版有創(chuàng)意的中間是比較大的字母，這里信息傳遞就比較少了主要是吸引人的目光。

2.我們看下一個同樣也是賣服裝的，看起來比較時尚簡約，但是排版方法是很好的，整個畫面是左邊文案右邊圖片的排版，層次感塑造比較好，層次感的塑造主要由【字體間對比】【大小的對比】【字體粗細的對比】【顏色的對比】【虛實的對比】。

3.接下來看這個排版就是比較適合于某些風格的產(chǎn)品，比較個性根據(jù)畫面風格配色搭配文案，這種沖擊力比較大，主次關(guān)系需要強調(diào)出來。

4.還有就是這種比較時尚大牌的風格，文案比較少精致簡潔，自己想有時候沒有這種想法，我們要多看才能靈活設計出這種形式。

5.這種就是比較清新的感覺，英文充當增加畫面層次的作用，英文的排版作用是非常大的，左文右圖比較凸顯右側(cè)主體。

6.接下來看這個排版畫面是比較復雜的，設計比較時尚，主體人物占據(jù)人物的主體焦點，改變字體筆畫使其更加具有創(chuàng)意。

7.然后我們看下一個排版是比較男子漢一些，突出人物，英文增加畫面的層次感，深藍色塊突出主題。

8.接下來我們看著一個排版是比較前后對比虛實對比的，人看到的東西彩色比較吸引人，這個畫面就是虛實對比，視覺效果更棒，對比反差比較大。

9.那么我們看這樣的一個構(gòu)圖比較好的創(chuàng)意，字體的英文基礎上改變比較大，中文變?yōu)橹匾模w左對齊方式，比較精致信息表達比較好。

10.這是一個比較負面的案例，后方調(diào)色盤比較臟，字母的文案信息才能更加明顯。

11.這個畫面中的文案信息加粗處理，添加線框畫面更加條理有創(chuàng)意。

12.這個畫面的排版形式非常精致，層次分明主題突出，整體左對齊非常好，最簡單最基礎最容易出效果的。

13.然后這個畫面的文案整體效果非常好，色調(diào)搭配非常好比較北歐的風格，看起來非常舒服。

14.接下來我們開始設計，先看一下文案跟尺寸的要求如圖所示。

15.使用【PS】新建畫布，拖入我們的素材圖片背景繪制矩形填充藍色，繪制一個小的矩形將素材圖片創(chuàng)建剪切蒙版區(qū)分出層次感覺。

16.然后我們給右側(cè)的矩形添加一個白色的邊框效果，拖入文案放到畫面當中，將英文的字母放大在下方排版文案如圖所示。

17.接下來我們將副標題進行繪制一個矩形擺放在上方填充背景藍色在下方。

18.我們再進行將裝飾英文擺放在右側(cè)圖片的右側(cè)，右上方輸入時間文案。

19.然后我們再輸入一些輔助文案擺放在畫面周圍，我們再拖入素材圖擺放在后方混合模式為【柔光】降低不透明度。

20.我們在左側(cè)繪制一個矩形進行輸入英文裝飾做出最終效果。

來源：虎課網(wǎng)