淘寶美工配色

配色干貨分享——網(wǎng)店美工配色技巧最全面的配色知識分享哪個更暖？哪個促銷更火爆？哪個更鮮艷？如果將水果的色彩去掉，便再沒有流口水的沖動。一、學配色必須先了解配色比例日本的設(shè)計師提出過一個配色黃金比例，是70：25：5，其中的70%為大面積使用的主色，25%為輔助色，5%為點綴色。一般情況下建議畫面色彩不超過3種，3種是指的3種色相，比如深紅和暗紅可以視為一種色相。二、了解色彩的關(guān)系

色彩搭配就是不同色相之間相互呼應(yīng)相互調(diào)和的過程，色彩之間的關(guān)系取決于在色相環(huán)上的位置，色相和色相之間距離的角度越近，則對比越弱，離得越遠則對比越強烈。在色相環(huán)上相距120度到180度范圍之間的兩種顏色，稱為對比色，距離越遠（色相差越大）對比越強。其中距離180°的顏色對比最為猛烈，又專門起了一個名叫互補色。配色的第一個步驟就是根據(jù)你想要表達的內(nèi)容選出主色系主色選好了以后我們就要開始做色彩搭配啦RGBCMY光色印刷色常見的色彩搭配方式類似色搭配對比色搭配互補色搭配①相鄰色搭配在色輪中挨著比較近的就是鄰近色，根據(jù)紅橙黃綠藍紫這六字順序，相鄰色搭配就是紅+橙，橙+黃,黃+綠，綠+藍……以此類推。

相鄰色因為比較鄰近，有很強的關(guān)聯(lián)性，非常協(xié)調(diào)柔和，畫面非常和諧統(tǒng)一，可以制造出一種柔和溫馨的感覺，因為在色輪中位置較近所以這種搭配視覺沖擊力較弱。

相近色搭配中還有一種單色系的搭配方式，采用同一色相，僅僅調(diào)整該色的明度/飽和度，得到另外一種顏色。如上圖所示，文字顏色就是用背景色降低飽和度/明度后的結(jié)果。本身背景色明度很高，又采用單色搭配手法所以會給人高雅，淡雅，寧靜的感覺。

七夕這張圖片使用的藍與紫搭配，畫面寧靜和諧。旁邊這張圖片使用的單色搭配，深藍+淺藍，畫面統(tǒng)一帶有一點傳統(tǒng)的感覺。

這張海報用的紅+橙的搭配方式，以橙色為主色調(diào)，背景中采用不同橙色增加了畫面的空間感，并且讓畫面看起來不是那么的單調(diào)。

②間隔色搭配根據(jù)紅橙黃綠藍紫這六字順序，紅+黃，橙+綠，黃+藍，綠+紫，藍+紅，因為這種搭配方式中間都隔了一個顏色，因此稱為間隔色。間隔色相比較相鄰色，2色之間在色輪上相隔遠一些，因此視覺沖擊力會強于相鄰色，而且間隔色使用非常廣泛，既沒有180互補色沖擊力那么具有刺激性，又比相鄰色多了一些明快丶活潑丶對比鮮明的感覺。特別是紅黃藍三原色之間的相互搭配，應(yīng)用非常廣泛，也非常流行。配色一定要控制好畫面的色彩比例！

重點說下紅藍搭配：紅藍搭配應(yīng)用非常廣泛，因為這2個顏色是典型的冷暖結(jié)合的顏色，有很強的對比性，會給人留下很深刻的印象。比如百度的logo,百事可樂的logo，公安局的警車，超人、蜘蛛俠的動漫形象，很多國家的國旗等。這2種色彩對比很容易讓人產(chǎn)生視覺疲勞和心理亢進，所以不適用家居等靜物。

這些海報基本都無一例外的在圖片中添加了白色作為調(diào)和，白色和黑色都是萬能的調(diào)和色，紅藍搭配還要注意的是不能讓色彩過于均衡，一定要控制好兩色的比例，其中一個要為主色在畫面中要占大比例，使之產(chǎn)生主次關(guān)系，或者降低其中一個顏色的明度/飽和度，產(chǎn)生一種明暗對比。

還需要說明一點的是：冷色在畫面中總是趨于后退，暖色是趨近，暖色很容易就可以進入人的眼簾。這點就需要大家根據(jù)畫面中重點信息的層級自己把握了。③互補色搭配在色輪中相隔180的2個顏色互為補色，是色彩搭配中，對比最為強烈的顏色，沒有之一…根據(jù)紅橙黃綠藍紫這六字順序，互補色就是中間間隔2個顏色，紅+綠，橙+藍，黃+紫…第一種常見于促銷海報，官方的促銷海報非常常見。充滿視覺刺激性同時也很容易形成廉價的印象。第二種具有對抗，PK，對比性質(zhì)的海報?；パa色在色環(huán)相距180°，可以形成強烈的撞色效果，配合相等的色彩面積，非常適用于PK場景的設(shè)計。第三種就是消費群體以年輕人為主的產(chǎn)品。純度較高的對比色可以演繹流行活力的感覺。

互補色搭配要注意三個方面：①一定要控制好畫面的色彩比例，因為這2個顏色放一起對抗非常激烈，所以一定要選出一個老大當主色調(diào)，另外一方作為點綴或者輔助色。②可以降低其中一方的明度/飽和度，這樣可以產(chǎn)生一種明暗對比，緩沖其對抗性。③在畫面中加入黑/白作為調(diào)和色進一步緩沖其對抗的特性。案例賞析：為什么我懂這些還是做不好配色配色黃金比例日本的設(shè)計師提出過一個配色黃金比例，是70：25:5，其中的70%為大面積使用的主色，25%威輔助色，5%為點綴色。一般情況下建議畫面色彩不超過3種，3種是指的3種色相，比如深紅和暗紅既可以視為一種色相。三、幾種實戰(zhàn)配色方案分析：我們做電商就是賣貨，因此主要的設(shè)計需求都以產(chǎn)品為主，所以我們就可以根據(jù)產(chǎn)品的顏色以及客戶的要求的風格基調(diào)這2個方面來配色。用一句話來闡述就是：以產(chǎn)品的顏色為基準（基色），以客戶要求為方向（目標）。最終的圖片效果與客戶初始要求基調(diào)相匹配。

如何選色？可以從產(chǎn)品圖中直接取色，這個方法很多朋友做過一段時間工作之后都會自行領(lǐng)悟，在一些設(shè)計書中也是不約而同的提到。因為從產(chǎn)品選出的色彩可以很好的與產(chǎn)品色相呼應(yīng)，視覺上可以相互關(guān)聯(lián)。是最簡單的選色方法。

解析:采用鄰近色的配色方案，背景取用人物衣服的藍色。藍色做為主色調(diào)，部分文案采用人物衣服上的青綠作為點綴色。畫面格調(diào)整體冷靜丶穩(wěn)定丶柔和。

解析:采用間隔色的方案，藍+黃。黃色為主色，以藍色為輔助色，青綠色為點綴與模特肩上那一抹顏色相呼應(yīng)，間隔色的搭配比鄰近色多了一些明快，更富有視覺沖擊力。

解析:經(jīng)典紅藍搭配，一冷一暖，極具視覺沖擊力，讓人過目不忘，還可以傳遞出一種力量感和氣勢，還可以把潮流二字改為黃色，就變成了紅黃藍三色搭配，大家可以自己嘗試下。

解析:選取模特身上較深的藍色作為背景色，采用大量的白色作為中間和色，減少互補色激烈的對抗性。注：白色是萬能百搭的調(diào)和色。

解析:上面幾張案例基本都是用的高純度的顏色，而高純度的顏色會給人一種廉價促銷的感覺，相比于前幾張這張海報降低背景的明度之后可以很好的體現(xiàn)出一種高端的格調(diào)，在暗色背景上加一些炫光，也是一種常用的設(shè)計表現(xiàn)手法。

解析:深色的背景搭配高飽和度的顏色，既有高端的格調(diào)又有一些促銷的感覺。副標題可以適當降低不透明度更好的突出主標題，達到主次分明的效果。我們總是在思考為什么我的產(chǎn)品性價比高、推廣費也花了，銷量就是提不上去？那是因為現(xiàn)在的人們實在太忙了，忙到不會花上多余的時間去考究你的產(chǎn)品是否符合他的要求。因此，我們要征服用戶的眼睛，讓他們一見鐘情。配色基礎(chǔ)

配色就是通過色彩的色相、明度、純度的對比來控制視覺刺激，達到配色的效果。

你還需得處理好色彩的明暗關(guān)系關(guān)于明度

明度就是色彩的明暗程度。顏色越深明度越低，顏色越淺明度越高。明度就是該顏色的明亮程度，在拾色器中最上端的位置的選色皆為明度最高的，反之最下端就是明度低的。低明度的含義與格調(diào)上面這些淘寶廣告圖整體都是低明度，從中可以發(fā)現(xiàn)低明度的顏色搭配可以很好的表現(xiàn)出產(chǎn)品的品質(zhì)感、品牌感、價值感，還可以體現(xiàn)出一種力量感，運動感，對抗性、商業(yè)感，奢華感，大氣有檔次。常見的國際大牌的官網(wǎng)基本都采用低明度暗色調(diào)的顏色搭配。淘寶常見的一些有氣質(zhì)格調(diào)的高端產(chǎn)品，比如家電類，科技數(shù)碼類，化妝品，運動器械，或者和男性相關(guān)的的一些產(chǎn)品經(jīng)常會采用低明度的搭配來表現(xiàn)產(chǎn)品的品質(zhì)與價值感。因為低明度深重富有力量，較偏向男性的性格特點。高明度的含義與格調(diào)明度較高的可以表現(xiàn)出產(chǎn)品的清爽、透氣性。還可以給人一種年輕、干凈、純潔、優(yōu)雅的感覺，畫面中會有一種平靜、舒適、愜意祥和的氛圍。高明度也可以展示出產(chǎn)品的品質(zhì)感。這種品質(zhì)感不同于低明度的圖片，比如上方案例中的化妝品，低明度的圖可以展示化妝品的價值感，有一定視覺沖擊力。高明度的則可以體現(xiàn)出化妝品的清爽、透氣和陽光的感覺。高明度的色彩搭配常見于淘寶的廚房家居行業(yè)、中國風相關(guān)產(chǎn)品，還有服裝行業(yè)，零食行業(yè)、數(shù)碼類和化妝品類也非常常見。相比較于低明度，則高明度的輕而淡、浮動而飄逸的感覺多適用于女性。學會用顏色體現(xiàn)頁面的高級感下面大家先看兩張圖，看看哪個圖更有高檔的感覺？處理后對比案例二：下面這支口紅的海報，用了中飽和度的適合小女生的粉色，又加了很多圓形泡泡點綴。這顯然不夠高逼格，高逼格必須要高冷！最后總結(jié)下：優(yōu)雅有高級感的配色，主底色在明度方面要么很低，要么很高。飽和度方面是都很低，不然太鮮艷就會顯得活潑沒有高冷的感覺。關(guān)于飽和度飽和度也就是純度，指的是色彩的鮮艷程度，飽和度越高代表顏色越鮮艷有很強的視覺沖擊力，飽和度高低取決于該色中含色成分和消色成分（灰色）的比例。含色成分越大，飽和度越大；消色成分越大，飽和度越小。飽和度就是色彩的鮮艷程度，顏色飽和度最高的就是純色。拾色器最右側(cè)的顏色皆為飽和度最高，反之左邊就是最低。高飽和度配色海報是電商設(shè)計最為常見的一種手法，為什么呢？因為高飽和度海報會給人以熱情，活力，健康，刺激，年輕的感覺而且有非常直接的視覺沖擊，與電商受眾人群匹配。而且還帶有非常強的廉價促銷感！

▌配色協(xié)調(diào)方法一

不同色相搭配，把不同色彩的亮度和飽和度調(diào)成一致或者近似，這是最基本的配色原則。▌配色協(xié)調(diào)方法二

同一色相搭配，只調(diào)該顏色的亮度和飽和度，也能達到和諧的效果。案例賞析：不同色相，明度飽和度相似同一色相關(guān)于色相色相，即各類色彩的相貌稱謂，如大紅、普藍、檸檬黃等。色相是色彩的首要特征，是區(qū)別各種不同色彩的最準確的標準。最初的基本色相有六種為：紅、橙、黃、綠、藍、紫。不同的色相會給人傳遞不同的感覺。世間萬物的顏色都是由這六種調(diào)配而成，所以我們只講這六種顏色的色相。紅橙黃是暖色調(diào)，綠藍紫是冷色調(diào)。下面通過大量的優(yōu)秀案例讓大家更好的理解這六種顏色代表的含義。紅色：代表熱情、活潑、熱鬧、溫暖、吉祥、幸福、女性。橙色：代表光明、華麗、甜蜜、興奮、快樂。黃色：代表高貴、明朗、富有、愉快、希望。綠色：代表植物、生命、升級、和平、柔和、安逸、新鮮、青春。藍色：代表天空、清爽、沉靜、理智、誠實、深遠。紫色：代表浪漫、優(yōu)雅、魅力、自傲。黑色：代表嚴肅、夜晚、沉穩(wěn)、剛健、堅強、崇高。白色：代表純潔、簡單、純真、樸素、神圣、明快?；疑捍硐麡O、陰暗、謙虛、平凡、沉默、中庸、寂寞。冷色暖色

紅色首先可以體現(xiàn)出一種節(jié)日氣氛，喜慶、熱鬧、狂歡，激情。

紅色還代表著女性的性感、嫵媚、高貴，天貓的logo也是用的紅色。暗紅色可以體現(xiàn)女性的妖嬈性感和嫵媚。而且有高貴、品質(zhì)、知性的感覺。天貓的首頁整體就采用的略暗的紅色，既有一定的促銷感、又帶有一定的品質(zhì)感。上文已經(jīng)說過低明度都可以表現(xiàn)出品質(zhì)感.紅色還可以體現(xiàn)出產(chǎn)品的力量感和能量感，紅+黑的搭配還有一種古典的感覺，比如漢服。

紅色是中國人民最喜愛的顏色，當然會有一種歷史、文化的格調(diào)，同時也代表一定的權(quán)威。

紅色還經(jīng)常用于表現(xiàn)美食，食品。給人以味覺刺激。紅色總結(jié)：紅色的格調(diào)有喜慶，熱鬧的節(jié)日氣氛；可體現(xiàn)女人的妖嬈，嫵媚，知性，性感；產(chǎn)品的力量能量感；歷史文化的氣質(zhì)；還可以用于表現(xiàn)美食食欲。同時紅色也是一種警示色，例如紅綠燈，各種交通標識，有一定權(quán)威性。純紅色有很強的刺激感，降低紅色的明度也就是暗紅色可以體現(xiàn)出產(chǎn)品的奢華的品質(zhì)感。

橙色的格調(diào)有一種廉價的促銷感，最典型的例子就是淘寶的網(wǎng)站配色。

橙色是一個很生活化的顏色，可以表現(xiàn)家庭，生活的格調(diào)，也是常見水果的顏色。

橙色還可以體現(xiàn)卡通、童趣、快樂、輕松的氛圍。

橙色還經(jīng)常用于零食和水果產(chǎn)品，屬于一種食品色，可以詮釋一種家庭的氛圍，有一種幸福的感覺。橙色總結(jié)：橙色比紅色少了一些視覺沖擊，可以體現(xiàn)一種廉價促銷的感覺，橙色可以表現(xiàn)在餐飲，水果，食品行業(yè)，有一種卡通，童趣，趣味感，橙色還可以體現(xiàn)年輕活力，家庭的幸福感，橙色也是秋天的顏色。黃色黃色與黑色搭配有很強的視覺刺激性，黃黑搭配在生活中經(jīng)常當做警示標志。黃色還可以體現(xiàn)一種文藝范，略有一絲高傲的感覺。黃色可以體現(xiàn)出年輕、活潑、輕時尚的感覺黃色還可體現(xiàn)一種卡通、童趣、趣味的格調(diào)。黃色總結(jié)：黃色的格調(diào)童趣、好玩、卡通、年輕活潑、時尚文藝范、警示醒目，另外黃色和橙色一樣也常用于夏季水果類的產(chǎn)品。綠色綠色本身就有綠色環(huán)保的特征，因此常見于家裝，家居，戶外用品等行業(yè)或者說只要想表現(xiàn)自然，環(huán)保，純凈，衛(wèi)生的產(chǎn)品多少都會使用到綠色系。綠色還可體現(xiàn)生命、健康，因此化妝品或者保健藥品也經(jīng)常使用綠色。

綠色也是春天的顏色，還代表著青春歲月！綠色總結(jié)：綠色格調(diào)有自然環(huán)保、清新、衛(wèi)生、生命、健康、春天、青春。藍色藍色是使用非常廣泛的顏色，在生活中銀行，警察，商務(wù)公司，都經(jīng)常會采用藍色。藍色是一個很大氣的顏色，因為宇宙和地球都是藍色，因此在淘寶上也經(jīng)?？吹椒浅４髿獾乃{色基調(diào)頁面。藍色也是天空和大海的顏色，因此補水化妝品經(jīng)常采用這類海底表現(xiàn)手法，即可突出品質(zhì)感，又可以給人以干凈，清爽，冰涼的補水感覺。藍色即可用于夏天也可以用于冬天，夏天用藍色體現(xiàn)產(chǎn)品的清爽，冬天用藍色體現(xiàn)產(chǎn)品抗寒性。藍色是冷色調(diào)的代表色。藍色即是深海顏色也是暗夜的顏色，因此也會給人一種幻想，秘密的感覺。藍色因其本身所具有的商務(wù)，穩(wěn)定，安全的格調(diào)，所以在淘寶上也是科技、數(shù)碼家電類產(chǎn)品的最愛。藍色總結(jié)：安全，穩(wěn)定，商務(wù)，科技，大氣，寒冷，清涼，冰爽、品質(zhì)，幻想。紫色紫色是很多女性喜歡的色彩，可以表現(xiàn)女性的優(yōu)雅，高貴的氣質(zhì)，并且?guī)в心Щ脡艋蒙衩氐母杏X。紫色所帶有的神秘夢幻的感覺，較常見于淘寶女性內(nèi)衣等較為私密的產(chǎn)品。因此多用藍+紫的搭配方式。紫色經(jīng)常與粉色搭配用于表現(xiàn)愛情婚戀主題。紫色與粉色都是偏女性的顏色。總結(jié)紫色：紫色可代表女性的優(yōu)雅、高貴氣質(zhì)。有魔幻、夢幻、誘惑、神秘的格調(diào)。粉色最后在說下粉色，因為粉色在淘寶里幾乎所有和女性相關(guān)的產(chǎn)品都會用到，是女性的專屬顏色，相比紫色，粉色的受眾則更年輕些。粉色和藍色搭配會有一種情侶的格調(diào)。思考：

為什么香奈兒、LV都用黑色做主色？▌