一個好 banner ，如何令人留下深刻的印象並且心動點擊呢？如果不會設計，也能做出不 NG 的 banner 嗎？為了幫助創作者們能為自己的好內容做出簡單的視覺設計，格編與設計師合作，推出這篇基礎教學文。
必備要素
- 主標題：專題名稱
- 副標題：簡介專題的亮點
- 按鈕：引導讀者做下一步的動作，例如立即購買、閱讀更多...
- 圖片：與主題相關的插圖、照片，或是個人的去背肖像
紐約發生蛇摸爵士
方格子的用戶，有大約 70% 都是以手機閱讀，所以文字在手機上是否能清楚呈現是很重要的，有時用電腦看很漂亮的 banner ，在手機的小螢幕上其實字太多又不夠大，無法一眼看見想傳達的資訊。
純範例，非真實存在的專題
建議字數
- 一行盡量 13 個字內
- 按鈕以不超過 6 字為宜
- 總共不要超過 4 行為佳
色彩
雖然相似的顏色會有種協調的美感，但是考量到 banner 的目的，是讓讀者在短時間內一目了然，文字和背景的顏色還是建議選擇對比較大的做搭配。
並且注意盡量不要將文字與圖片重疊，不得已非得重疊的情況下，請把重疊的文字改成對比較大的顏色。
排版
若左右皆有圖案，則文字置中，畫面較為平衡。
跟著班班喝葡萄酒
如果主要圖案在右邊，文字建議置左對齊。
葉子與植物的距離
如果主要圖案在左邊，文字也建議置左對齊。
國際業務J的財經筆記
線上模板
還是很擔心自己沒有設計天分嗎？善用強大的工具，你也能做出有模有樣的 banner！試試最熱門的線上設計軟體 Canva 吧～
免費圖庫推薦
- Unsplash：寫實照片為主
- Pixabay：寫實照片及插圖
- Disco Diffusion：AI生成圖片
- freepik：設計向量圖為主（須註明出處）
如果還是有疑惑，歡迎留言問問格編唷～
學會怎麼製作 banner 後，不妨來報名 Project V 的焦點流星，為好內容爭取在方格子首頁曝光吧！
焦點流星