一個設(shè)計作品呈現(xiàn)到用戶面前蓖谢,第一眼進入眼簾的就是產(chǎn)品的視覺表現(xiàn),而產(chǎn)品的色彩在其中起到了舉足輕重的作用,毫無疑問色彩搭配對于設(shè)計師來說是非常重要的缓屠。那么具體到實際項目中該使用什么怎樣的色彩畜普,需要怎么做呢期丰?下面我將逐步去分析。
色輪的概念
設(shè)計時不同電子終端上顯示的色彩都是基于 RGB 模式,是一種加色模型钝荡。色光三原色就是紅(Red)街立、綠(Green)和藍(Blue)。首先來了解一下色輪化撕。
色輪几晤,是一個非常有用的東西≈惨酰可以由此直觀地了解到什么是三原色蟹瘾、互補色、類似色掠手。在基礎(chǔ)色輪之上憾朴,可以建立一個色彩體系,進行項目設(shè)計時可以依據(jù)色彩體系去選擇顏色喷鸽,保證了顏色使用的準確性及設(shè)計效率众雷。
同類色:15°以內(nèi) 鄰近色:60°以內(nèi) 類似色:90°以內(nèi) 對比色:120°~180° 互補色:180°
五種搭配方法
同種色搭配
使用一種色調(diào)及其相應(yīng)的多種亮色和暗色,整個頁面會非常統(tǒng)一做祝。
類似色搭配
使用色相相近的顏色砾省,頁面元素不會相互沖突,更加協(xié)調(diào)有質(zhì)感混槐。
3. 互補色搭配
如果選擇使用互補色编兄,最佳搭配是一種作為主色,另一種用于強調(diào)声登。它們有著非常強烈的對比度狠鸳,用在需要特別強調(diào)某個元素時會非常有效。
分散互補色搭配
尋找三種顏色悯嗓,其中兩種互相類似件舵,另一種與它們形成對比。這個配色非常易學而且容易出效果脯厨。
三角對立色搭配
顧名思義铅祸,就是色環(huán)上三角對立的顏色。最經(jīng)典的就是蒙德里安風格的紅黃藍格構(gòu)圖合武,時至今日仍然非常符合設(shè)計趨勢临梗。
色彩是有情緒的
色彩本身是沒有情緒的,只是因為不同波長的光通過人的眼睛傳到大腦眯杏,引起了人們不同的心理感受夜焦,所以色彩才有了情緒。每種顏色都會給人獨特的心理感受岂贩,引起我們不同的情緒茫经,因此在設(shè)計過程中色彩情緒是必須要考慮的一個重要元素巷波。
黑色
沉穩(wěn)、品質(zhì)感卸伞、收斂抹镊。
單獨使用時黑色可以很容易吸引用戶的注意力。和其他顏色搭配使用時可以很好地搭配組合荤傲,使用黑色的背景可以非常好的突出頁面中的內(nèi)容垮耳,容易出效果,應(yīng)用場景非常廣泛遂黍≈辗穑可以提高其明度得到不同明度的灰色,例如蘋果系統(tǒng)的深色模式雾家。
設(shè)計時一般不會使用純黑色铃彰,因為純黑在顯示屏上的顯示效果并不是很好,所以通常會選擇灰色芯咧。靈活使用灰色可以讓你的設(shè)計更加優(yōu)秀牙捉。
白色
干凈、純潔敬飒、簡潔邪铲。
白色中包含了所有的顏色。頁面設(shè)計中經(jīng)常會使用到白色无拗,你可以在上面排列布局任何元素而不會感覺突兀带到,作為頁面的背景色。因為白色是無色相的蓝纲,在設(shè)計中通常也會稍微變色阴孟,使用到像乳白色晌纫、雪白色等顏色税迷,這樣不會顯得過分單調(diào)。黑色和白色搭配是一個非常經(jīng)典的組合锹漱,只要把握好使用的占比箭养,可以創(chuàng)造出非常高級的設(shè)計。
紅色
熱情哥牍、躁動毕泌、危險、警告嗅辣。
紅色元素很容易吸引到用戶的注意撼泛,可以特別強調(diào)頁面的某個元素,比如消息的小紅點澡谭,但是時間一久就會引起眼睛疲勞愿题,所以設(shè)計中紅色元素一般不會大片使用。但是我們可以通過降低調(diào)整明度、純度潘酗,來使用杆兵。
另外,紅色還代表著危險及警告仔夺。紅綠燈上的紅燈停琐脏,炙熱的火焰災(zāi)害。頁面設(shè)計中可以在刪除提醒缸兔、禁止操作功能時使用日裙。
橙色
溫暖、活潑惰蜜、年輕阅签。
黃色+紅色得到橙色。屬于暖色調(diào)的顏色蝎抽,既不會像紅色那樣躁動政钟,又不會像黃色那么燦爛,非常具有親和力樟结,用戶對其接受程度非常高养交。柑橘類的水果都是橙系的,代表著健康瓢宦、積極碎连。和秋天相關(guān)的一些項目上,也會采用明度稍低的橙褐色來設(shè)計驮履。橙色可以和綠色搭配鱼辙,非常適用于 K12 教育類的產(chǎn)品,綠色為主色玫镐,橙色為強調(diào)色倒戏,象征著青少年健康有活力的特征。
黃色
陽光恐似、輝煌杜跷、醒目、高貴矫夷。
這是一個明度非常高的顏色葛闷。本身是不適合應(yīng)用在數(shù)字化領(lǐng)域的設(shè)計的,因為其顯示效果較差双藕,但是可以通過調(diào)整它的明度和純度來得到我們想要的色調(diào)淑趾。黃色和深灰色是一個很好的組合,閑魚美團都采用了這種色彩忧陪,黃色的高明度的色彩與明度較低的深灰色可以形成極強的對比效果扣泊,通過這種對比效果我們可以實現(xiàn)強調(diào)的功能點驳概。其他都是應(yīng)用在比較特定的一些場景,例如紅綠燈的黃色的提醒作用旷赖,古代皇帝的專用色顺又,農(nóng)作物成熟的顏色等。
綠色
健康等孵、大自然稚照、清新、環(huán)保俯萌、安全果录。
綠色是大自然的顏色,大多數(shù)植物的顏色咐熙,現(xiàn)在非常提倡的環(huán)保生活都是采用綠色為主色調(diào)弱恒,健康無污染。代表著春天棋恼,在策劃設(shè)計春天相關(guān)事物活動返弹,可以使用綠色為主色進行設(shè)計。綠色是有著安全屬性的爪飘,在支付义起、保障方面通常是應(yīng)用很多的,與紅色正好是相反的作用师崎。
藍色
科技默终、純凈、深邃犁罩、放松齐蔽、忠誠
藍色是三原色之一。和大海床估、天空有著不可分割的聯(lián)系含滴,是忠誠、放松的象征顷窒,在設(shè)計中應(yīng)用是極其廣泛的蛙吏。另外源哩,藍色也是科技宇宙領(lǐng)域的專屬顏色鞋吉,是理智、效率的代名詞励烦,隨處可見的企業(yè)官網(wǎng)谓着、VI、軟件坛掠、宣傳物料等赊锚。像是心理治療室都是使用藍色系的環(huán)境治筒,可見藍色是非常易接受的顏色,在設(shè)計中使用起來非常方便舷蒲。
紫色
神秘耸袜、富貴、壓抑牲平。
紫色是一個非常刺激性的顏色堤框。單獨使用容易給用戶造成心理上的壓力,通常會搭配其他顏色使用纵柿,紫色和藍色搭配使用時可以創(chuàng)造出既理智又有些夢幻的色彩蜈抓,紫色和粉色配合使用時,可以創(chuàng)造出非常美麗的女性化的色彩昂儒。
粉色
戀愛沟使、可愛、溫馨渊跋、浪漫腊嗡。
粉色是一種戀愛的顏色。通常和愛情、浪漫相關(guān)舷暮,像是情人節(jié)七夕節(jié)等雨效,都會使用粉色來設(shè)計。不同純度明度的粉色適用于不同的場景棺亭,純度較低,明度較高的淺粉色可以傳達出嬌嫩蟋软、甜美的感覺镶摘。和紅色、橙色岳守、黃色暖色調(diào)搭配凄敢,藍色冷色調(diào)搭配都可以結(jié)合出很多不同的色彩效果。
建立色彩體系
作為設(shè)計小白湿痢,色彩的使用可能是很難的涝缝,面對一個項目時不知道該如何選擇主題色、輔助色譬重,這個時候我們可以先通過借鑒他人優(yōu)秀的作品拒逮,從中提取一套設(shè)計色彩。這里推薦是優(yōu)秀的設(shè)計作品或攝影圖片臀规,是否優(yōu)秀有一個基本的評判標準滩援,那就是你自己看到這個作品圖片是好看的優(yōu)秀的。下面是一些從攝影圖片中提取的幾套色彩體系塔嬉,拋轉(zhuǎn)引玉玩徊。
總結(jié)
同類色租悄、鄰近色、類似色恩袱、互補色泣棋,這些顏色關(guān)系構(gòu)成了我們?nèi)粘TO(shè)計的色彩基礎(chǔ),衍變出很多種色彩搭配方法畔塔。了解不同顏色的色彩情緒外傅,為進行項目設(shè)計時選擇合適的顏色提供依據(jù)。建立色彩體系俩檬,可以將體系按照不同行業(yè)萎胰、不同特性、針對的用戶等標簽分類整理棚辽,積累自己的色彩庫技竟。