大家在設計中一定逃不開banner設計了,Banner設計可以說是品牌視覺設計中極為常見的,一般來說像網站頁麵的品牌宣傳、電商平台的首屏商品廣告、雜誌手冊上的大標題等,都離不banner設計。
而字體設計作為電商廣告Banner中的靈魂,對banner主題的呈現起著關鍵作用,今天我們一起來探討一下關於Banner文字設計的一些經驗和方法。
①文字排版
Banner中的文字信息傳達應與口語表述相似,需要抑揚頓挫、重點突出地進行。在文字排版上,要求重點突出,大小粗細錯落有致。字與字之間的結構、布局、留白、組織、呼應等要疏密有序。字體保持在兩種左右,加入一些跟內容有關聯的元素或者形狀,可以很好地表達整個設計的情緒。
在明確主題以及內容之後,我們就要根據主題和內容來設計版式,版式就是畫麵的整體布局,好的版式能夠清楚的表達核心思路,正確的展示想要給用戶看的東西;大體上排版一般分為兩種:圖文左右排版和文字居中排版。
1、圖文左右排版
因為我們的視覺瀏覽習慣都是從左往右還有從上到下的,所以我們在做 Banner 的時候會經常性的選擇使用左右排版,那麼使用左圖右文還是左文右圖也是需要根據主題和內容來決定的。
當配圖示意比較模糊的時候,我們使用左文字右圖的形式,強調文字的吸引力,有一定指導作用。
圖片來自花瓣
這裏文字能夠精準地將信息帶給用戶,文字所占比例比圖片多些,這也解釋了為何大部分左文右圖排版的 Banner 都是文字占比大於圖片。
當配圖示意比較明確,同時圖片能夠強調吸引的時候,我們采用左圖右文字,如下圖:
使用左圖右文字,也是因為圖片的內容更吸引用戶多一些,所以對圖像的品質要求更高,精致感品質感也有要求,這種類型大多使用在家居,護膚等產品上。
小結:圖文左右排版,以分割排版的方式構圖,畫麵有明確的獨立性和引導性,這種方式留白更多,較好的視覺引導和方向使信息更明確,更顯品質感。
2、文字居中
文字居中的排版多用於電商促銷、公眾號的文章封麵等,大多是突出文字的內容,比如促銷的折扣,文章的主題等,其餘的產品或者圖片都是為了搭配文字做出的氣氛烘托,吸引用戶點擊。
圖片來自花瓣
使用這種方式讓畫麵展示規整穩定、醒目大方,視覺更聚焦,信息更集中,在突出主體的同時能使整體畫麵具有一定的衝擊力。
小結:文字居中布局對於實物(人,商品,創造形象)要求並不高,文字信息本身的處理要求就會高一點。在確認好主題和內容後,我們根據產品所要突出的重點來決定我們的版式,是要突出文字還是突出產品,突出產品即使用左圖右文字,這種版式對產品的圖片要求比較高;想要突出文字,則可以選擇左文字右圖或者文字居中排版,但都對文字的設計要求比較高。 不確定用什麼版式,我們可以在設計的時候不妨多做幾個版本,大膽嚐試。
②文字設計
Banner的文字信息是其表達中心思想的靈魂,如果在設計文字的時候全部使用自帶字體,會使 Banner顯得太過生硬,不富有情感,應該更多地采用字體變形,重新組合。通過不同的筆觸粗細和寬高比例,展現 Banner的視覺衝擊力和活力。
文案內容要高效的傳遞信息,吸引用戶注意力,讓人一下子看到主題,文案中文字的排版要區分主次,把控好信息層級;使用合適的字體,明確字體適用的場合,同一畫麵中字體的使用盡量不要超過三種,過多會顯得雜亂,要使用識別度高的字體。
而 Banner 中常用的字體有三種:襯線體、非襯線體和書法體。
1、襯線體
襯線體筆畫有粗細之分,它模仿的是中國古代字體和古代碑文上的字體,簡單且易變形,襯線體能給人古典,經典,文藝的感覺,適合用於文藝氣息的家居用品或文娛類的相關宣傳設計上。
圖片來自花瓣
以上圖為例:文案內容中的“全麵淪陷”,讓人一目了然;下麵一行的內容,更加詳細解釋了上麵的主標題。畫麵顏色凸顯主題,所以字體變形,使用白色,反而在畫麵中更加突出。襯線字體一般推薦使用方正經黑簡體、方正俊黑、方正蘭亭顯黑簡體、華文細黑等,使用的時候注意版權問題。
2、非襯線體
非襯線體較簡潔,筆畫較粗,很容易產生視覺重點,非襯線字體體現現代、簡約的特性,適合用於蒼勁有力、促銷類的相關設計,吸引用戶注意力,提高Banner點擊率。
圖片來自花瓣
以上圖為例:主副標題區分清楚,在字體筆畫變形上,結合科技感的氣氛,增加了光的流動感,讓標題不會過於死板。非襯線字體常用的有:漢儀潤圓、方正綜藝簡體、造字工房勁黑、造字工坊版黑、方正蘭亭粗黑、冬青黑體、思源黑體等。
3、書法體
書法體源自中國古代,能體現中國文化和揮灑墨水的豪氣,適用於傳統、中國風、意境的文藝主題和金戈鐵馬般的豪邁主題。
圖片來自花瓣
上圖為例:中秋節是中國的傳統文化,使用書法體能夠將整體畫麵營造的中國古典風更好的融合起來,書法體推薦李旭科書法、漢儀尚巍手書、葉根友行書繁體等字體 。
小結:不管是使用哪種類型的字體,在製作 Banner 時,我們都需要清楚的知道整張 Banner 所要表達的情緒,從而在字體的設計上也能夠表現出情緒,這樣才能夠更好地融合進 Banner ,進而更好的表達出你想要的主題。
推薦設計
優秀海報設計精選集(8)海報設計2022-09-23
充滿自然光線!32平米精致裝修設計2022-08-14
親愛的圖書館 | VERSE雜誌版版式設計2022-07-11
生活,就該這麼愛!2022天海報設計2022-06-02
最新文章
教你做當下流行的字體風文章2023-03-10
促銷海報沒思路?這樣“文章2023-02-14
7個設計師容易忽略的排版文章2023-02-14
中文字體LOGO如何增加記憶文章2023-02-14