目錄
一.色彩三要素
1.色相 2.飽和度 3.明度
---------------------------------------------
二。色彩搭配方法
1.三角形配色 2.分裂互補(bǔ)配色 3.四方形配色 4.常見配色方法
--------------------------------------------------
三.配色分析
1.綜合演練 2.整體質(zhì)量把控 3.如何取色用色
--------------------------------------------------------------
四。案例實(shí)戰(zhàn)
色彩搭配方法
（對(duì)比色、補(bǔ)色、三角形、四方形）
三原色：紅、黃、藍(lán)
所有顏色的源頭被稱為三原色，三原色指的是紅色、黃色、藍(lán)色
如果我們談?wù)摰氖瞧聊坏娘@示顏色，比如顯示器，三原色分別是紅色、綠色、藍(lán)也就是我們熟悉的RGB，
間色、復(fù)色（三級(jí)顏色）
如果將紅色和黃色、黃色和藍(lán)色、藍(lán)色和紅色均勻混合，就會(huì)創(chuàng)建三種間色：橙色、綠色、紫色
將這些顏色應(yīng)用進(jìn)項(xiàng)目中，可以提供很強(qiáng)烈的對(duì)比。
三次色來源于間色與原色的混合，主要有：紅紫色、藍(lán)紫色、藍(lán)綠色、黃綠色、橙紅色和橙黃色
同類色/鄰近色
同類色指色相性質(zhì)相同，但色度有深淺之分。（色相環(huán)中15'夾角內(nèi)的顏色）
近似色
近似色指色相性質(zhì)相同，色度深淺比較明顯。（是指色相環(huán)中夾角50'左右的兩種近似色）
對(duì)比色
對(duì)比色是人的視覺感官所產(chǎn)生的一種生理現(xiàn)象，是視網(wǎng)膜對(duì)色彩的平衡作用，
指針24色相環(huán)上相距120度到180度之間的兩種顏色，稱為對(duì)比色。
補(bǔ)色
又稱互補(bǔ)色，余色，亦稱強(qiáng)度比色，就是兩種顏色（等量）混合后呈黑灰色，
那么這兩種顏色一定互為補(bǔ)色。色環(huán)的任何直徑亮點(diǎn)相對(duì)之色都稱為互補(bǔ)色。
冷、暖、中性色
色彩學(xué)上根據(jù)心理感受，把顏色分為暖色調(diào)（紅、橙、黃）、冷色調(diào)（青、藍(lán)）和中性色調(diào)（紫、綠、黑、灰、白）
冷色
青色，藍(lán)色，藍(lán)紫色等等都屬于冷色系列。冷水一般跟白色調(diào)和可以達(dá)到很好的視覺效果，
冷色一般應(yīng)用于一些高科技、高品質(zhì)、理性類頁面設(shè)計(jì)中。
暖色
黃色、橙色、紅色等都屬于暖色系列。暖色跟黑色調(diào)和可以達(dá)到很好的效果，暖色一般應(yīng)用于女性，兒童，食品類等，
也可以體現(xiàn)商品的玲瑯滿目，熱情活潑，溫馨等。
同類色和近似色搭配
如黃綠色、黃色和桔色等。近似色的搭配給人的視覺效果很舒適，很自然。所以近似色在設(shè)計(jì)中極為常見。
（注：在用近似色時(shí)，要是的價(jià)錢對(duì)比，不然會(huì)使畫面顯得平淡）
對(duì)比色和補(bǔ)色搭配
最突出，最引人注目的搭配，有強(qiáng)烈視覺沖擊！！
（注：互補(bǔ)色之間的強(qiáng)烈對(duì)比，會(huì)引起色彩的顫動(dòng)和不穩(wěn)定感，處理不好會(huì)使頁面沖突，破壞整體感，
對(duì)于互補(bǔ)色，調(diào)整一下互補(bǔ)色的亮度，或者調(diào)整互補(bǔ)色的使用面積，有時(shí)候是一種很好的搭配）
三角形搭配
使得畫面生動(dòng)的搭配方式，在使用三角形搭配方式時(shí)，一定要選出一種色彩作為主色，另外兩種作為輔色
分裂互補(bǔ)色搭配
這是互補(bǔ)搭配的遍體，本質(zhì)是用類似色來代替互補(bǔ)色中的一個(gè)顏色，以達(dá)到既有互補(bǔ)色對(duì)比強(qiáng)烈的優(yōu)點(diǎn)
又袮補(bǔ)了不穩(wěn)定不安的缺點(diǎn)，對(duì)初學(xué)者來說是非常好用的搭配方式，畫面對(duì)比強(qiáng)烈又不容易產(chǎn)生混亂。
四方色/四方補(bǔ)色
四方色是在色輪上面一個(gè)正方形，取四個(gè)角的顏色，這個(gè)顏色超棒，尤其是使用其中一個(gè)顏色作為主色，其他的三個(gè)顏色作為輔助色的時(shí)候
四方補(bǔ)色和四方色的差別在于四方補(bǔ)色采用的是一個(gè)矩形，通過一組互補(bǔ)色兩旁的顏色建立的色彩組合。
什么樣的畫面方便識(shí)別
（明度、對(duì)比度、清晰度）
色相變化
優(yōu)秀頁面配色分享
（色彩搭配綜合技巧）
案例分析：
觀察1
觀察食品頁面的色彩搭配方式、色相、明度、飽和度的應(yīng)用
一個(gè)Banner通常由以下組成：
產(chǎn)品
標(biāo)題
副標(biāo)題
活動(dòng)詳情
背景圖案
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺(tái),是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則
