大家在設(shè)計(jì)中一定逃不開banner設(shè)計(jì)了，Banner設(shè)計(jì)可以說是品牌視覺設(shè)計(jì)中極為常見的，一般來說像網(wǎng)站頁面的品牌宣傳、電商平臺(tái)的首屏商品廣告、雜志手冊(cè)上的大標(biāo)題等，都離不開banner設(shè)計(jì)。

而字體設(shè)計(jì)作為電商廣告Banner中的靈魂，對(duì)banner主題的呈現(xiàn)起著關(guān)鍵作用，今天我們一起來探討一下關(guān)于Banner文字設(shè)計(jì)的一些經(jīng)驗(yàn)和方法。 

01/

文字排版

Banner中的文字信息傳達(dá)應(yīng)與口語表述相似，需要抑揚(yáng)頓挫、重點(diǎn)突出地進(jìn)行。在文字排版上，要求重點(diǎn)突出，大小粗細(xì)錯(cuò)落有致。字與字之間的結(jié)構(gòu)、布局、留白、組織、呼應(yīng)等要疏密有序。字體保持在兩種左右，加入一些跟內(nèi)容有關(guān)聯(lián)的元素或者形狀，可以很好地表達(dá)整個(gè)設(shè)計(jì)的情緒。

在明確主題以及內(nèi)容之后，我們就要根據(jù)主題和內(nèi)容來設(shè)計(jì)版式，版式就是畫面的整體布局，好的版式能夠清楚的表達(dá)核心思路，正確的展示想要給用戶看的東西；大體上排版一般分為兩種：圖文左右排版和文字居中排版。

1>圖文左右排版

因?yàn)槲覀兊囊曈X瀏覽習(xí)慣都是從左往右還有從上到下的，所以我們?cè)谧?Banner 的時(shí)候會(huì)經(jīng)常性的選擇使用左右排版，那么使用左圖右文還是左文右圖也是需要根據(jù)主題和內(nèi)容來決定的。

‍‍當(dāng)配圖示意比較模糊的時(shí)候，我們使用左文字右圖的形式，強(qiáng)調(diào)文字的吸引力，有一定指導(dǎo)作用。

這里文字能夠精準(zhǔn)地將信息帶給用戶，文字所占比例比圖片多些，這也解釋了為何大部分左文右圖排版的 Banner 都是文字占比大于圖片。

‍‍當(dāng)配圖示意比較明確，同時(shí)圖片能夠強(qiáng)調(diào)吸引的時(shí)候，我們采用左圖右文字，如下圖：

使用左圖右文字，也是因?yàn)閳D片的內(nèi)容更吸引用戶多一些，所以對(duì)圖像的品質(zhì)要求更高，精致感品質(zhì)感也有要求，這種類型大多使用在家居，護(hù)膚等產(chǎn)品上。

‍‍小結(jié)：圖文左右排版，以分割排版的方式構(gòu)圖，畫面有明確的獨(dú)立性和引導(dǎo)性，這種方式留白更多，較好的視覺引導(dǎo)和方向使信息更明確，更顯品質(zhì)感。

2>文字居中

文字居中的排版多用于電商促銷、公眾號(hào)的文章封面等，大多是突出文字的內(nèi)容，比如促銷的折扣，文章的主題等，其余的產(chǎn)品或者圖片都是為了搭配文字做出的氣氛烘托，吸引用戶點(diǎn)擊。

‍‍使用這種方式讓畫面展示規(guī)整穩(wěn)定、醒目大方，視覺更聚焦，信息更集中，在突出主體的同時(shí)能使整體畫面具有一定的沖擊力。

‍‍小結(jié)：文字居中布局對(duì)于實(shí)物（人，商品，創(chuàng)造形象）要求并不高，文字信息本身的處理要求就會(huì)高一點(diǎn)。在確認(rèn)好主題和內(nèi)容后，我們根據(jù)產(chǎn)品所要突出的重點(diǎn)來決定我們的版式，是要突出文字還是突出產(chǎn)品，突出產(chǎn)品即使用左圖右文字，這種版式對(duì)產(chǎn)品的圖片要求比較高；想要突出文字，則可以選擇左文字右圖或者文字居中排版，但都對(duì)文字的設(shè)計(jì)要求比較高。 不確定用什么版式，我們可以在設(shè)計(jì)的時(shí)候不妨多做幾個(gè)版本，大膽嘗試。

02/

文字設(shè)計(jì)

Banner的文字信息是其表達(dá)中心思想的靈魂，如果在設(shè)計(jì)文字的時(shí)候全部使用自帶字體，會(huì)使 Banner顯得太過生硬，不富有情感，應(yīng)該更多地采用字體變形，重新組合。通過不同的筆觸粗細(xì)和寬高比例，展現(xiàn) Banner的視覺沖擊力和活力。

文案內(nèi)容要高效的傳遞信息，吸引用戶注意力，讓人一下子看到主題，文案中文字的排版要區(qū)分主次，把控好信息層級(jí)；使用合適的字體，明確字體適用的場(chǎng)合，同一畫面中字體的使用盡量不要超過三種，過多會(huì)顯得雜亂，要使用識(shí)別度高的字體。

而 Banner 中常用的字體有三種：襯線體、非襯線體和書法體。 

1>襯線體

襯線體筆畫有粗細(xì)之分，它模仿的是中國古代字體和古代碑文上的字體，簡(jiǎn)單且易變形，襯線體能給人古典，經(jīng)典，文藝的感覺，適合用于文藝氣息的家居用品或文娛類的相關(guān)宣傳設(shè)計(jì)上。

以上圖為例：文案內(nèi)容中的“全面淪陷”，讓人一目了然；下面一行的內(nèi)容，更加詳細(xì)解釋了上面的主標(biāo)題。畫面顏色凸顯主題，所以字體變形，使用白色，反而在畫面中更加突出。襯線字體一般推薦使用方正經(jīng)黑簡(jiǎn)體、方正俊黑、方正蘭亭顯黑簡(jiǎn)體、華文細(xì)黑等，使用的時(shí)候注意版權(quán)問題。 

2>非襯線體

非襯線體較簡(jiǎn)潔，筆畫較粗，很容易產(chǎn)生視覺重點(diǎn)，非襯線字體體現(xiàn)現(xiàn)代、簡(jiǎn)約的特性，適合用于蒼勁有力、促銷類的相關(guān)設(shè)計(jì)，吸引用戶注意力，提高Banner點(diǎn)擊率。

以上圖為例：主副標(biāo)題區(qū)分清楚，在字體筆畫變形上，結(jié)合科技感的氣氛，增加了光的流動(dòng)感，讓標(biāo)題不會(huì)過于死板。非襯線字體常用的有：漢儀潤圓、方正綜藝簡(jiǎn)體、造字工房勁黑、造字工坊版黑、方正蘭亭粗黑、冬青黑體、思源黑體等。 

3>書法體

書法體源自中國古代，能體現(xiàn)中國文化和揮灑墨水的豪氣，適用于傳統(tǒng)、中國風(fēng)、意境的文藝主題和金戈鐵馬般的豪邁主題。

上圖為例：中秋節(jié)是中國的傳統(tǒng)文化，使用書法體能夠?qū)⒄�體畫面營造的中國古典風(fēng)更好的融合起來，書法體推薦李旭科書法、漢儀尚巍手書、葉根友行書繁體等字體 。

‍‍小結(jié)：不管是使用哪種類型的字體，在制作 Banner 時(shí)，我們都需要清楚的知道整張 Banner 所要表達(dá)的情緒，從而在字體的設(shè)計(jì)上也能夠表現(xiàn)出情緒，這樣才能夠更好地融合進(jìn) Banner ，進(jìn)而更好的表達(dá)出你想要的主題。