設(shè)計(jì)技巧,十個(gè)BANNER靜態(tài)廣告技巧(4)
設(shè)計(jì)完美的靜態(tài)廣告沒那么簡(jiǎn)單,甚至可以說難以實(shí)現(xiàn)。設(shè)計(jì)廣告,可能顛覆許多你作為一個(gè)設(shè)計(jì)師的想法。許多公司都想在一個(gè)空間內(nèi)展示盡可能多的信息,而用戶則習(xí)慣在瀏覽時(shí)對(duì)廣告自動(dòng)屏蔽。
重點(diǎn)是你要?jiǎng)?chuàng)造出這樣的東西,人們盡管知道它是一個(gè)廣告,也想要與之互動(dòng)。靜態(tài)廣告的優(yōu)點(diǎn)在于,它不像一些動(dòng)畫、音頻或視頻那么干擾用戶。它也有讓設(shè)計(jì)妙趣橫生的經(jīng)典風(fēng)格。下面是創(chuàng)建吸引眼球廣告的10大技巧,其中一些是出現(xiàn)在受歡迎網(wǎng)站上的真實(shí)廣告案例。
1. 只選一個(gè)主題
雖然聽起來容易,但要實(shí)現(xiàn)卻很困難。很多企業(yè)嘗試把很多信息的放在一個(gè)廣告上。太多話語、太多圖片、太多元素,什么都多反而導(dǎo)致了廣告毫無效果。
選取一個(gè)廣告要傳遞的主題,到底我們是要做品牌建設(shè),要賣產(chǎn)品,要展示某場(chǎng)活動(dòng)還是要突出公司目前正在做的事情?創(chuàng)建一個(gè)簡(jiǎn)單且單一的主題,并且突出它。
根據(jù)廣告空間的大小,這個(gè)單一的主題也許需要去掉標(biāo)準(zhǔn)品牌元素中的某些成分。舉個(gè)例子,如果公司的口號(hào)較長(zhǎng)或者商標(biāo)較復(fù)雜,不妨考慮拆分它們,處理成廣告中可識(shí)別、但又不喧賓奪主的內(nèi)容。
2. 要有明確的Call to Action(行動(dòng)引導(dǎo))
我們來展開討論一下:你希望用戶看到這條廣告時(shí)會(huì)有什么反應(yīng)?(只能選一件事,因?yàn)閿?shù)字廣告只給你這點(diǎn)時(shí)間。)你最希望的就是用戶能點(diǎn)擊這個(gè)廣告圖標(biāo),然后進(jìn)入相應(yīng)的頁(yè)面。但是你必須引導(dǎo)用戶這樣去做。
聽起來似乎極其簡(jiǎn)單,但是人們喜歡指示。指示讓做選擇變得更簡(jiǎn)單。但是你要斟酌廣告用語。相比起“點(diǎn)擊這里”,考慮用一些措辭,讓用戶了解到點(diǎn)擊自后會(huì)有什么好處。比如“點(diǎn)擊立省50%”“注冊(cè)獲取訂閱”“了解交易詳情”等。給用戶一個(gè)簡(jiǎn)單明確的行動(dòng)引導(dǎo),讓廣告中的這部分更突出。
3. 留白
常見的設(shè)計(jì)技巧可以幫助你創(chuàng)建一個(gè)人們會(huì)在屏幕上看到的廣告。但網(wǎng)站上也許充斥著各種混亂的信息,一則混亂的廣告就更容易被淹沒。這個(gè)時(shí)候,留白正好拯救你。
只用你買下的廣告空間的一小部分其實(shí)大有裨益。研究表明,用戶最先會(huì)注意到屏幕上最輕或最亮的區(qū)域。在你的廣告內(nèi)容旁邊大量留白,有助于用戶第一眼就看到你的廣告內(nèi)容。
4. 運(yùn)用20%法則
Facebook廣告中的這個(gè)規(guī)定總是讓許多廣告設(shè)計(jì)師郁悶不已:文本信息不可占用超過20%的空間。事實(shí)上這是一個(gè)偉大的設(shè)計(jì)理念和約束。
網(wǎng)站是一個(gè)視覺媒介,廣告又是視覺工具,盡可能利用圖像,讓你的付費(fèi)空間效用最大化。限制文本只占用整體空間的一小部分。(這個(gè)技巧也幫助你實(shí)現(xiàn)第一點(diǎn):只選一個(gè)主題。)
5. 多斟酌一下色彩
當(dāng)你在設(shè)計(jì)靜態(tài)網(wǎng)站廣告時(shí),重新考慮一下對(duì)色彩的選擇吧。不要認(rèn)為你必須堅(jiān)持典型的配色。明亮的背景色是抓住用戶注意力的一個(gè)好辦法。另一個(gè)技巧則是去研究你廣告投放的網(wǎng)站,采用與之形成鮮明對(duì)比的配色。
當(dāng)談到顏色時(shí),白色和黑色也是極好的選擇。如果你的廣告即將投放在一個(gè)運(yùn)用了大量色彩的網(wǎng)站上,那么考慮一下使用大篇幅黑色及白色的配色方案。通過與頁(yè)面上的其他元素形成顏色對(duì)比,突出你的廣告內(nèi)容。就像你會(huì)在自己的設(shè)計(jì)項(xiàng)目中應(yīng)用對(duì)比色一樣,考慮整個(gè)網(wǎng)頁(yè)和你那只有幾百個(gè)像素的廣告位之間的關(guān)系。
6. 來點(diǎn)古怪奇招
難忘的廣告往往打破規(guī)則。它們新奇滑稽,獨(dú)辟蹊徑。(例如保險(xiǎn)巨人Geico公司,從幽默的“駝峰日”廣告到音樂偶像出演,盡管這并非典型的靜態(tài)廣告案例,它們效果卻好到Geico官網(wǎng)也為他們開辟了專欄,我們可從這些設(shè)計(jì)理念中受益匪淺。)
標(biāo)新立異的廣告的確令人印象深刻,吸引眼球,但重要的是時(shí)刻提醒自己不要偏離品牌形象及廣告訴求太遠(yuǎn)。發(fā)揮創(chuàng)意的同時(shí)牢記著品牌形象及可信度。
譯者注:“駝峰日”廣告及音樂偶像表演都是Geico公司著名的商業(yè)廣告系列之一
7. 使用簡(jiǎn)潔的字體排版
(圖注:非常簡(jiǎn)單的圖片加上簡(jiǎn)單的文本來直觀的展示了廣告要表達(dá)的內(nèi)容)
靜態(tài)網(wǎng)頁(yè)廣告通常很小。采用簡(jiǎn)單的字體排版能增加可讀性。建議選擇sans serif字體,盡量讓字體大小跟空間大小相匹配,必須容易看見和辨識(shí)。
避免使用陰影之類的。黑色或白色字體在大多數(shù)廣告中是首選。字體要令人感覺可信、直接和敘事性強(qiáng)。
8. 給用戶一點(diǎn)甜頭
跟明確的行動(dòng)引導(dǎo)一樣重要的是要給用戶一點(diǎn)甜頭。你知道的,所有好的廣告都會(huì)給消費(fèi)者一些東西作為回報(bào),開懷大笑、禮物點(diǎn)子、比賽入場(chǎng)券、折扣優(yōu)惠券或者是郵件之類。
想要把這些當(dāng)作誘餌讓用戶想與你有更多的交互,這就必須是一個(gè)難以拒絕的好東西,讓他毫不猶豫地點(diǎn)擊你的廣告。
9. 凸顯你的廣告
你的廣告將在哪里展示?該站已有哪些類型的內(nèi)容?要讓廣告從這些內(nèi)容中凸顯出來。APP應(yīng)用類廣告在這方面做得很好。這些小廣告經(jīng)常誘惑我嘗試新的游戲——通常是免費(fèi)的——或者促使我尋找該廠商在售的其他相關(guān)應(yīng)用。理解用戶和他們的興趣所在,是打造用戶所需產(chǎn)品的第一步。
進(jìn)一步,看看與站內(nèi)內(nèi)容相似的線上廣告。許多網(wǎng)站開始向廣告投放需求方提供與網(wǎng)站整體更加和諧的“贊助”推薦位,以此幫助廣告商家獲得用戶關(guān)注。通常網(wǎng)站會(huì)出售與網(wǎng)站內(nèi)容樣式相似的推薦位,如上圖天氣頻道投放的Adobe Creative Cloud廣告。
10. 用心選圖
圖片至關(guān)重要。廣告里畫面可以成全或者毀了整個(gè)廣告。牢記你要打造的這塊小空間里,圖片必須醒目、清晰、主題單一和易懂。
選擇人臉或產(chǎn)品的近拍圖。避免圖案或背景復(fù)雜的圖片。試試這個(gè)方法:大聲說出最能代表你的想法的一個(gè)詞語,它就是你要選的圖片。很簡(jiǎn)單,對(duì)么?
總結(jié)
就像網(wǎng)站設(shè)計(jì)的各個(gè)方面變化飛快一樣,廣告亦如此。雖然我們現(xiàn)在有視頻或動(dòng)畫這類新媒介,但是靜態(tài)廣告卻是用戶進(jìn)入你的網(wǎng)站或了解品牌的完美入口。
對(duì)于廣告設(shè)計(jì)而言,你在其它項(xiàng)目中所采用設(shè)計(jì)原則同樣重要。要牢記的關(guān)鍵點(diǎn)就是,靜態(tài)網(wǎng)頁(yè)的廣告空間通常都很小,幾乎淹沒在各種混雜的信息里。巧妙運(yùn)用空間、色彩、字體和信息傳遞,最大化利用這個(gè)小小的付費(fèi)廣告空間。
翻譯:Juey、小胖雀兒、Esc李、Lemon、mok、埃舍爾、安妮、JoJo、家彥蹦噠蹦、Connie、Zoey
校對(duì):Connie、Zoey
—————————————————————————————————————————————————
我們是DATS設(shè)計(jì)翻譯者。我們愛設(shè)計(jì)愛英語,通過翻譯設(shè)計(jì)的文章共同學(xué)習(xí)進(jìn)步,雖然我們還有許多不足,但是只要把每個(gè)人的微小的力量聚集起來,總有一天會(huì)發(fā)出耀眼的光芒~
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 翻譯教程
- ps基礎(chǔ)教程
- DATS設(shè)計(jì)翻譯組
- banner教程
- 理論教程
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 圖片畫冊(cè)平面設(shè)計(jì)排版ps理論教程
- Photoshop初級(jí)教程-命令的技巧
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)