設計苦手也能做出好 Banner
一個好 banner ，如何令人留下深刻的印象並且心動點擊呢？如果不會設計，也能做出不 NG 的 banner 嗎？為了幫助創作者們能為自己的好內容做出簡單的視覺設計，格編與設計師合作，推出這篇基礎教學文。
必備要素
- 主標題：專題名稱
- 副標題：簡介專題的亮點
- 按鈕：引導讀者做下一步的動作，例如立即購買、閱讀更多...
- 圖片：與主題相關的插圖、照片，或是個人的去背肖像
方格子的用戶，有大約 70% 都是以手機閱讀，所以文字在手機上是否能清楚呈現是很重要的，有時用電腦看很漂亮的 banner ，在手機的小螢幕上其實字太多又不夠大，無法一眼看見想傳達的資訊。
建議字數
- 一行盡量 13 個字內
- 按鈕以不超過 6 字為宜
- 總共不要超過 4 行為佳
色彩
雖然相似的顏色會有種協調的美感，但是考量到 banner 的目的，是讓讀者在短時間內一目了然，文字和背景的顏色還是建議選擇對比較大的做搭配。
並且注意盡量不要將文字與圖片重疊，不得已非得重疊的情況下，請把重疊的文字改成對比較大的顏色。
排版
若左右皆有圖案，則文字置中，畫面較為平衡。
如果主要圖案在右邊，文字建議置左對齊。
如果主要圖案在左邊，文字也建議置左對齊。
線上模板
還是很擔心自己沒有設計天分嗎？善用強大的工具，你也能做出有模有樣的 banner！試試最熱門的線上設計軟體 Canva 吧～
免費圖庫推薦
- Unsplash：寫實照片為主
- Pixabay：寫實照片及插圖
- Disco Diffusion：AI生成圖片
- freepik：設計向量圖為主（須註明出處）
如果還是有疑惑，歡迎留言問問格編唷～
學會怎麼製作 banner 後，不妨來報名 Project V 的焦點流星，為好內容爭取在方格子首頁曝光吧！
即將進入廣告，捲動後可繼續閱讀
為什麼會看到廣告
266.7K會員
2.8K內容數
哈囉，歡迎來到方格子 vocus 的官方沙龍！
在這裡你可以參與方格子 vocus 的發展旅程，接受到所有關於 vocus 的最新動態，包含平台重大功能更新、活動消息、各房間發佈的最新內容，甚至是徵才資訊等等，現在就按下「加入」，與 vocus 一起展開精彩的創作冒險吧！
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
※ 生產者和消費者模式
定義：
生產者和消費者在同一時間內共同存取某一個資料空間。生產者負責生成數據並將其放入共享空間，消費者負責從共享空間中取走數據進行處理。兩者之間互不相干，也不須互相知道對方的存在。
共同存取資料空間：生產者和消費者共享同一個資料空間。這個空間通常是緩衝區或隊列，用於在它
※ 觀察者模式
定義：
觀察者模式（Observer Pattern）是一種設計模式，涉及兩個主要角色：觀察者（Observers）和被觀察者（Subject）。在這種模式中，一群觀察者訂閱並觀察某個被觀察的對象。當被觀察者的狀態發生改變時，它會通知所有觀察者，讓他們知曉並作出相應的反應。這種模
VIPER(View Interactor Presenter Entities Router)
View
負責顯示資料。
Interactor
負責管理model。
Presenter
負責處理View的業務邏輯。
Entities
負責data model。
MVVMC(Model View ViewModel Coordinator)，特點是Coordinator。
Model
負責儲存應用程式的資料。
View
負責顯示資料。
ViewModel
負責處理View和Model之間的狀態關係。
Coordinator
負
無論是廣告影片的美術設計師還是紀錄片的製片人員，他們在這個產業中所扮演的角色都是至關重要的。透過兩位豐富資歷的專業人士，我們深入了解了這個產業的工作流程以及他們面對的挑戰和樂趣。他們的經驗也為那些對於進入這個領域有興趣的新鮮人提供了寶貴的建議，包括維持熱情、積極溝通和應對變化的能力。
你可以暫時蒙騙所有的人，也可以永久地蒙騙一部分人
但是，你不能永久地蒙騙所有的人
亞伯拉罕·林肯
社會上人與人的交流要長久，家庭中成員之間的相處要堅實
都離不開誠與信二字
高中時有一群還算不錯的朋友
不管讀書、打球，閒聊都喜歡湊在一起
及長，大夥每年還是會相約相聚個幾次話當年
真的是感觸良深
每周一篇文章的讀書會心得報告摘要與筆記，本次分享文章為：日本首富換人！基恩斯不設廠也不做產品、創辦人身家為何能超車柳井正、孫正義？
1. 誰打敗了日本首富「釘子戶」？
2. 日本新首富和他的「自動化帝國」
3. 利潤佔營收的近一半，滝崎武光是如何做到這一點的？
那麼Canva好在哪？Canva真的那麼好用嗎？到底有多少優點讓大家這麼愛
做圖都零缺點嗎？還是其實我們都沒有深入研究了解過呢？Canva教你不用天分就能做好設計
第二堂講座為：「書與它們的產地：龐大的出版產業與其靈魂」，由八旗文化出版社的主編王家軒主講。這系列講座共12堂，每堂兩小時，總時長共24小時。在經過前兩堂的暖身後，第三堂開始算是真正進入血腥的實務內容。本堂課側重於選書與文案，略談及設計與行銷。我自己也認為，作為編書的起點，第一步就是先「想像一本書」
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
※ 生產者和消費者模式
定義：
生產者和消費者在同一時間內共同存取某一個資料空間。生產者負責生成數據並將其放入共享空間，消費者負責從共享空間中取走數據進行處理。兩者之間互不相干，也不須互相知道對方的存在。
共同存取資料空間：生產者和消費者共享同一個資料空間。這個空間通常是緩衝區或隊列，用於在它
※ 觀察者模式
定義：
觀察者模式（Observer Pattern）是一種設計模式，涉及兩個主要角色：觀察者（Observers）和被觀察者（Subject）。在這種模式中，一群觀察者訂閱並觀察某個被觀察的對象。當被觀察者的狀態發生改變時，它會通知所有觀察者，讓他們知曉並作出相應的反應。這種模
VIPER(View Interactor Presenter Entities Router)
View
負責顯示資料。
Interactor
負責管理model。
Presenter
負責處理View的業務邏輯。
Entities
負責data model。
MVVMC(Model View ViewModel Coordinator)，特點是Coordinator。
Model
負責儲存應用程式的資料。
View
負責顯示資料。
ViewModel
負責處理View和Model之間的狀態關係。
Coordinator
負
無論是廣告影片的美術設計師還是紀錄片的製片人員，他們在這個產業中所扮演的角色都是至關重要的。透過兩位豐富資歷的專業人士，我們深入了解了這個產業的工作流程以及他們面對的挑戰和樂趣。他們的經驗也為那些對於進入這個領域有興趣的新鮮人提供了寶貴的建議，包括維持熱情、積極溝通和應對變化的能力。
你可以暫時蒙騙所有的人，也可以永久地蒙騙一部分人
但是，你不能永久地蒙騙所有的人
亞伯拉罕·林肯
社會上人與人的交流要長久，家庭中成員之間的相處要堅實
都離不開誠與信二字
高中時有一群還算不錯的朋友
不管讀書、打球，閒聊都喜歡湊在一起
及長，大夥每年還是會相約相聚個幾次話當年
真的是感觸良深
每周一篇文章的讀書會心得報告摘要與筆記，本次分享文章為：日本首富換人！基恩斯不設廠也不做產品、創辦人身家為何能超車柳井正、孫正義？
1. 誰打敗了日本首富「釘子戶」？
2. 日本新首富和他的「自動化帝國」
3. 利潤佔營收的近一半，滝崎武光是如何做到這一點的？
那麼Canva好在哪？Canva真的那麼好用嗎？到底有多少優點讓大家這麼愛
做圖都零缺點嗎？還是其實我們都沒有深入研究了解過呢？Canva教你不用天分就能做好設計
第二堂講座為：「書與它們的產地：龐大的出版產業與其靈魂」，由八旗文化出版社的主編王家軒主講。這系列講座共12堂，每堂兩小時，總時長共24小時。在經過前兩堂的暖身後，第三堂開始算是真正進入血腥的實務內容。本堂課側重於選書與文案，略談及設計與行銷。我自己也認為，作為編書的起點，第一步就是先「想像一本書」