設計師必學:選色配色與色彩搭配 | 色彩搭配

要搭配出好看的色彩,首先不能是一個色盲,話雖然不太好聽,但是道理是實實在在的。

不管是平面設計還是網頁設計,不管你是新手還是大神,色彩始終是一名設計師必學必會的科目。

你可以暫時沒有驚艷的創意靈感,也可以暫時沒有縝密的設計思維,但是不可以一日不會色彩搭配。

一、自我檢測要搭配出好看的色彩,首先不能是一個色盲,話雖然不太好聽,但是道理是實實在在的。

......二、色彩三要素1、色相(色調):最初的基本色相為紅、橙、黃、綠、藍、紫,在各色中間加插一兩個中間色,其頭尾色相。

按光譜順序為:紅、橙色、黃橙、黃、黃綠、綠、綠藍、藍綠、藍、藍紫、紫。

紅紫、紅和紫中再加個中間色,可制出十二基本色相。

2、飽和度:就是色彩的濃度,或者說是鮮艷程度。

越鮮艷的色彩通常就被認為越飽和。

3、明度(色度):是色彩的明暗程度。

不同色彩有不同的明度,即使同一種色彩,其明度也有不同。

...三、色彩名詞解析1、三原色:所有顏色的源頭被稱為三原色,三原色指的是紅色、黃色和藍色。

如果我們談論的是屏幕的顯示顏色,比如顯示器,三原色則分別是紅色、綠色和藍色,也就是我們熟悉的RGB。

...2、間色、複色(三級顏色)如果將紅色和黃色、黃色和藍色、藍色和紅色均勻混合,就會創建三種間色:綠色、橙色和紫色。

將這些顏色應用進項目中,可以提供很強烈的對比。

三次色來源於間色與原色的混合,主要有:紅紫色、藍紫色、藍綠色、黃綠色、橙紅色和橙黃色。

...3、同類色、鄰近色同類色指色相性質相同,但色度有深淺之分。

(是色相環中15°夾角內的顏色)...4、近似色近似色指相性質相同,色度深淺比較明顯(是指色相環中夾角50°左右的兩種近似色)...5、對比色對比色是人的視覺感官所產生的一種生理現象,是視網膜對色彩的平衡作用。

指在24色相環上相距120°-180°之間的兩種顏色,稱為對比色。

...6、補色又稱互補色,余色,亦稱強度比色,就是兩種顏色(等量)混合後呈黑灰色,那麼這兩種顏色一定互為補色。

色環的任何直徑兩端相對之色都稱為互補色。

...7、冷、暖、中性色色彩學上根據心理感受,把顏色分為暖色調(紅、橙、黃),冷色調(青、藍)和中性色調(紫、綠、黑、灰、白)。

...四、色彩搭配色彩搭配的方式有千萬種,這裡不可能一一列舉到,列舉一些典型的,大眾可以用到的,然後大家根據自己的經驗拓展。

如果基礎不好或者想要學習設計,可以加我企鵝號:八九八二二四三七四。

設計的學習是一點點的積累,一點點的嘗試,不要受任何方式方法的束縛,敢想、敢嘗試,你就可以成為真正的設計師!不多說,開始舉例。

1、冷色與白色色調的搭配青色、藍色、藍紫色等等都屬於冷色系列。

冷色一般跟白色調和可以達到很好的視覺效果,冷色一般應用於一些高科技、高品質、理性類頁面設計中。

...2、暖色與黑色色調的搭配黃色、橙色、紅色等都屬於暖色系列。

暖色跟黑色調和可以達到很好的效果。

暖色一般應用與女性、兒童、食品類等。

也可以體現商品的琳琅滿目,熱情活潑、溫馨等。

...3、同類色和近似色搭配如黃綠色、黃色和潔色等。

近似色的搭配給人的視覺效果很舒適,很自然。

所以近似色在設計中極為常見。

(註:在用近似色時,要適當加強對比,不然會使畫面顯得平淡)...4、對比色和補色搭配最突出,最引人注目的搭配,有強烈的視覺衝擊!(註:互補色之間的強烈對比,會引起色彩的顫動和不穩定感,處理不好會使頁面衝突,破壞整體感。

對於互補色,調整一下互補色的亮度,或者調整互補色的使用面積。

有時候是一種很好的搭配)...5、三角搭配法則使得畫面生動的搭配方式。

在使用三角形搭配方式時,一定要選出一種色彩作為主色,別外兩種作為輔色。

......6、分裂互補色搭配這是互補搭配的變體,本質是用類似色來代替互補色中的一個顏色,以達到既有互補色對比強烈的特點,又彌補了不穩定的缺點。

對初學者來說是非常好用的搭配方式,畫面對比強烈又不容易產生混亂。

......7、四方色/四方補色四方色是在色輪上畫一個正方形,取四個角的顏色。

這個顏色超棒,尤其是使用其中一個顏色作為主色,其他的三個顏


常見生活風格問答


延伸文章資訊