一個(gè)設(shè)計(jì)作品呈現(xiàn)到用戶面前，第一眼進(jìn)入眼簾的就是產(chǎn)品的視覺(jué)表現(xiàn)，而產(chǎn)品的色彩在其中起到了舉足輕重的作用，毫無(wú)疑問(wèn)色彩搭配對(duì)于設(shè)計(jì)師來(lái)說(shuō)是非常重要的。那么具體到實(shí)際項(xiàng)目中該使用什么怎樣的色彩，需要怎么做呢？下面我將逐步去分析。
設(shè)計(jì)時(shí)不同電子終端上顯示的色彩都是基于 RGB 模式，是一種加色模型。色光三原色就是紅（Red）、綠（Green）和藍(lán)（Blue）。首先來(lái)了解一下色輪。
色輪，是一個(gè)非常有用的東西？梢杂纱酥庇^地了解到什么是三原色、互補(bǔ)色、類似色。在基礎(chǔ)色輪之上，可以建立一個(gè)色彩體系，進(jìn)行項(xiàng)目設(shè)計(jì)時(shí)可以依據(jù)色彩體系去選擇顏色，保證了顏色使用的準(zhǔn)確性及設(shè)計(jì)效率。
- 同類色：15°以內(nèi)
- 鄰近色：60°以內(nèi)
- 類似色：90°以內(nèi)
- 對(duì)比色：120°~180°
- 互補(bǔ)色：180°
1. 同種色搭配
使用一種色調(diào)及其相應(yīng)的多種亮色和暗色，整個(gè)頁(yè)面會(huì)非常統(tǒng)一。
2. 類似色搭配
使用色相相近的顏色，頁(yè)面元素不會(huì)相互沖突，更加協(xié)調(diào)有質(zhì)感。
3. 互補(bǔ)色搭配
如果選擇使用互補(bǔ)色，最佳搭配是一種作為主色，另一種用于強(qiáng)調(diào)。它們有著非常強(qiáng)烈的對(duì)比度，用在需要特別強(qiáng)調(diào)某個(gè)元素時(shí)會(huì)非常有效。
4. 分散互補(bǔ)色搭配
尋找三種顏色，其中兩種互相類似，另一種與它們形成對(duì)比。這個(gè)配色非常易學(xué)而且容易出效果。
5. 三角對(duì)立色搭配
顧名思義，就是色環(huán)上三角對(duì)立的顏色。最經(jīng)典的就是蒙德里安風(fēng)格的紅黃藍(lán)格構(gòu)圖，時(shí)至今日仍然非常符合設(shè)計(jì)趨勢(shì)。
色彩本身是沒(méi)有情緒的，只是因?yàn)椴煌ㄩL(zhǎng)的光通過(guò)人的眼睛傳到大腦，引起了人們不同的心理感受，所以色彩才有了情緒。每種顏色都會(huì)給人獨(dú)特的心理感受，引起我們不同的情緒，因此在設(shè)計(jì)過(guò)程中色彩情緒是必須要考慮的一個(gè)重要元素。
1. 黑色
沉穩(wěn)、品質(zhì)感、收斂。
單獨(dú)使用時(shí)黑色可以很容易吸引用戶的注意力。和其他顏色搭配使用時(shí)可以很好地搭配組合，使用黑色的背景可以非常好的突出頁(yè)面中的內(nèi)容，容易出效果，應(yīng)用場(chǎng)景非常廣泛。可以提高其明度得到不同明度的灰色，例如蘋(píng)果系統(tǒng)的深色模式。
設(shè)計(jì)時(shí)一般不會(huì)使用純黑色，因?yàn)榧兒谠陲@示屏上的顯示效果并不是很好，所以通常會(huì)選擇灰色。靈活使用灰色可以讓你的設(shè)計(jì)更加優(yōu)秀。
2. 白色
干凈、純潔、簡(jiǎn)潔。
白色中包含了所有的顏色。頁(yè)面設(shè)計(jì)中經(jīng)常會(huì)使用到白色，你可以在上面排列布局任何元素而不會(huì)感覺(jué)突兀，作為頁(yè)面的背景色。因?yàn)榘咨菬o(wú)色相的，在設(shè)計(jì)中通常也會(huì)稍微變色，使用到像乳白色、雪白色等顏色，這樣不會(huì)顯得過(guò)分單調(diào)。黑色和白色搭配是一個(gè)非常經(jīng)典的組合，只要把握好使用的占比，可以創(chuàng)造出非常高級(jí)的設(shè)計(jì)。
3. 紅色
熱情、躁動(dòng)、危險(xiǎn)、警告。
紅色元素很容易吸引到用戶的注意，可以特別強(qiáng)調(diào)頁(yè)面的某個(gè)元素，比如消息的小紅點(diǎn)，但是時(shí)間一久就會(huì)引起眼睛疲勞，所以設(shè)計(jì)中紅色元素一般不會(huì)大片使用。但是我們可以通過(guò)降低調(diào)整明度、純度，來(lái)使用。
另外，紅色還代表著危險(xiǎn)及警告。紅綠燈上的紅燈停，炙熱的火焰災(zāi)害。頁(yè)面設(shè)計(jì)中可以在刪除提醒、禁止操作功能時(shí)使用。
4. 橙色
溫暖、活潑、年輕。
黃色+紅色得到橙色。屬于暖色調(diào)的顏色，既不會(huì)像紅色那樣躁動(dòng)，又不會(huì)像黃色那么燦爛，非常具有親和力，用戶對(duì)其接受程度非常高。柑橘類的水果都是橙系的，代表著健康、積極。和秋天相關(guān)的一些項(xiàng)目上，也會(huì)采用明度稍低的橙褐色來(lái)設(shè)計(jì)。橙色可以和綠色搭配，非常適用于 K12 教育類的產(chǎn)品，綠色為主色，橙色為強(qiáng)調(diào)色，象征著青少年健康有活力的特征。
5. 黃色
陽(yáng)光、輝煌、醒目、高貴。
這是一個(gè)明度非常高的顏色。本身是不適合應(yīng)用在數(shù)字化領(lǐng)域的設(shè)計(jì)的，因?yàn)槠滹@示效果較差，但是可以通過(guò)調(diào)整它的明度和純度來(lái)得到我們想要的色調(diào)。黃色和深灰色是一個(gè)很好的組合，閑魚(yú)美團(tuán)都采用了這種色彩，黃色的高明度的色彩與明度較低的深灰色可以形成極強(qiáng)的對(duì)比效果，通過(guò)這種對(duì)比效果我們可以實(shí)現(xiàn)強(qiáng)調(diào)的功能點(diǎn)。其他都是應(yīng)用在比較特定的一些場(chǎng)景，例如紅綠燈的黃色的提醒作用，古代皇帝的專用色，農(nóng)作物成熟的顏色等。
6. 綠色
健康、大自然、清新、環(huán)保、安全。
綠色是大自然的顏色，大多數(shù)植物的顏色，現(xiàn)在非常提倡的環(huán)保生活都是采用綠色為主色調(diào)，健康無(wú)污染。代表著春天，在策劃設(shè)計(jì)春天相關(guān)事物活動(dòng)，可以使用綠色為主色進(jìn)行設(shè)計(jì)。綠色是有著安全屬性的，在支付、保障方面通常是應(yīng)用很多的，與紅色正好是相反的作用。
7. 藍(lán)色
科技、純凈、深邃、放松、忠誠(chéng)
藍(lán)色是三原色之一。和大海、天空有著不可分割的聯(lián)系，是忠誠(chéng)、放松的象征，在設(shè)計(jì)中應(yīng)用是極其廣泛的。另外，藍(lán)色也是科技宇宙領(lǐng)域的專屬顏色，是理智、效率的代名詞，隨處可見(jiàn)的企業(yè)官網(wǎng)、VI、軟件、宣傳物料等。像是心理治療室都是使用藍(lán)色系的環(huán)境，可見(jiàn)藍(lán)色是非常易接受的顏色，在設(shè)計(jì)中使用起來(lái)非常方便。
8. 紫色
神秘、富貴、壓抑。
紫色是一個(gè)非常刺激性的顏色。單獨(dú)使用容易給用戶造成心理上的壓力，通常會(huì)搭配其他顏色使用，紫色和藍(lán)色搭配使用時(shí)可以創(chuàng)造出既理智又有些夢(mèng)幻的色彩，紫色和粉色配合使用時(shí)，可以創(chuàng)造出非常美麗的女性化的色彩。
9. 粉色
戀愛(ài)、可愛(ài)、溫馨、浪漫。
粉色是一種戀愛(ài)的顏色。通常和愛(ài)情、浪漫相關(guān)，像是情人節(jié)七夕節(jié)等，都會(huì)使用粉色來(lái)設(shè)計(jì)。不同純度明度的粉色適用于不同的場(chǎng)景，純度較低，明度較高的淺粉色可以傳達(dá)出嬌嫩、甜美的感覺(jué)。和紅色、橙色、黃色暖色調(diào)搭配，藍(lán)色冷色調(diào)搭配都可以結(jié)合出很多不同的色彩效果。
作為設(shè)計(jì)小白，色彩的使用可能是很難的，面對(duì)一個(gè)項(xiàng)目時(shí)不知道該如何選擇主題色、輔助色，這個(gè)時(shí)候我們可以先通過(guò)借鑒他人優(yōu)秀的作品，從中提取一套設(shè)計(jì)色彩。這里推薦是優(yōu)秀的設(shè)計(jì)作品或攝影圖片，是否優(yōu)秀有一個(gè)基本的評(píng)判標(biāo)準(zhǔn)，那就是你自己看到這個(gè)作品圖片是好看的優(yōu)秀的。下面是一些從攝影圖片中提取的幾套色彩體系，拋轉(zhuǎn)引玉。
結(jié)
同類色、鄰近色、類似色、互補(bǔ)色，這些顏色關(guān)系構(gòu)成了我們?nèi)粘ＴO(shè)計(jì)的色彩基礎(chǔ)，衍變出很多種色彩搭配方法。了解不同顏色的色彩情緒，為進(jìn)行項(xiàng)目設(shè)計(jì)時(shí)選擇合適的顏色提供依據(jù)。建立色彩體系，可以將體系按照不同行業(yè)、不同特性、針對(duì)的用戶等標(biāo)簽分類整理，積累自己的色彩庫(kù)。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。