設計苦手也能做出好 Banner

方格子 vocus-avatar-img
發佈於方格誌 個房間
更新 發佈閱讀 3 分鐘

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


必備要素

  • 主標題:專題名稱
  • 副標題:簡介專題的亮點
  • 按鈕:引導讀者做下一步的動作,例如立即購買、閱讀更多...
  • 圖片:與主題相關的插圖、照片,或是個人的去背肖像
raw-image


方格子的用戶,有大約 70% 都是以手機閱讀,所以文字在手機上是否能清楚呈現是很重要的,有時用電腦看很漂亮的 banner ,在手機的小螢幕上其實字太多又不夠大,無法一眼看見想傳達的資訊。

raw-image

建議字數

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


色彩

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

raw-image








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

raw-image


排版

若左右皆有圖案,則文字置中,畫面較為平衡。

raw-image

如果主要圖案在右邊,文字建議置左對齊。

raw-image

如果主要圖案在左邊,文字也建議置左對齊。

raw-image

線上模板

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


免費圖庫推薦


如果還是有疑惑,歡迎留言問問格編唷~


學會怎麼製作 banner 後,不妨來報名 Project V 的焦點流星,為好內容爭取在方格子首頁曝光吧!
raw-image


留言
avatar-img
方格子 vocus 官方沙龍
481.4K會員
3.5K內容數
哈囉,歡迎來到方格子 vocus 的官方沙龍! 在這裡你可以參與方格子 vocus 的發展旅程,接受到所有關於 vocus 的最新動態,包含平台重大功能更新、活動消息、各房間發佈的最新內容,甚至是徵才資訊等等,現在就按下「加入」,與 vocus 一起展開精彩的創作冒險吧!
2025/04/29
為了提供更穩定、完整的創作體驗,我們將文章編輯器全面升級啦! 即日起,舊編輯器將不再開放編修。 如果你需要編輯 2023/07/10 前發佈的文章,請直接點選畫面中的「前往新編輯器」按鈕, 系統就會自動在新分頁開啟新版編輯器,讓你順利接著創作、修改,就是這麼簡單!
Thumbnail
2025/04/29
為了提供更穩定、完整的創作體驗,我們將文章編輯器全面升級啦! 即日起,舊編輯器將不再開放編修。 如果你需要編輯 2023/07/10 前發佈的文章,請直接點選畫面中的「前往新編輯器」按鈕, 系統就會自動在新分頁開啟新版編輯器,讓你順利接著創作、修改,就是這麼簡單!
Thumbnail
2025/04/10
【vocus 精選投資理財/金融類沙龍,輸入 "moneyback" 年訂閱 9 折】 市場動盪時,加碼永遠值得的投資標的——「自己」 川普政府再度拋出關稅震撼彈,全球市場應聲重挫,從散戶到專業投資人,都急著找尋買進殺出的訊號,就是現在,輪到知識進場!把握時機讓自己升級,別放過反彈的機會!
Thumbnail
2025/04/10
【vocus 精選投資理財/金融類沙龍,輸入 "moneyback" 年訂閱 9 折】 市場動盪時,加碼永遠值得的投資標的——「自己」 川普政府再度拋出關稅震撼彈,全球市場應聲重挫,從散戶到專業投資人,都急著找尋買進殺出的訊號,就是現在,輪到知識進場!把握時機讓自己升級,別放過反彈的機會!
Thumbnail
2025/03/13
vocus 發布 AI 應用內容管理方針,定義 AI 輔助與 AI 取代創作的差別。平台支持 AI 輔助工具提升創作效率,反對濫用 AI 生成低品質內容。新增「AI 應用標籤」,鼓勵創作者主動標示 AI 應用內容。
Thumbnail
2025/03/13
vocus 發布 AI 應用內容管理方針,定義 AI 輔助與 AI 取代創作的差別。平台支持 AI 輔助工具提升創作效率,反對濫用 AI 生成低品質內容。新增「AI 應用標籤」,鼓勵創作者主動標示 AI 應用內容。
Thumbnail
看更多
你可能也想看
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
如果你能即使沒有繪畫基礎,仍然會鼓勵你養成手繪的習慣。設計師大多具備草稿繪製的能力,這項能力的功用並不是要我們變得很會畫畫,而是培養「觀察」與「表現」的能力,藉由這樣的練習,不斷累積視覺經驗及提升捕捉細節的敏銳度。
Thumbnail
如果你能即使沒有繪畫基礎,仍然會鼓勵你養成手繪的習慣。設計師大多具備草稿繪製的能力,這項能力的功用並不是要我們變得很會畫畫,而是培養「觀察」與「表現」的能力,藉由這樣的練習,不斷累積視覺經驗及提升捕捉細節的敏銳度。
Thumbnail
本文深入探討文案寫作中最重要的元素——標題。透過解析文案大師的觀點和實際案例,你將了解到標題如何抓住讀者注意力,引發情感共鳴,以及如何避免常見的標題錯誤。文章強調,好的標題不僅要吸引人,更要能有效地將讀者導向你的產品或服務。
Thumbnail
本文深入探討文案寫作中最重要的元素——標題。透過解析文案大師的觀點和實際案例,你將了解到標題如何抓住讀者注意力,引發情感共鳴,以及如何避免常見的標題錯誤。文章強調,好的標題不僅要吸引人,更要能有效地將讀者導向你的產品或服務。
Thumbnail
這本《文案的基本修煉》是一本平易近人且充滿洞見的好書。書中指出了文案的最基本要求是「辭達」,也就是能夠順暢地傳遞意思。它強調了準確性、誠摯性和價值性在文案中的重要性。作者提供了許多實用的創意工具和觀念,讓廣告人和文案工作者能夠創作出引人入勝的內容。若你熱愛文字創作,我強烈推薦這本書給你。
Thumbnail
這本《文案的基本修煉》是一本平易近人且充滿洞見的好書。書中指出了文案的最基本要求是「辭達」,也就是能夠順暢地傳遞意思。它強調了準確性、誠摯性和價值性在文案中的重要性。作者提供了許多實用的創意工具和觀念,讓廣告人和文案工作者能夠創作出引人入勝的內容。若你熱愛文字創作,我強烈推薦這本書給你。
Thumbnail
雖說很多事看起來「真的是基礎」,但總是會被忽略!這些事不是擺爛覺得不用講、不需要要求、反正做得出來就不用學新的東西⋯⋯為什麼多數人寧可用錯的方法、花很多時間在那些明明有更好的方法「做得出來就好了」的工作模式裡?而不想要花多一點時間學習和溝通好工作的流程?
Thumbnail
雖說很多事看起來「真的是基礎」,但總是會被忽略!這些事不是擺爛覺得不用講、不需要要求、反正做得出來就不用學新的東西⋯⋯為什麼多數人寧可用錯的方法、花很多時間在那些明明有更好的方法「做得出來就好了」的工作模式裡?而不想要花多一點時間學習和溝通好工作的流程?
Thumbnail
在快速變化的數位時代,文案成為了吸引注意力的關鍵。「寫文案有什麼好處?」、「作文不好,可以寫文案嗎?」、「沒有靈感,不知道要寫什麼?」,相信許多人都對寫文案都有一樣的疑問,透過這篇文案指南,將帶大家了解文案撰寫技巧、使用ChatGPT撰寫文案,以及如何選擇和使用SEO關鍵字,進一步提升文案效果。
Thumbnail
在快速變化的數位時代,文案成為了吸引注意力的關鍵。「寫文案有什麼好處?」、「作文不好,可以寫文案嗎?」、「沒有靈感,不知道要寫什麼?」,相信許多人都對寫文案都有一樣的疑問,透過這篇文案指南,將帶大家了解文案撰寫技巧、使用ChatGPT撰寫文案,以及如何選擇和使用SEO關鍵字,進一步提升文案效果。
Thumbnail
2022年《Line貼圖製作》教你從創意發想到上架貼圖,慢學習者的經驗分享,從了解貼圖的遊戲規則、角色構思、貼圖製作、上架貼圖到推廣貼圖。 雖然己有很多貼圖教學文,各有不同的經驗分享,自己也是看了許多的教學文後,一步一步自己實際執行後,遇有難題再找答案,慢慢學完,寫寫自己的小心得,希望也能幫到別人。
Thumbnail
2022年《Line貼圖製作》教你從創意發想到上架貼圖,慢學習者的經驗分享,從了解貼圖的遊戲規則、角色構思、貼圖製作、上架貼圖到推廣貼圖。 雖然己有很多貼圖教學文,各有不同的經驗分享,自己也是看了許多的教學文後,一步一步自己實際執行後,遇有難題再找答案,慢慢學完,寫寫自己的小心得,希望也能幫到別人。
Thumbnail
一個好 Banner ,如何令人留下深刻的印象並且心動點擊呢?如果不會設計,也能做出吸引人的 Banner 嗎?為了幫助創作者們能為自己的好內容做出簡單的視覺設計,格編與設計師合作,推出這篇基礎的教學文。
Thumbnail
一個好 Banner ,如何令人留下深刻的印象並且心動點擊呢?如果不會設計,也能做出吸引人的 Banner 嗎?為了幫助創作者們能為自己的好內容做出簡單的視覺設計,格編與設計師合作,推出這篇基礎的教學文。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News