CTMaxs 網路行銷公司部落格

網頁設計配色怎麼選? 教你抓住消費者的心理

網站設計不難,現今有非常多的網站設計軟體,但你學會建立自己的網站後,關於網頁設計的配色,你知道怎麼選擇嗎?

web design color

顏色無所不在地影響著我們的生活,許多研究電商的學者指出,網站介面的顏色正向地影響消費者的點擊慾望使用時間以及購買行為,這對電商網站的經營者來說,無疑是影響導購的重要因素,因此若還不瞭解如何為你的網站進行配色,就趕快往下看我們的介紹。

 

延伸閱讀:

色彩三要素

在色彩的世界裡,「顏色」有各種不同的呈現,同樣是黃色卻有不同的程度,該如何定義想要的「顏色」,利於自行設計或與設計師溝通,必須要瞭解色彩的基礎知識。

 

色彩具備三種基本的屬性:色相、明度和彩度,合稱為色彩三要素,掌握這三者後,我們就能夠針對喜歡的顏色進行具體客觀的描述。

1.  色相 (Hue)

是顏色最大的特徵,用以區分色彩的名稱,也就是色彩的名字。例如:紅色、橙色、黃色等等。

2.  明度 (Value)

色彩的明暗程度。明度高,是指色彩明亮,而明度低則是指色彩灰暗。明度最高的是白色,明度最低的是黑色。

3.  彩度 (Chroma)

色彩的純度或鮮豔程度,又稱飽和度。任何顏色的純色因不含雜色,因此彩度最高,當加入其他色彩後,彩度便會降低。因此若一綠色(色相) 混入白色,變成淡綠色時,其純度或鮮豔程度降低,而明度提高。

色彩運用與消費者的感受

每間企業品牌的Logo顏色設計都各具巧思,希望在潛移默化中給予消費者特定的意象,下圖以世界知名的品牌大廠為例,剖析各種色彩在戰略上運用的意義為何?

 

企業logo顏色與消費者感受

 

1.  紅色:熱情活力的聯想,也會讓人有刺激興奮、躍躍欲試的感覺。常被用在:餐飲業以刺激食慾、快時尚業與促銷刺激衝動消費。

 

2. 黃色:明亮有活力的顏色,代表正向積極與溫暖,被認為能激發創造力,也能喚起人們內心中歡樂的因子,因此麥當勞就是使用黃色來呈現。

 

3. 藍色:具有是信任、和平與專業的形象,也能夠使人心靈平靜安寧。常被使用在科技與金融產業,傳遞值得信賴、可靠與負責任的訊息。

 

4. 綠色:健康、自然、新鮮、放鬆、幸福以及安全的意象,是戶外、環保、自然、環境等議題的代表性顏色,也常使用在按摩店、有機及醫療產品。

 

5. 橘色:與黃色相似,除代表活力、正向積極的形象,還有新奇樂趣、團結與平衡的意象,能夠創造訂閱及購買慾望,也顯示能夠吸引年輕的觀眾。

 

6. 粉紅色:明亮的粉紅色讓人聯想青春和快樂,而較淺的粉紅色則充滿戀愛與浪漫氣息。粉紅色是女性和年輕女性產品市場的愛用色。

 

7. 黑色:黑色代表優雅、高貴與權威,同時是最具質感的色調,常被使用在高端奢華的產品上,是時尚界、高科技、精品業及美妝品業的指標顏色。

 

理解單一色彩所代表的商業意涵後,你可能想進行不同顏色的搭配,配色的技巧主要分成互補色與相似色兩類,想要了解更多,歡迎閱讀我們先前的文章: 你不可不知的5個架設網站的基本要素,這邊就先不做過多地介紹。

 

網頁設計配色工具

除了先前文章: 出色的網站一定會有的10大調色板 所提供的工具,這邊在推薦幾個方便實用配色工具/網站,讓新手也能夠輕鬆做出高質感的配色。

Colordot

Colordot

使用者可以在網頁區域內隨意移動產生色號,選定後左鍵儲存,接著繼續參照先前的色彩,自由搭配出多種滿意的配色。

Color Hunt

colorhunt

提供多種俏皮可愛的成套色彩搭配外,下方亦附有使用者的喜好程度(愛心數量),在選擇顏色搭配時,提供很好的參考建議。

Hello Color

Hello Color

點擊畫面任意處,將隨機提供兩種色彩組合呈現與色號,底下還同時提供給你相近、互補的顏色。

Color Supply

Color supply

除互補及相似色外,還有三重、四重、補色分割等多種樣式,選定後於色輪中選取任一種顏色為基色,將顯示20種推薦的預設組合,讓使用者直接預覽配色效果。

網頁設計配色技巧

網站設計的配色,不只是要顏色好看吸引人,更重要的是在消費者心中留下鮮明的印象,因此在設計時必須朝著以下三大方向去思考:

1.  產品

依照自己產品性格或特性選擇合適的配色,一般可以參考同產業競爭對手的顏色配置,汲取相關元素並進行創新,以凸顯自身的創意與新鮮性。

2.  形象

依照企業想要傳遞的形象與價值主張,進行顏色的配置。通常是以公司的logo及代表色來發想,構成網站設計的色彩元素。

3.  目標顧客

根據顧客的群體、形象、偏好,營造設計符合他們的形象或偏好。然而不同的文化、地區、年齡層以及職業對於顏色的接受度不盡相同,因此在規劃設計前,必須充分地瞭解你的顧客輪廓。

 

最後,好的網站配色設計應該具有整體的一致性,從企業的價值主張、產品風格,到顧客輪廓,在網頁中應該透漏著相同的訊息,才能確立鮮明的形象。其中的精隨,沒有捷徑,只要願意花時間多看多學,自然能夠領略箇中奧妙。

 

如果還有想要了解的部分,歡迎留言,最專業的網路行銷公司 CTMaxs 會繼續為各位服務。

 

Leave a Reply