關於
案例
消息
聯絡
The Application of Color in Web Design

網頁設計配色攻略

過去我們總以為選擇顏色是很直觀的事情,但其實你知道嗎?選擇顏色這個步驟是可以以有效策略來建構影響感官的喔!色彩可以在無形中支配情感與決定,各種顏色之間也有許多相互關聯的效應,理解色彩帶給人的感受不單是可以幫助網頁設計帶來改變,更可以因此推動企業定位走向。

一、配色的種類

以最初街的分類可以將配色方式分為「單色配色」、「相似色搭配」、「互補色搭配」、「三角色搭配」、「無彩配色法」、「矩形配色法」。
「單色配色」為使用一種色,僅調整明暗度與彩度的差異,讓整體視覺一致。
「相似色搭配」是選擇一個主色,並搭配色環上相鄰的顏色作為配色,相較於單色配色會更有層次感更豐富。
「互補色搭配」是將主色與該色180度的色向作搭配,創造出強烈的活潑感。
「三角色搭配」以色環上正三角形頂端的三個顏色互相搭配,可以豐富畫面感。
「無彩配色法」泛指缺乏色度與飽和度的顏色,例如黑/灰/白色都可以被稱為無彩色,透過陰影以及亮暗呈現出極具張力的色值呈現。
「矩形配色法」原理與三角色搭配相似,也是在色環上牽起一個矩形,並將頂端的四個顏色相互做搭配,其補色效果會比原先的三角色更加豐富。
 

二、色彩的意義與影響

1、暖色調

暖色調包含「紅色」、「橘色」、「黃色」是刺激感官,且能引起愉悅感的色調,好的運用可以是最佳搭配的色彩,但若當作主色調就需要小心使用,避免操作失誤,反而將畫面搞得眼花撩亂,找不到重點。
「紅色」可以促進食慾,也可以帶來興奮或是緊張的情緒,甚至在有效搭配使用後還可以產生刺激冒險意味的作用。
「橘色」是紅色與黃色的中間色,因此也包含了兩種色彩的特性,並加入橘色意涵的自信。讓畫面舒適並且友善。
「黃色」是溫馨與警示的代名詞,根據不同的使用層面,可以轉換意義,淡黃色不太好配色,所以可以使用我們上述介紹到的「單色配色」、「互補色搭配」來做到舒適的搭配。


2、冷色調

冷色調包括「藍色」、「綠色」、「紫色」屬於平靜一點的色系,使用「互補色搭配」可以更有質感的襯托。
「藍色」象徵正面與平靜,由於藍色普遍接受度高,因此取多品牌的LOGO以及活動會喜歡使用藍色來引人注目。
「綠色」最常讓人聯想到茂密與繁榮,並且有許多品牌會將環保相關或是金融類的品牌色選為綠色。
「紫色」總是給人華麗且和平的感受,近幾年更多了一分科技感,但由於紫色很容易會配比失重,所以建議可以降低色度,搭配淺紫色或是互補色黃色來達到協調。
 
 
 

 

 


→觀看更多COSMO 品牌輔導網站設計案例, 前往參考

回上一頁
03-31
2023