-- 視頻廣告，是一張“會(huì)動(dòng)、會(huì)講故事”的圖

-- 廣播廣告，是有聲響、可以聽(tīng)、讓耳朵“懷孕”的圖

-- H5、小程序、互動(dòng)廣告，它們是可以點(diǎn)擊、控制的圖


當(dāng)你學(xué)會(huì)如何操盤(pán)一個(gè)“平面”，其他的創(chuàng)作能力，可在此基礎(chǔ)上自然提升。

在一則平面廣告中，信息的排布，基本都遵循我為大家整理的、這 “九條排版軍規(guī)”。


本篇文章為大家講講第二種關(guān)系：


 

文字與圖片，易讀是關(guān)鍵

在版式設(shè)計(jì)中，經(jīng)常需要把控文字與圖片的關(guān)系。

作為文案人員，無(wú)法保證每次都能碰到最好的設(shè)計(jì)搭檔，你需要顧忌的是，萬(wàn)一來(lái)了個(gè)設(shè)計(jì)新手，把你的文案版式排得一塌糊涂、交不了差怎么辦？

你不能把廣告的最終效果都寄托在設(shè)計(jì)師的手上，因此如果你能掌握一定的版面知識(shí)，養(yǎng)成了思考圖文風(fēng)格的習(xí)慣，等時(shí)機(jī)成熟，還能夠指導(dǎo)設(shè)計(jì)師去更好地編排你的文案，這樣不是一舉兩得嗎？

不夸張的說(shuō)，學(xué)習(xí)如何處理圖片和文字之間的關(guān)系，有關(guān)你的職業(yè)前途。

在做圖文混排的時(shí)候，需要預(yù)先設(shè)定好圖片與文字之間的間距，來(lái)表現(xiàn)兩者之間的關(guān)系。

在同一個(gè)版式里，這種間距的大小，一般是固定不變的。

如果一段文案是專(zhuān)門(mén)針對(duì)某張圖片來(lái)做的說(shuō)明，那么這段文案和對(duì)應(yīng)的這張圖片之間的距離就不能太遠(yuǎn)，以明確他們之間的從屬關(guān)系；當(dāng)然也不能太近，顯得版式局促，不夠美觀。

比如，這張汽車(chē)圖片與文案之間的關(guān)系，一般來(lái)講，說(shuō)明文字放在圖片下方，比較合適。

左邊的這張，上下的距離明顯太緊了，讓讀者不禁感到疑惑：下面明明還有那么大地方，為什么要文字貼得那么緊呢？

舉個(gè)栗子，你坐在深夜、空蕩蕩的地鐵里，明明旁邊有好幾個(gè)座位，這時(shí)候，一個(gè)乘客上來(lái)了，他放著旁邊好幾個(gè)空位不坐，偏要湊到你的旁邊來(lái)，這個(gè)時(shí)候，你會(huì)有什么想法？

而右邊的那張，圖文上下的間隔又太遠(yuǎn)了，從橫向上來(lái)看，這句文案也沒(méi)有處于正中的位置，顯得很隨意。

再舉個(gè)栗子，你和同事，下班回家坐地鐵，你們一路上有說(shuō)有笑的，但是，進(jìn)了車(chē)廂后，她突然說(shuō)，那邊比較空，我坐那邊吧，跟你故意隔開(kāi)好幾個(gè)座位，這個(gè)時(shí)候，你又會(huì)有什么想法？是不是昨天沒(méi)洗澡、身上的氣息讓她敬而遠(yuǎn)之？是不是她要瞞著你做什么？

來(lái)看第三張，這里的圖文間距，才是比較合適而自然的。這才是“多數(shù)人的夢(mèng)想，少數(shù)人的專(zhuān)享”。



圖片與文字，具體的間距到底如何設(shè)定？

可以根據(jù)具體版面的視覺(jué)效果來(lái)確定。

舉個(gè)栗子，我們假定在某個(gè)廣告版面中，圖片和文字說(shuō)明之間的間距為“2毫米”，那么在這一則廣告或內(nèi)容的版式中，所有的照片和它的對(duì)應(yīng)說(shuō)明文字都應(yīng)該統(tǒng)一為“2毫米”。——這樣，“1張圖片加1句文案，兩者間隔2毫米”就構(gòu)成一個(gè)基本的“圖文小組”。

在整個(gè)版面中，可以有好幾個(gè)這樣的“小組”，但是，小組與小組之間的間距必須要“大于2毫米”，以便跟小組內(nèi)部的間距“2毫米”有所區(qū)分。這樣，當(dāng)我們?cè)倏凑麄€(gè)版面的時(shí)候，哪張圖片對(duì)應(yīng)什么文字，也就一目了然了。

電視綜藝節(jié)目“爸爸去哪兒”，大家都看過(guò)吧？

在節(jié)目中，導(dǎo)游會(huì)帶著幾組父子去完成一個(gè)目標(biāo)，通常一個(gè)爸爸帶一個(gè)孩子，爸爸和自己家的孩子需要站得比較近，這樣導(dǎo)游就能一下子看到哪個(gè)孩子和哪個(gè)成人是同一個(gè)家庭的。

另外，家庭與家庭之間既要保持一定的距離，又不能分得太開(kāi)，這樣的話(huà)，就能保持大部隊(duì)出行的整體性，方便集體行動(dòng)。

這個(gè)關(guān)系，其實(shí)就可以對(duì)應(yīng)到廣告版式中的規(guī)則：

每一對(duì)“圖片加文字”形成自己的一個(gè)組合，不同的組合之間是涇渭分明的。但是，當(dāng)它們放在一起的時(shí)候，你又能感覺(jué)到它們都是屬于同一篇文章或者同一個(gè)版面的，相互之間很協(xié)調(diào)，也不乏整體性。





當(dāng)文案的字?jǐn)?shù)較多的時(shí)候，我們需要在一段長(zhǎng)文案中插入多幅圖片，來(lái)活躍版面。這個(gè)圖片的插入位置，就很有講究了。

我們要盡量在每一段文字的結(jié)尾處，或者在某一個(gè)主題意思表達(dá)完之后，再去插入圖片。

如果在一段文字、或者一行文字中間，隨意地去插入圖片，那么，閱讀的連續(xù)性就會(huì)被破壞，讀者的思路也會(huì)被打斷。

來(lái)看這篇介紹韓國(guó)美食的文章，它的圖文組合就是一種不恰當(dāng)?shù)睦印?/span>

文章的開(kāi)頭，當(dāng)讀者才剛剛饒有興致地看了兩句話(huà)，還沒(méi)有進(jìn)入正題，文章就先用圖片把他的思緒給打斷了，讓人感覺(jué)很突兀。

這就好像，有個(gè)朋友到你家來(lái)拜訪(fǎng)，他剛坐下來(lái)，正準(zhǔn)備跟你好好聊聊，可還沒(méi)說(shuō)上兩句，你就先把一盆超大的烤肉推到了你的面前，說(shuō)“趕緊吃，有啥事回頭再說(shuō)”，根本不給他說(shuō)話(huà)的機(jī)會(huì)，就會(huì)讓他覺(jué)得你不太愿意跟他聊天。（哈哈哈，例子又來(lái)了）




在版式設(shè)計(jì)中，還存在一種情況：必須要在圖片上標(biāo)注文字作為說(shuō)明。這個(gè)時(shí)候，圖片的重要性往往大過(guò)文字本身，我們就要遵循一個(gè)規(guī)則 ——不能把文字放在圖片的視覺(jué)中心或在需要重點(diǎn)展示的位置。

比如，菜單上正在展示一款意大利面，你把它的名稱(chēng)直接貼在了面條上（如左圖），這就導(dǎo)致既看不清文字，也讓畫(huà)面看上去很不美觀，就好像是面條上爬了幾只黑色蟲(chóng)子，誰(shuí)看了還會(huì)有胃口呢？



再來(lái)看這組常見(jiàn)的明星代言人照片，當(dāng)你需要為明星加上名字或者其他文字的時(shí)候，就要選擇畫(huà)面中的空白處，通常建議是右下方（如右圖）。

如果照片中的人物主體撐滿(mǎn)了整個(gè)畫(huà)面，就把文字疊加在服裝上或是其他比較次要的位置，同時(shí)要注意文字顏色要跟背景形成反差。

如左圖，“代言人”這幾個(gè)字，除了放置的位置（處于頭部）不合適之外，而且它深灰色的色彩，也無(wú)法從背景中凸顯出來(lái)。



 

除了要注意插入圖片的位置，還要注意文字的顏色。

不要選用與圖片同色系的字體顏色，這會(huì)使文字不易辨識(shí)。

來(lái)看下面這兩組圖片，香蕉上用黃色的字，西紅柿上用紅色的字，就非常不利于閱讀，顯示的效果也會(huì)大打折扣。




如果要在畫(huà)面背景上放文字的話(huà)，由于背景色彩的不確定性，通常，黑白兩色是比較保險(xiǎn)的選擇。

但在有些特殊情況下，比如畫(huà)面上元素過(guò)多、結(jié)構(gòu)凌亂，又或者畫(huà)面本身就是黑白的，那么無(wú)論文字用黑色還是白色都不易辨識(shí)。

這個(gè)時(shí)候，我會(huì)怎么處理呢？我的經(jīng)驗(yàn)是，可以采取一種“隔離式”處理法，就是在文字與背景圖片之間，鋪設(shè)一條半透明的底色來(lái)作為“隔離帶”，用它來(lái)烘托文字，讓文字跳脫出來(lái)。



在這張蜂蜜廣告中，我們看到背景中樹(shù)木層層疊疊，色彩深深淺淺，比較繁復(fù)，讓標(biāo)題文字的色彩選擇增加了不少難度。

所以，我們可以在文字與背景圖片之間，增設(shè)一塊綠色的“隔離帶”。這塊“隔離帶”的顏色，可以和整張廣告的主色調(diào)比較接近，并處理成半透明狀態(tài)，在維持畫(huà)面整體感的同時(shí) , 也確保了標(biāo)題文字的醒目度 。





下一篇，我將分享另外三條、更重要的——“文案人必須要懂的排版軍規(guī)”。

 

未完待續(xù)，請(qǐng)點(diǎn)擊查看ADD更多案例