網頁設計-Banner設計怎麼做？3個實用技巧提高曝光/點擊率
“Banner設計相信是所有設計師讀者們都曾經接觸過的工作內容之一，而實際上Banner的設計重心在於用戶/訪客看到這則廣告時是否能抓住他們的眼球，並勾起他們想更進一步點擊瞭解的意願，本次分享3個非常實用的簡單小撇步，幫助你設計Banner時可以獲得更高的關注度與點擊率！
您在本次內容可以學到
- Banner畫面如何佈置可有效增加點擊率
- Banner視覺如何安排可抓住訪客/用戶眼球
- Banner文案如何撰寫可勾引用戶/訪客進一步點擊
Banner畫面如何佈置？3個設計指標
01.文案聚焦在活動的誘因
Banner上的文案需要條理分明做出層次，優先凸顯對用戶有“誘因/動機”的標題內容，促使吸引焦點並增加點擊率。
02.人像/產品特寫抓住眼球
若Banner有具體的目標客群或促銷產品，在Banner上將它們圖像化，圖片遠比文字更能抓住用戶/訪客眼球。
03.添加按鈕刺激點擊率
在Banner上增加按鈕的設計元素，能幫助用戶/訪客更加直觀的在Banner上做點擊動作，能提高至少3%的點擊率。（增加3%是我的工作經驗，實際上可能更高。）
Banner文案如何撰寫？可從這5個方向著手
Banner的廣告文案撰寫技巧，有幾招有效且能勾起用戶/訪客興趣的表達方式，其主要核心在於營造該廣告內容的“千載難逢”機會感與抓住“部分族群”的受眾興趣，進而提高我們所設計的Banner點擊率。（不要去想你能抓住全部用戶族群的眼光，那叫做亂槍打鳥。）
01.節慶&活動限定的專屬感
不管是雙11、黑色星期五、聖誕節等…透過節日或活動的”包裝”，營造出只有“活動專屬”的福利機會。
02.具體的折扣/優惠金額
同樣都是折扣，具體的“折扣總額”有時候能比“折扣”來的更有張力。ex:消費滿1萬，現折1千！(9折)
03.限時/限量增加急迫感
增加限時或限量的字眼，能使廣告內容顯得千載難逢，促使用戶產生好奇並想把握機會的前往查看。
04.特定族群的限定福利
可能是新人、星座、VIP、或是國籍，特別指名目標族群的專屬福利能讓該族群用戶特別留意這項廣告內容。
05.最近熱門時事/趨勢話題
不管是最近的新聞趨勢或是站內的熱門話題，適時搭配這些時事梗，都能促使對這部分議題有興趣的用戶產生好奇並查看內容。
Banner視覺如何設計？有5個實用吸睛技巧
Banner的視覺設計表現，重點要放在如何先抓住正在使用/訪問產品的用戶眼球，使他們願意停下手邊的工作並多看我們所設計的廣告兩眼，進而對廣告上的文案內容感到興趣後提高我們Banner的點擊率。
01.具體品牌/產品圖特寫
若廣告內容有具體的促銷產品或品牌，將它重點曝光出來，能有效吸引該品牌&產品支持者前往了解。
02.置入名人/網紅人像元素
與品牌&產品特寫相同概念，置入名人或站內網紅能有效吸引愛慕者的關注同時更願意前往查看內容。
03.不規則的輪廓外型
透過明顯不同於前面規矩式的廣告設計對比，能在這些廣告之中更加脫穎而出進而抓住用戶眼球。
04.“按鈕”元素提高轉化
在廣告圖上添加CTA的“按鈕”形象元素，能促使用戶更加直觀的點擊該按鈕，進而提高該廣告的點擊率。
05.“動態”總是能抓住眼球
“動態”元素總是能在一片都是靜態的UI設計中脫穎而出，適時加入動態視覺能有效提高該廣告的點擊率。
總結
Banner設計的重心簡而言之就是要針對“特定客群”設計出能勾起他們興趣的圖文內容，這邊再舉個例子。
有一個X匠補習班做了一個設計進修班，Banner文案寫：線上登記，免費試聽課程。 精選X匠口碑優質課程，真人實境直播線上學！（這完全是以補習班本身介紹自己的特色。）
我們可以試著從受眾的角度，把Banner文案這樣寫：
“線上登入，免費線上真人直播試聽，幫助您職場加薪10,000元！”
會想去補習班進修的學生最底層的真實需求是什麼？不就是為了想增加自己的職場競爭力嗎？而最能將競爭力具體化的除了頭銜就是“薪資”了，透過具體的加薪數字能勾起該用戶族群的共鳴，使他們有了動機想要更近一步點擊Banner瞭解其內容細節。
感謝你們的瀏覽閱讀，如果你覺得這篇文章寫得不錯並且有幫助到你，希望你能給我一點「拍手鼓勵」，也歡迎在下方留言讓我知道你的想法，我會持續分享更多實用＆實戰的經驗方式給你們。
若想隨時掌握最新設計教學可關注我的IG:jielin.designer
拍手小秘訣： 只要將滑鼠(或手指)持續按著不放手掌的icon，就能夠連續拍手囉，試試看吧！
關於用戶提示的設計，現在的設計趨勢越來越以Snackbar為首選，一方面是呈現方式並不會太過強眼，而且還能包含我們想要引導用戶執行的操作動作。當讀者們需要思考該選擇哪個控件作為提示方式時，不妨透過一開篇提到的是否會干擾&打斷用戶操作的“輕/重”程度做為衡量依據，再做出適當的選擇！
