輕鬆搞定廣告文字排版「基礎篇」
文字能最準確地傳達廣告的意圖,而好的設計能讓廣告更有品質,如何讓廣告圖片中的文字清晰易讀,同時又保持畫面的整體設計感尤為重要。
基本設計原則
當使用者流覽頁面的時候,
所以廣告文案排版最最基本的原則,就是保證文字的清晰明瞭。我們可以從以下幾個方面入手,來打造高識別度的文字:
字體的選擇
為了配合產品和品牌的個性,我們可選擇各種藝術字體,需要注意的是,許多字體在小尺寸的時候,會有識別度不夠的問題。
▲「 毛筆字體在字型大小小的時候識別度非常低」
黑體毫無疑問是最易於閱讀的中文字體。如果不知道選擇什麼,方正蘭亭黑系列是不會出錯的做法。
以下是一些推薦字體:
字體的數量
同一個廣告圖中,中文字體不要超過3種為佳。
TIPS: 可以通過使用同種字體,不同字重(字體粗細)來排版,
▲「 字體太多,顯得雜亂,缺少統一風格,缺少重點」
▲「 用同一種字體,不同粗細打造排版的變化」
字型大小的選擇
同樣圖元的廣告圖,放在手機端會小很多,那是由於手機螢幕的高解析度導致的。所以在製作手機端BANNER的時候,要注意文字不能太多,字型大小不能太小。
手機端推薦字體大小:
主標題:36-60pt,4-8字。(超過8個字,建議分成多行顯示)
副標題及輔助文案:16-30pt。
▲「文字過多,且字型大小較小,適合PC端,但在手機螢幕上的效果欠佳」
文字的顏色
文字和背景邊界需要清晰明確,字體顏色和背景顏色要區分開,在明度,飽和度,色相上產生明顯對比。
▲「主標題的金色亮度不高,還上加了特殊紋理,導致文字和背景亮度接近,難以識別」
▲「淺色背景上深色字體非常清晰」
文字的材質
避免給文字添加過多強質感的特效,建議使用當下流行的扁平風格,
▲「主標題上濃重的金屬效果顯得有些過時,也影響識別度」
▲「文字風格扁平,僅從顏色上做區分,對比鮮明,文案突出」
文字的對齊方式
使用者在閱讀文字時的基本規則是從上到下、從左到右的。文案的排版應儘量遵從這一規則,除特殊版式之外,盡可能減少參差不齊或右對齊排列,大部分情況下,使用左對齊或居中對齊是最為合適的選擇。
▲「文案排版太過散亂,重點資訊被弱化」
▲「常用的對齊方式:左對齊、居中對齊、右對齊」
明確內容層次,韻律排版
當有多個文案的時候,需要明確主副標題的關係,通過對齊和調整文案的字間距和行間距,可以達到引導使用者的視線的目的。
優秀案例:如下圖,主標題、價格和贈品通過三種不同的設計形式呈現,通過設計形式就可以瞭解資訊的類型。又通過不同的大小的文字來區分主次,最終結合在一起成為一個整體。
該案例通過排版,自然地引導了使用者的視線,從左上角的主標題,到右下方的價格,再到右上方的贈品內容,資訊重要層次依次下降。
基礎知識就講到這裡,下面我們來看看實戰案例吧!
實戰案例
案例一、為圖片加上文字
這裡有一張廣告圖,你需要在上面增加廣告語,下面是文案內容:
主標題:時尚服飾 一流品質
副標題:秋季新系列溫情上市
那麼,該怎麼做呢?
方法一
尋找一個清爽的背景,和文字產生明度上的對比。
▲「此處需要在原圖右側延伸出天空背景」
方法二
在文字和背景中增加色塊,拉開背景和文案的層次。
▲「此處新增的色塊,可以從背景圖片中取色,以打造色調統一的畫面」
案例二、簡單兩步做出韻律佈局
使用基本的字體和字型大小,在不進行其他特意變化的情況下,根據文字本身的特點進行調整,視覺上形成高度錯落、疏密聚散、輕重緩急的效果,賦予了文字個性,也就是文字排版上的韻律。
讓我們通過案例來實踐一下吧,下面是需要推廣的產品的基本資訊:
主推商品:都市商務休閒褲
優惠資訊:貨到付款 全國包郵
產品資訊:吸濕透氣、環保節能、增強抗皺
價格:67元
STEP 1
首先,字間距和行間距形成的錯落起伏,配合文字大小和粗細,就可以形成最基本的韻律。
▲「同距的行間距會讓畫面顯得靜止,比較呆板」
STEP 2
再進一步,我們還可以通過改變字體顏色,增加特殊效果如斜體,增加輔助元素如線框、底色,來體現韻律感。
▲「為文字增加顏色,拉開行間距增加佈局韻律」
STEP 3
通過特殊效果和輔助元素來增加韻律。
▲「通過特殊效果和輔助元素來增加韻律」
文案的韻律就像歌曲的韻律一樣,帶給人視覺上的美感,好的文案排版看起來一目了然,簡單不簡陋,清爽耐看。
文字排版的基礎篇就到這兒,想知道更多排版技巧,請掃描下方二維碼關注我們!
最終結合在一起成為一個整體。該案例通過排版,自然地引導了使用者的視線,從左上角的主標題,到右下方的價格,再到右上方的贈品內容,資訊重要層次依次下降。
基礎知識就講到這裡,下面我們來看看實戰案例吧!
實戰案例
案例一、為圖片加上文字
這裡有一張廣告圖,你需要在上面增加廣告語,下面是文案內容:
主標題:時尚服飾 一流品質
副標題:秋季新系列溫情上市
那麼,該怎麼做呢?
方法一
尋找一個清爽的背景,和文字產生明度上的對比。
▲「此處需要在原圖右側延伸出天空背景」
方法二
在文字和背景中增加色塊,拉開背景和文案的層次。
▲「此處新增的色塊,可以從背景圖片中取色,以打造色調統一的畫面」
案例二、簡單兩步做出韻律佈局
使用基本的字體和字型大小,在不進行其他特意變化的情況下,根據文字本身的特點進行調整,視覺上形成高度錯落、疏密聚散、輕重緩急的效果,賦予了文字個性,也就是文字排版上的韻律。
讓我們通過案例來實踐一下吧,下面是需要推廣的產品的基本資訊:
主推商品:都市商務休閒褲
優惠資訊:貨到付款 全國包郵
產品資訊:吸濕透氣、環保節能、增強抗皺
價格:67元
STEP 1
首先,字間距和行間距形成的錯落起伏,配合文字大小和粗細,就可以形成最基本的韻律。
▲「同距的行間距會讓畫面顯得靜止,比較呆板」
STEP 2
再進一步,我們還可以通過改變字體顏色,增加特殊效果如斜體,增加輔助元素如線框、底色,來體現韻律感。
▲「為文字增加顏色,拉開行間距增加佈局韻律」
STEP 3
通過特殊效果和輔助元素來增加韻律。
▲「通過特殊效果和輔助元素來增加韻律」
文案的韻律就像歌曲的韻律一樣,帶給人視覺上的美感,好的文案排版看起來一目了然,簡單不簡陋,清爽耐看。
文字排版的基礎篇就到這兒,想知道更多排版技巧,請掃描下方二維碼關注我們!