網站設計不難,現今有非常多的網站設計軟體,但你學會建立自己的網站後,關於網頁設計的配色,你知道怎麼選擇嗎?
顏色無所不在地影響著我們的生活,許多研究電商的學者指出,網站介面的顏色正向地影響消費者的點擊慾望、使用時間以及購買行為,這對電商網站的經營者來說,無疑是影響導購的重要因素,因此若還不瞭解如何為你的網站進行配色,就趕快往下看我們的介紹。
延伸閱讀:
文章內容
色彩三要素
在色彩的世界裡,「顏色」有各種不同的呈現,同樣是黃色卻有不同的程度,該如何定義想要的「顏色」,利於自行設計或與設計師溝通,必須要瞭解色彩的基礎知識。
色彩具備三種基本的屬性:色相、明度和彩度,合稱為色彩三要素,掌握這三者後,我們就能夠針對喜歡的顏色進行具體客觀的描述。
1. 色相 (Hue)
是顏色最大的特徵,用以區分色彩的名稱,也就是色彩的名字。例如:紅色、橙色、黃色等等。
2. 明度 (Value)
色彩的明暗程度。明度高,是指色彩明亮,而明度低則是指色彩灰暗。明度最高的是白色,明度最低的是黑色。
3. 彩度 (Chroma)
色彩的純度或鮮豔程度,又稱飽和度。任何顏色的純色因不含雜色,因此彩度最高,當加入其他色彩後,彩度便會降低。因此若一綠色(色相) 混入白色,變成淡綠色時,其純度或鮮豔程度降低,而明度提高。
色彩運用與消費者的感受
每間企業品牌的Logo顏色設計都各具巧思,希望在潛移默化中給予消費者特定的意象,下圖以世界知名的品牌大廠為例,剖析各種色彩在戰略上運用的意義為何?
1. 紅色:熱情活力的聯想,也會讓人有刺激興奮、躍躍欲試的感覺。常被用在:餐飲業以刺激食慾、快時尚業與促銷刺激衝動消費。
2. 黃色:明亮有活力的顏色,代表正向積極與溫暖,被認為能激發創造力,也能喚起人們內心中歡樂的因子,因此麥當勞就是使用黃色來呈現。
3. 藍色:具有是信任、和平與專業的形象,也能夠使人心靈平靜安寧。常被使用在科技與金融產業,傳遞值得信賴、可靠與負責任的訊息。
4. 綠色:健康、自然、新鮮、放鬆、幸福以及安全的意象,是戶外、環保、自然、環境等議題的代表性顏色,也常使用在按摩店、有機及醫療產品。
5. 橘色:與黃色相似,除代表活力、正向積極的形象,還有新奇樂趣、團結與平衡的意象,能夠創造訂閱及購買慾望,也顯示能夠吸引年輕的觀眾。
6. 粉紅色:明亮的粉紅色讓人聯想青春和快樂,而較淺的粉紅色則充滿戀愛與浪漫氣息。粉紅色是女性和年輕女性產品市場的愛用色。
7. 黑色:黑色代表優雅、高貴與權威,同時是最具質感的色調,常被使用在高端奢華的產品上,是時尚界、高科技、精品業及美妝品業的指標顏色。
理解單一色彩所代表的商業意涵後,你可能想進行不同顏色的搭配,配色的技巧主要分成互補色與相似色兩類,想要了解更多,歡迎閱讀我們先前的文章: 你不可不知的5個架設網站的基本要素,這邊就先不做過多地介紹。
網頁設計配色工具
除了先前文章: 出色的網站一定會有的10大調色板 所提供的工具,這邊在推薦幾個方便實用配色工具/網站,讓新手也能夠輕鬆做出高質感的配色。
Colordot
使用者可以在網頁區域內隨意移動產生色號,選定後左鍵儲存,接著繼續參照先前的色彩,自由搭配出多種滿意的配色。
Color Hunt
提供多種俏皮可愛的成套色彩搭配外,下方亦附有使用者的喜好程度(愛心數量),在選擇顏色搭配時,提供很好的參考建議。
Hello Color
點擊畫面任意處,將隨機提供兩種色彩組合呈現與色號,底下還同時提供給你相近、互補的顏色。
Color Supply
除互補及相似色外,還有三重、四重、補色分割等多種樣式,選定後於色輪中選取任一種顏色為基色,將顯示20種推薦的預設組合,讓使用者直接預覽配色效果。
網頁設計配色技巧
網站設計的配色,不只是要顏色好看吸引人,更重要的是在消費者心中留下鮮明的印象,因此在設計時必須朝著以下三大方向去思考:
1. 產品
依照自己產品性格或特性選擇合適的配色,一般可以參考同產業競爭對手的顏色配置,汲取相關元素並進行創新,以凸顯自身的創意與新鮮性。
2. 形象
依照企業想要傳遞的形象與價值主張,進行顏色的配置。通常是以公司的logo及代表色來發想,構成網站設計的色彩元素。
3. 目標顧客
根據顧客的群體、形象、偏好,營造設計符合他們的形象或偏好。然而不同的文化、地區、年齡層以及職業對於顏色的接受度不盡相同,因此在規劃設計前,必須充分地瞭解你的顧客輪廓。
最後,好的網站配色設計應該具有整體的一致性,從企業的價值主張、產品風格,到顧客輪廓,在網頁中應該透漏著相同的訊息,才能確立鮮明的形象。其中的精隨,沒有捷徑,只要願意花時間多看多學,自然能夠領略箇中奧妙。
如果還有想要了解的部分,歡迎留言,最專業的網路行銷公司 CTMaxs 會繼續為各位服務。