您的位置:首頁>設計>正文

輕鬆搞定廣告文字排版「基礎篇」

文字能最準確地傳達廣告的意圖, 而好的設計能讓廣告更有品質, 如何讓廣告圖片中的文字清晰易讀, 同時又保持畫面的整體設計感尤為重要。

基本設計原則

當使用者流覽頁面的時候, 往往先是掃視一下整個頁面, 如果看到自己感興趣的資訊, 視線才會駐足。

所以廣告文案排版最最基本的原則, 就是保證文字的清晰明瞭。 我們可以從以下幾個方面入手, 來打造高識別度的文字:

字體的選擇

為了配合產品和品牌的個性, 我們可選擇各種藝術字體, 需要注意的是, 許多字體在小尺寸的時候,

會有識別度不夠的問題。

▲「 毛筆字體在字型大小小的時候識別度非常低」

黑體毫無疑問是最易於閱讀的中文字體。 如果不知道選擇什麼, 方正蘭亭黑系列是不會出錯的做法。

以下是一些推薦字體:

字體的數量

同一個廣告圖中, 中文字體不要超過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

通過特殊效果和輔助元素來增加韻律。

▲「通過特殊效果和輔助元素來增加韻律」

文案的韻律就像歌曲的韻律一樣,帶給人視覺上的美感,好的文案排版看起來一目了然,簡單不簡陋,清爽耐看。

文字排版的基礎篇就到這兒,想知道更多排版技巧,請掃描下方二維碼關注我們!

Next Article
喜欢就按个赞吧!!!
点击关闭提示