新手設計必學Banner設計4大要點

在任何產品都需要透過網路行銷的時代Banner成了非常重要的存在,人們可以透過Banner認識你或你的商家,也能利用Banner設計來塑造店家形象。我認為在設計領域中最好入門的就是電商的Banner設計,大多只要會使用軟體、基礎排版、顏色運用,就能勝任這份工作,而這篇文章會帶你認識基礎Banner需要有的要素,想了解Banner設計的人就繼續看下去吧!

什麼是Banner設計?

不得不說,在我還是大學生的時候也不知道Banner是什麼。直接去Google翻譯查意思會出現「橫幅」這個結果,開始工作後才了解Banner的意思就是「版位」,而這裡多指的是數位版位,舉凡電商、展覽活動、網頁等都會看到使用Banner,它的最大作用是「傳遞訊息」,讓任何在使用網路的人都能透過Banner接觸到商家想告知的消息,像是電商目的就很明確,希望讓消費者看到Banner時知道現在有哪些折扣活動、新品已經上架了等,所以Banner在網路上扮演了非常重要的角色。

想必大家都已經曉得Banner設計的第一個目標是「吸引人」,而一個好的Banner最基本的要素有文案、主題、風格、色調。再來我們會依依介紹該如何讓你製作的Banner能符合基本條件。

相關文章:創作靈感可以培養?培養靈感的10個方法

整體風格

不管做任何設計都需要先定調風格,風格定調後才能知道接下來該使用哪些顏色和字型。我們可以用幾個面向簡單思考要如何訂定風格。

第一種:品牌本身已有固定風格

我想這就不必多說了吧,照著品牌風格走就對了!聽起來好像很容易但其實要在同一種風格下求變化有時也很吃設計師的能力。

像是無印良品的風格非常好懂,簡潔、乾淨、單一色調。

(圖片:無印良品官網)

第二種:從產品本身出發

產品本身其實就自帶風格,當你今天要賣一台吹風機跟一台手機,產品的出發點就不一樣了,而這也關係到產品定位,你的產品是高價位還是低價位?做出來的風格也會不同,高價位當然就要有質感;低價位就要展現親民感。在沒有頭緒之前可以先依依將產品特點列出來,才知道要在設計上凸顯哪一部份。

第三種:從受眾(TA)角度出發

有些產品受眾很明確,比如服飾一定會有男女、兒童的區別,但如果要再更細分呢?以女性服飾來說,光是服飾風格就能分氣質、日系、可愛、韓系、歐美、中性等,這麼一說應該不難理解,除了找出大方向外還需要細分出你的Banner會被哪一群人看見?

再舉個例子,書店裡財經類的書籍封面通常是乾淨、粗字體、強對比,表現強而有力的感覺,但如果今天一本財經書的內容是針對大學生理財,那麼封面設計就會變得更圓潤、柔和,甚至會放一些插畫元素。

其實研究受眾已經接近行銷領域了,但我認為身為設計師也值得好好研究,你才能明白你做的圖要給誰看?還有受眾喜歡看什麼樣的圖?(可以靠點擊率來分析)

文案標題

文字最重要的是要讓人容易閱讀,字型不要過於花俏,除非是特殊設計不然一個畫面內最多使用三種字型即可,太多會顯得雜亂。

選一段最想傳達的文字當作主標題,讓主標題一眼可見,凸顯標題字的方式有很多種,最直接就是放大,佔畫面三分之一;再來是用顏色對比來與背景做出區別;或者做成標準字,總之主標題要有主標題的感覺,就是要明顯

大多Banner還會有次標題,次標題排版時盡量與主標題貼近,或是製造視覺動線,讓人在第一眼看完標題後能接著看次要文字。

次標題後是較細節的訊息,例如短文案,文字大小要小於次標題,像這樣大中小區分文字就能簡單讓畫面有層次感,而不是將主標題、次標題、細節字都放一樣大,會讓人摸不著頭緒。

特別提醒一張Banner上文字不能過多,放太多文字除了視覺不佳,也容易讓人讀不到重點。

因為Banner的最終目的是要讓人點擊,所以常會看到上面放行動按鈕,像「立即點擊」、「馬上領取」等字樣,一般行動按鈕都會放在最下面一排,按照閱讀順序看完標題、次標題、細節後對這項產品感興趣的人,如果放上行動按鈕就容易增加點擊率。

產品主題

文字配圖能提升點閱率,這是不變的定律,尤其電商更要好好把產品照放好放滿。如果是一場演講,能想像設計Banner時演講主題等同於風格而產品就是講師本身。

前面有了風格與文案,這時就要看你的產品要怎麼融入畫面之中,一些排版方式提供給大家:

  • 棚拍白背景→去背處理
  • 單色背景形象圖→用背景色當Banner底色
  • 複雜背景形象圖→圖框起來/用整張圖當背景

顏色與色調

顏色運用、整體色調與風格緊緊環扣,前面提到受眾,一樣拿男女來做舉例,一般男性產品用色上都以冷色、中性色為主,像是藍、灰、棕,整體較低調沉穩;女性產品則多是暖色調,黃、紅、橘,整體較柔和。

再舉個節慶的例子,情人節會想到紅色、粉色;聖誕節想到綠配紅;新年想到紅配金。其實舉了這些例子最主要是要讓你能發現,關於配色運用除了了解基本色譜外就是多觀察而已,日常生活中就充斥著許多色彩運用的例子。

結語

關於Banner設計只要做到以上幾點就能夠端上檯面了!當然如果要再了解得更詳細,還是有很多面向可以挖掘,因為設計的方式有百百種,只是看你如何運用,如果你是初學者,先把以上基礎打穩,再來要如何延伸與變化就看設計師的功力了。

Emma
Emma

現職設計人員。因為熱愛寫文章,想將所學分享給需要的人而開始經營部落格。夢想有朝一日成為數位游牧,邊旅行邊工作。

文章: 15