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

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

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

4.還有就是這種比較時(shí)尚大牌的風(fēng)格，文案比較少精致簡(jiǎn)潔，自己想有時(shí)候沒有這種想法，我們要多看才能靈活設(shè)計(jì)出這種形式。

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

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

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

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

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

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

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

12.這個(gè)畫面的排版形式非常精致，層次分明主題突出，整體左對(duì)齊非常好，最簡(jiǎn)單最基礎(chǔ)最容易出效果的。

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

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

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

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

17.接下來我們將副標(biāo)題進(jìn)行繪制一個(gè)矩形擺放在上方填充背景藍(lán)色在下方。

18.我們?cè)龠M(jìn)行將裝飾英文擺放在右側(cè)圖片的右側(cè)，右上方輸入時(shí)間文案。

19.然后我們?cè)佥斎胍恍┹o助文案擺放在畫面周圍，我們?cè)偻先胨夭膱D擺放在后方混合模式為【柔光】降低不透明度。

20.我們?cè)谧髠?cè)繪制一個(gè)矩形進(jìn)行輸入英文裝飾做出最終效果。

來源：虎課網(wǎng)