設計苦手也能做出好 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
留言分享你的想法!
avatar-img
方格子 vocus 官方沙龍
412.2K會員
3.4K內容數
哈囉,歡迎來到方格子 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
在小小的租屋房間裡,透過蝦皮購物平臺採購各種黏土、模型、美甲材料等創作素材,打造專屬黏土小宇宙的療癒過程。文中分享多個蝦皮挖寶地圖,並推薦蝦皮分潤計畫。
Thumbnail
在小小的租屋房間裡,透過蝦皮購物平臺採購各種黏土、模型、美甲材料等創作素材,打造專屬黏土小宇宙的療癒過程。文中分享多個蝦皮挖寶地圖,並推薦蝦皮分潤計畫。
Thumbnail
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
Thumbnail
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
Thumbnail
如果你能即使沒有繪畫基礎,仍然會鼓勵你養成手繪的習慣。設計師大多具備草稿繪製的能力,這項能力的功用並不是要我們變得很會畫畫,而是培養「觀察」與「表現」的能力,藉由這樣的練習,不斷累積視覺經驗及提升捕捉細節的敏銳度。
Thumbnail
如果你能即使沒有繪畫基礎,仍然會鼓勵你養成手繪的習慣。設計師大多具備草稿繪製的能力,這項能力的功用並不是要我們變得很會畫畫,而是培養「觀察」與「表現」的能力,藉由這樣的練習,不斷累積視覺經驗及提升捕捉細節的敏銳度。
Thumbnail
本文深入探討文案寫作中最重要的元素——標題。透過解析文案大師的觀點和實際案例,你將了解到標題如何抓住讀者注意力,引發情感共鳴,以及如何避免常見的標題錯誤。文章強調,好的標題不僅要吸引人,更要能有效地將讀者導向你的產品或服務。
Thumbnail
本文深入探討文案寫作中最重要的元素——標題。透過解析文案大師的觀點和實際案例,你將了解到標題如何抓住讀者注意力,引發情感共鳴,以及如何避免常見的標題錯誤。文章強調,好的標題不僅要吸引人,更要能有效地將讀者導向你的產品或服務。
Thumbnail
這本《文案的基本修煉》是一本平易近人且充滿洞見的好書。書中指出了文案的最基本要求是「辭達」,也就是能夠順暢地傳遞意思。它強調了準確性、誠摯性和價值性在文案中的重要性。作者提供了許多實用的創意工具和觀念,讓廣告人和文案工作者能夠創作出引人入勝的內容。若你熱愛文字創作,我強烈推薦這本書給你。
Thumbnail
這本《文案的基本修煉》是一本平易近人且充滿洞見的好書。書中指出了文案的最基本要求是「辭達」,也就是能夠順暢地傳遞意思。它強調了準確性、誠摯性和價值性在文案中的重要性。作者提供了許多實用的創意工具和觀念,讓廣告人和文案工作者能夠創作出引人入勝的內容。若你熱愛文字創作,我強烈推薦這本書給你。
Thumbnail
雖說很多事看起來「真的是基礎」,但總是會被忽略!這些事不是擺爛覺得不用講、不需要要求、反正做得出來就不用學新的東西⋯⋯為什麼多數人寧可用錯的方法、花很多時間在那些明明有更好的方法「做得出來就好了」的工作模式裡?而不想要花多一點時間學習和溝通好工作的流程?
Thumbnail
雖說很多事看起來「真的是基礎」,但總是會被忽略!這些事不是擺爛覺得不用講、不需要要求、反正做得出來就不用學新的東西⋯⋯為什麼多數人寧可用錯的方法、花很多時間在那些明明有更好的方法「做得出來就好了」的工作模式裡?而不想要花多一點時間學習和溝通好工作的流程?
Thumbnail
在快速變化的數位時代,文案成為了吸引注意力的關鍵。「寫文案有什麼好處?」、「作文不好,可以寫文案嗎?」、「沒有靈感,不知道要寫什麼?」,相信許多人都對寫文案都有一樣的疑問,透過這篇文案指南,將帶大家了解文案撰寫技巧、使用ChatGPT撰寫文案,以及如何選擇和使用SEO關鍵字,進一步提升文案效果。
Thumbnail
在快速變化的數位時代,文案成為了吸引注意力的關鍵。「寫文案有什麼好處?」、「作文不好,可以寫文案嗎?」、「沒有靈感,不知道要寫什麼?」,相信許多人都對寫文案都有一樣的疑問,透過這篇文案指南,將帶大家了解文案撰寫技巧、使用ChatGPT撰寫文案,以及如何選擇和使用SEO關鍵字,進一步提升文案效果。
Thumbnail
2022年《Line貼圖製作》教你從創意發想到上架貼圖,慢學習者的經驗分享,從了解貼圖的遊戲規則、角色構思、貼圖製作、上架貼圖到推廣貼圖。 雖然己有很多貼圖教學文,各有不同的經驗分享,自己也是看了許多的教學文後,一步一步自己實際執行後,遇有難題再找答案,慢慢學完,寫寫自己的小心得,希望也能幫到別人。
Thumbnail
2022年《Line貼圖製作》教你從創意發想到上架貼圖,慢學習者的經驗分享,從了解貼圖的遊戲規則、角色構思、貼圖製作、上架貼圖到推廣貼圖。 雖然己有很多貼圖教學文,各有不同的經驗分享,自己也是看了許多的教學文後,一步一步自己實際執行後,遇有難題再找答案,慢慢學完,寫寫自己的小心得,希望也能幫到別人。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News