產(chǎn)品設(shè)計(jì):工業(yè)設(shè)計(jì)、UI設(shè)計(jì)、書(shū)籍報(bào)刊設(shè)計(jì)等。重點(diǎn)在于品牌印象,清晰、舒適、耐看。誘目性低,可以長(zhǎng)時(shí)間凝視而不會(huì)疲勞。
運(yùn)營(yíng)/推廣設(shè)計(jì):海報(bào)、廣告、招貼等形式。重點(diǎn)在于氛圍營(yíng)造,吸睛、具有較強(qiáng)的表現(xiàn)力。誘目性高,瞬間吸引人的注意力。
區(qū)分層次;渲染氛圍;強(qiáng)化主題;關(guān)聯(lián)傳達(dá)品牌特性;
H(hues)色相:紅、黃、藍(lán)等色彩的種類(lèi);
色相會(huì)具有一定的偏向性,如偏藍(lán)色的綠色/偏黃色的綠色,在與其他顏色搭配師,不同的偏向性會(huì)產(chǎn)生不同的效果。
S(saturation)純度/飽和度:色彩的鮮明程度,為0時(shí)為灰色;
B(brightness)明度/亮度:色彩的明亮程度,為0時(shí)為黑色;
RGB:紅、綠、藍(lán);加色混合(混到一起成為白色),屏幕所用色彩表現(xiàn)方式。
CMYK:青、品紅、黃、黑;減色混合(混到一起成為黑色),印刷所用的色彩模式
色調(diào)系列:色彩的不同明度和純度的組合。不同的色調(diào)會(huì)給人留下不同的心理印象。
淡色調(diào)(P)
心理印象:溫柔、夢(mèng)幻、輕盈、輕、淡、淺,多用于化妝品、嬰兒用品等。
淺色調(diào)(LT)
心理印象:清爽、輕松、明快、輕、淡、淺,多用于化妝品、兒童用品等。
淺灰色調(diào)(LTG)
心理印象:素雅、溫柔、消極、成熟、雅致。
輕柔色調(diào)(SF)
心理印象:質(zhì)樸、消極、平和、成熟。
明亮色調(diào)(B)
心理印象:輕快、活潑、童真。多用于兒童用品。
強(qiáng)烈色調(diào)(S)
心理印象:強(qiáng)烈、有深度、充滿(mǎn)熱情的印象。
鮮艷色調(diào)(V)
心理印象:華麗、熱鬧、刺激、鮮明。
灰色調(diào)(G)
心理印象:資深、沉穩(wěn)、厚重、成熟、含蓄、保守、消極。
濁色調(diào)(D)
心理印象:鈍化、厚重、質(zhì)樸、穩(wěn)重、高級(jí)。
深色調(diào)(DP)
心理印象:沉著、干練、穩(wěn)重。
暗灰色調(diào)(DKG)
心理印象:穩(wěn)重、沉悶、質(zhì)樸、厚重。
暗色調(diào)(DK)
心理印象:厚重、陰暗、穩(wěn)重、質(zhì)樸。
暖色:紅、黃、橙等,讓人聯(lián)想到火焰、溫暖的太陽(yáng)等比較溫暖的事物;
冷色:藍(lán)色、綠色、紫色等,讓人聯(lián)想到冰、雪等比較涼爽的事物;
前進(jìn)色:看著比實(shí)際上離自己近,膨脹色,一般是暖色,偏白的顏色;
后退色:看著比實(shí)際上離自己遠(yuǎn),收縮色,一般是冷色,黑色等;
膨脹色:暖色、明度較高的顏色,讓物體看起來(lái)感覺(jué)比實(shí)際更大;
收縮色:冷色、明度較低的顏色,讓物體看起來(lái)感覺(jué)比實(shí)際更??;
色彩的重量感:黑色比白色顯得更重,更牢固。明度越低,顯得越有重量。反之,顯得越輕。
不同色調(diào)的心理印象:
首先需要明確設(shè)計(jì)的目的是什么、內(nèi)容是什么、受眾是誰(shuí)。
設(shè)計(jì)是解決問(wèn)題的一種方式,了解產(chǎn)品的形象、用戶(hù)的角色,可以明確整體所要表現(xiàn)的風(fēng)格氣質(zhì),明確我們要解決的問(wèn)題以及解決問(wèn)題的思路與方向。如考慮不同年齡、不同性別、不同層次用戶(hù)對(duì)于色彩的偏好。孩童一般喜歡明度和純度比較高的色彩;老年人一般喜歡明度和純度都較低的色彩。這樣在選取顏色的時(shí)候才會(huì)有方向、有目標(biāo)。
了解設(shè)計(jì)的內(nèi)容可以關(guān)注技術(shù)的限制、觀看距離的遠(yuǎn)近以及周?chē)h(huán)境的影響。如平面設(shè)計(jì)一般采用cmyk模式,UI設(shè)計(jì)一般采用rgb模式。觀看距離較遠(yuǎn)時(shí),需要較強(qiáng)的對(duì)比度,增加識(shí)別性;反之,距離較近時(shí)需要更加柔和,讓觀者的眼睛不會(huì)疲勞。而夜晚模式的使用更是對(duì)于光線不足時(shí)的一種反應(yīng)。就環(huán)境影響而言,如果產(chǎn)品周?chē)奈矬w、產(chǎn)品等顏色比較花哨、豐富,那么選用簡(jiǎn)單、無(wú)彩色的配色會(huì)更加容易從中凸顯。
主色調(diào)選取,一般是品牌的主打色,同時(shí)需要與所要傳達(dá)的主題氣質(zhì)相符合。主色所占的比例一般會(huì)比較大,對(duì)整體風(fēng)格起到一個(gè)主導(dǎo)作用。
對(duì)于公司內(nèi)部的產(chǎn)品,一般考慮公司的品牌色。對(duì)于新的、toC的產(chǎn)品,可以使用情景版的方式來(lái)確定主色?;蛘呤褂眯袠I(yè)/客戶(hù)特定的色彩,如針對(duì)中國(guó)電網(wǎng)設(shè)計(jì)產(chǎn)品,考慮使用其綠色作為主色。
主色確定之后,單色配色一般是在色彩的明度、純度上發(fā)生變化,并且加上黑白灰等無(wú)彩色來(lái)形成配色方案。雙色配色可以考慮類(lèi)似色、對(duì)比色、互補(bǔ)色等配色方式,一般而言,與主色在明度和純度上的差異不會(huì)太大。多色配色可以考慮三角形、四邊形、五邊形的配色方式。
色彩的對(duì)比強(qiáng)度,可以是色相、明度、純度任一方面。需要依據(jù)整體的感覺(jué)、氣質(zhì)需要來(lái)選取和調(diào)整。激烈、熱鬧的氛圍需要比較大的對(duì)比度,柔和、安靜的氛圍需要不太強(qiáng)的對(duì)比。
色彩的冷暖感:如果都選用冷色或者暖色,整個(gè)畫(huà)面就會(huì)偏冷或偏暖。除非有特殊的主題需求,一般多色配色時(shí),會(huì)需要在全是冷色的顏色中加入暖色,或者在全是暖色的顏色中加入冷色來(lái)點(diǎn)綴與平衡畫(huà)面的冷暖感。
色彩的明暗:色彩的明暗就像是畫(huà)面的光影,有高光、有陰影物體才會(huì)有體積感。同樣,顏色的明暗對(duì)比讓畫(huà)面具有層次感與縱深感。同時(shí),全是亮色會(huì)顯得浮躁,全是暗色會(huì)顯得沉悶。
色彩之間的呼應(yīng):整個(gè)畫(huà)面之間的顏色并不是割裂的,這里一塊那里一塊獨(dú)立存在。而是在元素之間穿插錯(cuò)落。色彩的呼應(yīng)會(huì)讓整體感更加明顯,也更容易讓畫(huà)面變得和諧。
色彩的面積:主色與輔色所占的面積大小一般會(huì)有所差異,形成對(duì)比。常見(jiàn)的比例有7:2:1,。整體的感覺(jué)與印象是不同面積色彩感覺(jué)之間拉扯的結(jié)果。
環(huán)境色/光源色的影響:高光與陰影的顏色會(huì)受到環(huán)境色的影響,如黃色燈光下的物體,高光會(huì)偏黃色;藍(lán)色背景上的物體,其陰影也會(huì)偏藍(lán)色。在對(duì)元素填色時(shí),需要考慮環(huán)境色/光源色的影響,在基礎(chǔ)色的色相上偏向光源色或者多層疊加顏色來(lái)讓整體細(xì)節(jié)更豐富、更有質(zhì)感。
取色板的右上角頂點(diǎn)為某一色相的純色。水平往左,是逐漸加入白色的過(guò)程,顏色純度逐漸降低;垂直往下,是逐漸加入黑色的過(guò)程,顏色明度逐漸降低。將取色板均等分為9個(gè)區(qū)域。每個(gè)區(qū)域的顏色會(huì)給人不同的感覺(jué)。與pccs的色調(diào)劃分方式有些類(lèi)似,在設(shè)計(jì)軟件中選取顏色時(shí)運(yùn)用比較方便。
色彩九宮格與給人的心理印象
1號(hào)區(qū)域-淡色調(diào)
心理印象:高明度低純度,溫柔、輕盈、夢(mèng)幻、素雅、
2號(hào)區(qū)域-明色調(diào)
心理印象:高明度中等純度,清爽、明亮、活潑、可愛(ài)。多用于兒童用品等。
3號(hào)區(qū)域-純色調(diào)
心理印象:高明度高純度,鮮艷、刺激、熱鬧、華麗、年輕化、沖擊力強(qiáng)。多用于廣告、海報(bào)等運(yùn)營(yíng)類(lèi)設(shè)計(jì)。
4號(hào)區(qū)域-淡濁色調(diào)
心理印象:中等明度低純度,素雅、格調(diào)、安靜、樸實(shí)、舒適、平和。高級(jí)灰、莫蘭迪色。
5號(hào)區(qū)域-濁色調(diào)
心理印象:中等明度中等純度,堅(jiān)定、質(zhì)樸、安靜、高級(jí)。
6號(hào)區(qū)域-暗色調(diào)
心理印象:中等明度高純度,沉悶、成熟、沉穩(wěn)
7-8-9區(qū)域-黑暗色調(diào)
心理印象:低明度,危險(xiǎn)、高檔、暗沉、厚重、陰暗
此區(qū)域的顏色,有人視為色彩禁區(qū)。顏色顯臟不好搭配。當(dāng)需要純黑色的替代色時(shí),可以考慮選取這幾個(gè)區(qū)域的顏色,色彩可以偏向于主色的色相或者與主色協(xié)調(diào)的色相。
九宮格配色的使用技巧:比較簡(jiǎn)單的方式是選擇同一區(qū)塊的顏色,在色相上產(chǎn)生變化。在多色配色的情況下可以取得較好的效果。也可以考慮明度與色彩的重量感,選用亮與暗、輕與重的顏色協(xié)調(diào)。
快速上手!10分鐘學(xué)會(huì)這招超好用的「九宮格」配色技巧 - 優(yōu)設(shè)網(wǎng) - UISDC
用我自創(chuàng)的十字形配色法,讓你快速入門(mén)配色! - 優(yōu)設(shè)網(wǎng) - UISDC
看過(guò)很多配色理論還是學(xué)不會(huì)?來(lái)看我總結(jié)的這3個(gè)實(shí)用技巧! - 優(yōu)設(shè)網(wǎng) - UISDC
色相一致的配色
各個(gè)色彩色相保持一致或者接近,通過(guò)明度或純度變化來(lái)產(chǎn)生差異。
明度一致的配色
各個(gè)色彩明度保持一致或者接近,不會(huì)產(chǎn)生強(qiáng)烈對(duì)比感,整體會(huì)顯得比較均衡。
純度一致的配色
各個(gè)色彩純度保持一致或者接近,純度越高,刺激性越強(qiáng),純度越低,越顯得沉穩(wěn);
同色系配色
色相不變,在純度與明度上產(chǎn)生變化,形成配色方案。單色系配色,比較容易做出效果。
鄰近色/類(lèi)似色配色
色相跨度較小,容易形成比較清晰一致、意圖明顯的的效果。
中差色配色
色相環(huán)上顏色位置呈90°,具有一定的對(duì)比但不是太強(qiáng)烈,高級(jí)、華麗、干練。
對(duì)比色/互補(bǔ)色配色
色相環(huán)上二者成180°,對(duì)比強(qiáng)烈,容易形成炫光效果,一般會(huì)使用面積差異或者明度差異來(lái)讓頁(yè)面更加穩(wěn)定。
三角形配色
色相環(huán)上顏色呈三角形,對(duì)比較為強(qiáng)烈、穩(wěn)定。
四邊形配色
色相環(huán)上顏色呈四邊形,有一定的對(duì)比,色彩數(shù)量比較豐富。
五邊形配色
以五邊形的方式從色環(huán)選取顏色,色相之間的對(duì)比比較均衡。色彩數(shù)量豐富,熱鬧、活潑。
從自然中獲取配色 :
選取自然風(fēng)光的照片,進(jìn)行馬賽克處理,選取其中的顏色作為配色方案。
選擇與主體一致的顏色:
設(shè)計(jì)材料中有一些必須加入畫(huà)面的圖片、圖案等,可以在其中吸取顏色,作為字體、裝飾元素的顏色。讓整個(gè)畫(huà)面更加協(xié)調(diào)。
插入間隔色:
主體與背景色、輔色等產(chǎn)生沖突時(shí),可以在二者中間插入間隔色,進(jìn)行一個(gè)區(qū)分、緩沖與過(guò)渡的作用。間隔色一般為無(wú)彩色或者濁色調(diào)色彩。
漸變:
采用色調(diào)一致的顏色,通過(guò)色調(diào)來(lái)形成不同的氛圍。
·同類(lèi)色漸變:柔和、輕微、細(xì)膩。具有柔和的光影感。
·鄰近色漸變:時(shí)尚、耐看、活躍
·互補(bǔ)色/對(duì)比色漸變:沖擊力、吸引眼球、時(shí)尚。
先確定版式,再選擇配色。
色彩的數(shù)量與協(xié)調(diào):
有彩色的數(shù)量較多,容易形成熱鬧、絢麗的氛圍。但是顏色數(shù)量越多,協(xié)調(diào)起來(lái)越難。色彩數(shù)量較少會(huì)比較有力量感,給人感覺(jué)更加堅(jiān)定、方向明確;
可以在明度或純度上保持相似性。也可以加入無(wú)彩色作為區(qū)分、過(guò)渡?;蛘邔⒛骋环N顏色用在所有元素上,讓整體更加統(tǒng)一。
多色配色:
色相、純度、明度等至少要有一個(gè)保持一致或接近。如多色相的(色彩種類(lèi)較多)時(shí),應(yīng)該保持各色彩的純度和明度至少一個(gè)差別不大。要是都差別很大,則容易不協(xié)調(diào)??梢詫⑵渲幸粋€(gè)顏色的明度或純度提高,進(jìn)行有意凸顯與強(qiáng)調(diào)。
多色配色也要講究顏色之間的呼應(yīng),如某些細(xì)節(jié)部分顏色與大面積色彩保持一致,而非一個(gè)顏色占據(jù)一塊。
多色配色時(shí),顏色之間的比例也需要權(quán)衡。比較均衡時(shí),整體比較熱鬧。主次分明時(shí),與大面積色的感覺(jué)更靠近。
疊加模式:
通過(guò)不同的疊加模式(柔光、疊加、顏色加深等),讓圖片或者色彩之間融合更加自然。
ColorMunki - ColorMunki Design
Color Picker — A handy design tool from Color Supply
Color Hunt - Trendy Palettes for Designers and Artists
LOL Colors - Curated color palette inspiration
Coolors.co - The super fast color schemes generator
Color Scheme Designer 3_高級(jí)在線配色器_配色網(wǎng)
Material Design Color, Flat Colors, Icons, Color Palette | Material UI
CMYK 和 RGB 這兩種色彩模式本質(zhì)與區(qū)別在哪? - 知乎
快速上手!10分鐘學(xué)會(huì)這招超好用的「九宮格」配色技巧 - 優(yōu)設(shè)網(wǎng) - UISDC
用我自創(chuàng)的十字形配色法,讓你快速入門(mén)配色! - 優(yōu)設(shè)網(wǎng) - UISDC
看過(guò)很多配色理論還是學(xué)不會(huì)?來(lái)看我總結(jié)的這3個(gè)實(shí)用技巧! - 優(yōu)設(shè)網(wǎng) - UISDC
高手的平面課堂!最容易上手的配色方法 - 優(yōu)設(shè)網(wǎng) - UISDC
聯(lián)系客服