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