目錄

一.色彩三要素

1.色相 2.飽和度 3.明度

---------------------------------------------

二。色彩搭配方法

1.三角形配色 2.分裂互補配色 3.四方形配色 4.常見配色方法

--------------------------------------------------

三.配色分析

1.綜合演練 2.整體質量把控 3.如何取色用色

--------------------------------------------------------------

四。案例實戰(zhàn)

色彩搭配方法

（對比色、補色、三角形、四方形）

三原色：紅、黃、藍

所有顏色的源頭被稱為三原色，三原色指的是紅色、黃色、藍色

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

間色、復色（三級顏色）

如果將紅色和黃色、黃色和藍色、藍色和紅色均勻混合，就會創(chuàng)建三種間色：橙色、綠色、紫色

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

三次色來源于間色與原色的混合，主要有：紅紫色、藍紫色、藍綠色、黃綠色、橙紅色和橙黃色

同類色/鄰近色

同類色指色相性質相同，但色度有深淺之分。（色相環(huán)中15'夾角內的顏色）

近似色

近似色指色相性質相同，色度深淺比較明顯。（是指色相環(huán)中夾角50'左右的兩種近似色）

對比色

對比色是人的視覺感官所產生的一種生理現(xiàn)象，是視網(wǎng)膜對色彩的平衡作用，

指針24色相環(huán)上相距120度到180度之間的兩種顏色，稱為對比色。

補色

又稱互補色，余色，亦稱強度比色，就是兩種顏色（等量）混合后呈黑灰色，

那么這兩種顏色一定互為補色。色環(huán)的任何直徑亮點相對之色都稱為互補色。

冷、暖、中性色

色彩學上根據(jù)心理感受，把顏色分為暖色調（紅、橙、黃）、冷色調（青、藍）和中性色調（紫、綠、黑、灰、白）

冷色

青色，藍色，藍紫色等等都屬于冷色系列。冷水一般跟白色調和可以達到很好的視覺效果，

冷色一般應用于一些高科技、高品質、理性類頁面設計中。

暖色

黃色、橙色、紅色等都屬于暖色系列。暖色跟黑色調和可以達到很好的效果，暖色一般應用于女性，兒童，食品類等，

也可以體現(xiàn)商品的玲瑯滿目，熱情活潑，溫馨等。

同類色和近似色搭配

如黃綠色、黃色和桔色等。近似色的搭配給人的視覺效果很舒適，很自然。所以近似色在設計中極為常見。

（注：在用近似色時，要是的價錢對比，不然會使畫面顯得平淡）

對比色和補色搭配

最突出，最引人注目的搭配，有強烈視覺沖擊！！

（注：互補色之間的強烈對比，會引起色彩的顫動和不穩(wěn)定感，處理不好會使頁面沖突，破壞整體感，

對于互補色，調整一下互補色的亮度，或者調整互補色的使用面積，有時候是一種很好的搭配）

三角形搭配

使得畫面生動的搭配方式，在使用三角形搭配方式時，一定要選出一種色彩作為主色，另外兩種作為輔色

分裂互補色搭配

這是互補搭配的遍體，本質是用類似色來代替互補色中的一個顏色，以達到既有互補色對比強烈的優(yōu)點

又袮補了不穩(wěn)定不安的缺點，對初學者來說是非常好用的搭配方式，畫面對比強烈又不容易產生混亂。

四方色/四方補色

四方色是在色輪上面一個正方形，取四個角的顏色，這個顏色超棒，尤其是使用其中一個顏色作為主色，其他的三個顏色作為輔助色的時候

四方補色和四方色的差別在于四方補色采用的是一個矩形，通過一組互補色兩旁的顏色建立的色彩組合。

什么樣的畫面方便識別

（明度、對比度、清晰度）

色相變化

優(yōu)秀頁面配色分享

（色彩搭配綜合技巧）

案例分析：

觀察1

觀察食品頁面的色彩搭配方式、色相、明度、飽和度的應用

一個Banner通常由以下組成：

產品

標題

副標題

活動詳情

背景圖案

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內超市采購商與批發(fā)市場供應廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務權威性網(wǎng)站。

本文內容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則

本文來源： 基礎知識電商設計之配色和取色技巧(一)