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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

來(lái)源：虎課網(wǎng)