混跡在各大電商平臺(tái)的設(shè)計(jì)師兄弟姐妹們，今天和大家說(shuō)說(shuō)配色，其實(shí)美工中的配色是不是可以隨便配？事實(shí)上是不可以的，下面小編就給大家?guī)?lái)一些案例分享：

案例:

大家可以用拾色器去吸下背景顏色看看，淡黃色和蓍草粉色，看看這2個(gè)顏色在拾色器的位置。

是不是明度和飽和度的數(shù)值很接近，而且在拾色器的位置都位于右上角。

大家都知道色彩三要素HSB（色相、飽和度、明度）。我知道很多人其實(shí)不知道…

排版有排版的規(guī)則，對(duì)齊對(duì)比等等…配色也有配色的規(guī)則，毫無(wú)秩序的色彩搭配會(huì)看起來(lái)特別亂，配色的規(guī)則就是HSB保持統(tǒng)一的情況下，色彩才會(huì)看起來(lái)非常協(xié)調(diào)和統(tǒng)一。

HSB保持統(tǒng)一并不是說(shuō)數(shù)值保持統(tǒng)一，咱們可以試下。我將淡黃色的飽和度和明度值調(diào)成77和82與粉色保持一致，就變成了下面這個(gè)結(jié)果。

淡黃色就變得特別渾濁，鮮亮程度也不如以往。所以數(shù)值保持一致并無(wú)意義，一切都要以我們?nèi)搜鄣膶?shí)際感受為主，但是數(shù)值要保持在一個(gè)范圍內(nèi)上下浮動(dòng)。要根據(jù)自己的感受用PS去來(lái)回調(diào)整。

下面繼續(xù)講解HSB（色相、明度、飽和度）

重點(diǎn)說(shuō)下S（明度），因?yàn)槊鞫仁潜绕鹕嗪惋柡投?*能讓眼睛感受到變化的色彩要素，因?yàn)槊鞫葞p峰就是黑白。

上圖是一個(gè)高明度的，低飽和度的配色。這類(lèi)配色比較淡雅清新非常柔和，很適用于年輕女性或者母嬰類(lèi)目。比如蘑菇街就常用這類(lèi)色調(diào)。

再比如一些童裝或者母嬰產(chǎn)品，圖片一般色調(diào)非常柔和，明度高，飽和度中低。

下面再換個(gè)風(fēng)格

這類(lèi)配色高飽和度高明度，視覺(jué)刺激性很強(qiáng)，會(huì)帶來(lái)一種歡愉的格調(diào)，是淘寶上**常見(jiàn)的配色方式。多用于促銷(xiāo)系列。

淘寶官方的促銷(xiāo)banner基本都是高純度的色調(diào)。

七格格這類(lèi)定位的女裝經(jīng)常會(huì)采用高純度的配色，激烈的撞色彰顯一種年輕刺激活力的氛圍。

下面再換一個(gè)風(fēng)格

該圖配色色相變化不大，主要改變的是明度和飽和度

低明度低飽和度需要配合中明度中飽和的顏色，不然就是一團(tuán)黑了。該類(lèi)型配色一般都有高逼格的調(diào)性，主要是顏色暗了之后顯得沉穩(wěn)，成熟。

這是為什么呢？且看下圖

生活中小孩子的服飾往往都是鮮亮活潑的，隨著年齡增長(zhǎng)人的皮膚越來(lái)越暗淡無(wú)光，穿衣風(fēng)格也越來(lái)越走深色的格調(diào)。我們做設(shè)計(jì)對(duì)于顏色的感知其實(shí)就是源于生活。

所以配色首先要從產(chǎn)品自身定位出發(fā)。HSB要保持一致。

相信各位跟我一樣，常常聽(tīng)到老板說(shuō)要“高大上”的感覺(jué)，那么什么才是高大上呢？

大家先看一波案例。

從這上面的案例可以看出，這類(lèi)華麗的海報(bào)一類(lèi)是低明度為底色，一類(lèi)是高明度為底色。

高級(jí)感配色中**常見(jiàn)的就是黑棕（金）搭配，黑背景配上棕色的輔色，顯得成熟大氣。還有一種是偏淺黃的杏色為底配上深棕色做輔色，這一種則顯得優(yōu)雅高貴。

下面我以一個(gè)40塊錢(qián)的不銹鋼垃圾桶為例，用這類(lèi)高級(jí)感的配色看看是什么感覺(jué)。

這類(lèi)配色成熟大氣，背景因?yàn)槭前瞪{(diào)所以可以加一些光暈，更加彰顯高貴華麗的感覺(jué)。背景還可以搜一些光斑，金箔之類(lèi)的素材加下，時(shí)間關(guān)系我就沒(méi)有在弄。

在用杏色來(lái)一波

這波配色里直接把底色用了白低，文案用了一個(gè)棕色（青銅色），點(diǎn)綴色用了一個(gè)偏紅的深銅色，整體顯得更干凈整潔。