當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計知識>教程內(nèi)容

設(shè)計技巧,十個BANNER靜態(tài)廣告技巧(4)

來源:站酷 作者:DATS設(shè)計翻譯組 學(xué)習(xí):1886人次

設(shè)計技巧,十個BANNER靜態(tài)廣告技巧

  設(shè)計完美的靜態(tài)廣告沒那么簡單,甚至可以說難以實(shí)現(xiàn)。設(shè)計廣告,可能顛覆許多你作為一個設(shè)計師的想法。許多公司都想在一個空間內(nèi)展示盡可能多的信息,而用戶則習(xí)慣在瀏覽時對廣告自動屏蔽。

  重點(diǎn)是你要創(chuàng)造出這樣的東西,人們盡管知道它是一個廣告,也想要與之互動。靜態(tài)廣告的優(yōu)點(diǎn)在于,它不像一些動畫、音頻或視頻那么干擾用戶。它也有讓設(shè)計妙趣橫生的經(jīng)典風(fēng)格。下面是創(chuàng)建吸引眼球廣告的10大技巧,其中一些是出現(xiàn)在受歡迎網(wǎng)站上的真實(shí)廣告案例。

1. 只選一個主題

設(shè)計技巧,十個BANNER靜態(tài)廣告技巧

  雖然聽起來容易,但要實(shí)現(xiàn)卻很困難。很多企業(yè)嘗試把很多信息的放在一個廣告上。太多話語、太多圖片、太多元素,什么都多反而導(dǎo)致了廣告毫無效果。

  選取一個廣告要傳遞的主題,到底我們是要做品牌建設(shè),要賣產(chǎn)品,要展示某場活動還是要突出公司目前正在做的事情?創(chuàng)建一個簡單且單一的主題,并且突出它。

  根據(jù)廣告空間的大小,這個單一的主題也許需要去掉標(biāo)準(zhǔn)品牌元素中的某些成分。舉個例子,如果公司的口號較長或者商標(biāo)較復(fù)雜,不妨考慮拆分它們,處理成廣告中可識別、但又不喧賓奪主的內(nèi)容。

2. 要有明確的Call to Action(行動引導(dǎo))

設(shè)計技巧,十個BANNER靜態(tài)廣告技巧

  我們來展開討論一下:你希望用戶看到這條廣告時會有什么反應(yīng)?(只能選一件事,因為數(shù)字廣告只給你這點(diǎn)時間。)你最希望的就是用戶能點(diǎn)擊這個廣告圖標(biāo),然后進(jìn)入相應(yīng)的頁面。但是你必須引導(dǎo)用戶這樣去做。

  聽起來似乎極其簡單,但是人們喜歡指示。指示讓做選擇變得更簡單。但是你要斟酌廣告用語。相比起“點(diǎn)擊這里”,考慮用一些措辭,讓用戶了解到點(diǎn)擊自后會有什么好處。比如“點(diǎn)擊立省50%”“注冊獲取訂閱”“了解交易詳情”等。給用戶一個簡單明確的行動引導(dǎo),讓廣告中的這部分更突出。

3. 留白

設(shè)計技巧,十個BANNER靜態(tài)廣告技巧

  常見的設(shè)計技巧可以幫助你創(chuàng)建一個人們會在屏幕上看到的廣告。但網(wǎng)站上也許充斥著各種混亂的信息,一則混亂的廣告就更容易被淹沒。這個時候,留白正好拯救你。

  只用你買下的廣告空間的一小部分其實(shí)大有裨益。研究表明,用戶最先會注意到屏幕上最輕或最亮的區(qū)域。在你的廣告內(nèi)容旁邊大量留白,有助于用戶第一眼就看到你的廣告內(nèi)容。

4. 運(yùn)用20%法則

設(shè)計技巧,十個BANNER靜態(tài)廣告技巧

  Facebook廣告中的這個規(guī)定總是讓許多廣告設(shè)計師郁悶不已:文本信息不可占用超過20%的空間。事實(shí)上這是一個偉大的設(shè)計理念和約束。

  網(wǎng)站是一個視覺媒介,廣告又是視覺工具,盡可能利用圖像,讓你的付費(fèi)空間效用最大化。限制文本只占用整體空間的一小部分。(這個技巧也幫助你實(shí)現(xiàn)第一點(diǎn):只選一個主題。)

5. 多斟酌一下色彩

設(shè)計技巧,十個BANNER靜態(tài)廣告技巧

  當(dāng)你在設(shè)計靜態(tài)網(wǎng)站廣告時,重新考慮一下對色彩的選擇吧。不要認(rèn)為你必須堅持典型的配色。明亮的背景色是抓住用戶注意力的一個好辦法。另一個技巧則是去研究你廣告投放的網(wǎng)站,采用與之形成鮮明對比的配色。

  當(dāng)談到顏色時,白色和黑色也是極好的選擇。如果你的廣告即將投放在一個運(yùn)用了大量色彩的網(wǎng)站上,那么考慮一下使用大篇幅黑色及白色的配色方案。通過與頁面上的其他元素形成顏色對比,突出你的廣告內(nèi)容。就像你會在自己的設(shè)計項目中應(yīng)用對比色一樣,考慮整個網(wǎng)頁和你那只有幾百個像素的廣告位之間的關(guān)系。

6. 來點(diǎn)古怪奇招

設(shè)計技巧,十個BANNER靜態(tài)廣告技巧

  難忘的廣告往往打破規(guī)則。它們新奇滑稽,獨(dú)辟蹊徑。(例如保險巨人Geico公司,從幽默的“駝峰日”廣告到音樂偶像出演,盡管這并非典型的靜態(tài)廣告案例,它們效果卻好到Geico官網(wǎng)也為他們開辟了專欄,我們可從這些設(shè)計理念中受益匪淺。)

  標(biāo)新立異的廣告的確令人印象深刻,吸引眼球,但重要的是時刻提醒自己不要偏離品牌形象及廣告訴求太遠(yuǎn)。發(fā)揮創(chuàng)意的同時牢記著品牌形象及可信度。

  譯者注:“駝峰日”廣告及音樂偶像表演都是Geico公司著名的商業(yè)廣告系列之一

7. 使用簡潔的字體排版

設(shè)計技巧,十個BANNER靜態(tài)廣告技巧

(圖注:非常簡單的圖片加上簡單的文本來直觀的展示了廣告要表達(dá)的內(nèi)容)

  靜態(tài)網(wǎng)頁廣告通常很小。采用簡單的字體排版能增加可讀性。建議選擇sans serif字體,盡量讓字體大小跟空間大小相匹配,必須容易看見和辨識。

  避免使用陰影之類的。黑色或白色字體在大多數(shù)廣告中是首選。字體要令人感覺可信、直接和敘事性強(qiáng)。

8. 給用戶一點(diǎn)甜頭

設(shè)計技巧,十個BANNER靜態(tài)廣告技巧

  跟明確的行動引導(dǎo)一樣重要的是要給用戶一點(diǎn)甜頭。你知道的,所有好的廣告都會給消費(fèi)者一些東西作為回報,開懷大笑、禮物點(diǎn)子、比賽入場券、折扣優(yōu)惠券或者是郵件之類。

想要把這些當(dāng)作誘餌讓用戶想與你有更多的交互,這就必須是一個難以拒絕的好東西,讓他毫不猶豫地點(diǎn)擊你的廣告。

9. 凸顯你的廣告

設(shè)計技巧,十個BANNER靜態(tài)廣告技巧

  你的廣告將在哪里展示?該站已有哪些類型的內(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)站會出售與網(wǎng)站內(nèi)容樣式相似的推薦位,如上圖天氣頻道投放的Adobe Creative Cloud廣告。

10. 用心選圖

  圖片至關(guān)重要。廣告里畫面可以成全或者毀了整個廣告。牢記你要打造的這塊小空間里,圖片必須醒目、清晰、主題單一和易懂。

  選擇人臉或產(chǎn)品的近拍圖。避免圖案或背景復(fù)雜的圖片。試試這個方法:大聲說出最能代表你的想法的一個詞語,它就是你要選的圖片。很簡單,對么?

總結(jié)

  就像網(wǎng)站設(shè)計的各個方面變化飛快一樣,廣告亦如此。雖然我們現(xiàn)在有視頻或動畫這類新媒介,但是靜態(tài)廣告卻是用戶進(jìn)入你的網(wǎng)站或了解品牌的完美入口。

  對于廣告設(shè)計而言,你在其它項目中所采用設(shè)計原則同樣重要。要牢記的關(guān)鍵點(diǎn)就是,靜態(tài)網(wǎng)頁的廣告空間通常都很小,幾乎淹沒在各種混雜的信息里。巧妙運(yùn)用空間、色彩、字體和信息傳遞,最大化利用這個小小的付費(fèi)廣告空間。
 

翻譯:Juey、小胖雀兒、Esc李、Lemon、mok、埃舍爾、安妮、JoJo、家彥蹦噠蹦、Connie、Zoey

校對:Connie、Zoey

—————————————————————————————————————————————————

我們是DATS設(shè)計翻譯者。我們愛設(shè)計愛英語,通過翻譯設(shè)計的文章共同學(xué)習(xí)進(jìn)步,雖然我們還有許多不足,但是只要把每個人的微小的力量聚集起來,總有一天會發(fā)出耀眼的光芒~

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!