2022-07-28|閱讀時間 ‧ 約 3 分鐘

設計苦手也能做出好 Banner

一個好 banner ,如何令人留下深刻的印象並且心動點擊呢?如果不會設計,也能做出不 NG 的 banner 嗎?為了幫助創作者們能為自己的好內容做出簡單的視覺設計,格編與設計師合作,推出這篇基礎教學文。

必備要素

  • 主標題:專題名稱
  • 副標題:簡介專題的亮點
  • 按鈕:引導讀者做下一步的動作,例如立即購買、閱讀更多...
  • 圖片:與主題相關的插圖、照片,或是個人的去背肖像
紐約發生蛇摸爵士
紐約發生蛇摸爵士
方格子的用戶,有大約 70% 都是以手機閱讀,所以文字在手機上是否能清楚呈現是很重要的,有時用電腦看很漂亮的 banner ,在手機的小螢幕上其實字太多又不夠大,無法一眼看見想傳達的資訊。
純範例,非真實存在的專題

建議字數

  • 一行盡量 13 個字內
  • 按鈕以不超過 6 字為宜
  • 總共不要超過 4 行為佳

色彩

雖然相似的顏色會有種協調的美感,但是考量到 banner 的目的,是讓讀者在短時間內一目了然,文字和背景的顏色還是建議選擇對比較大的做搭配。

並且注意盡量不要將文字與圖片重疊,不得已非得重疊的情況下,請把重疊的文字改成對比較大的顏色。

排版

若左右皆有圖案,則文字置中,畫面較為平衡。
跟著班班喝葡萄酒
如果主要圖案在右邊,文字建議置左對齊。
葉子與植物的距離
如果主要圖案在左邊,文字也建議置左對齊。
國際業務J的財經筆記

線上模板

還是很擔心自己沒有設計天分嗎?善用強大的工具,你也能做出有模有樣的 banner!試試最熱門的線上設計軟體 Canva 吧~

免費圖庫推薦

如果還是有疑惑,歡迎留言問問格編唷~
學會怎麼製作 banner 後,不妨來報名 Project V 的焦點流星,為好內容爭取在方格子首頁曝光吧!
焦點流星
分享至
成為作者繼續創作的動力吧!
「創作者成長學院」由 vocus 官方經營,旨在幫助創作者成長茁壯,是一個提供創作者們各種資源、盡情交流的空間。
從 Google News 追蹤更多 vocus 的最新精選內容從 Google News 追蹤更多 vocus 的最新精選內容

發表回應

成為會員 後即可發表留言