5）黃色黃色代表輝煌、高貴、信心。它的明度極高，雖然沒(méi)有紅色給人那么強(qiáng)烈的感官，但是黃色給人一種警示的意思。黃色經(jīng)常會(huì)以高貴的含義被用到：網(wǎng)站的 VIP。

6）綠色綠色代表健康、活力、生命、安全、和平、寧?kù)o。綠色可以治愈心靈，當(dāng)你不開(kāi)心的時(shí)候，看一下綠色的東西，會(huì)讓你的愉悅值增加。它在生活中用到最多的含義是安全：綠色通道、綠燈等。

7）紫色紫色代表浪漫、時(shí)尚、性感、夢(mèng)幻、創(chuàng)造力。紫色+粉色經(jīng)常在女性化妝品被用到，紫色在自然生活中很少看到，所以也有一種稀有、高貴的感覺(jué)。

八 色彩在設(shè)計(jì)中的應(yīng)用1）數(shù)量一個(gè)頁(yè)面中盡量不要超過(guò) 3 種顏色(黑白除外)，顏色過(guò)多會(huì)讓用戶的興奮值上升，不易長(zhǎng)期查看。

2）統(tǒng)一性每一個(gè)產(chǎn)品都有自己的主色調(diào)，所有的頁(yè)面的色彩搭配都要和主色調(diào)呼應(yīng)，主色調(diào)的合理運(yùn)用直接關(guān)系到用戶對(duì)產(chǎn)品的信任值。同一組件、場(chǎng)景中，顏色使用要保持一致，切忌“自由發(fā)揮”，毫無(wú)規(guī)范可言。 3）60-30-10原則60%、30%、10% 的原則，是達(dá)到色彩平衡的最佳比例。在 60% 的空間使用主色，可以運(yùn)用到導(dǎo)航欄、按鈕、圖標(biāo)等關(guān)鍵的元素中，使之成為整個(gè) App 的視覺(jué)焦點(diǎn)和色彩關(guān)系;30% 的空間使用輔助色，可以平衡過(guò)多的主色而造成的視覺(jué)疲勞;最后剩下 10% 的空間為點(diǎn)綴色，可以用在一些不太重要的元素又需要區(qū)分的時(shí)候。6:3:1 原則構(gòu)建了一種豐富的色彩層次，讓界面看上去和諧、平衡和不雜亂。

4）顏色禁忌禁用純黑、純灰，純黑和純灰會(huì)給使用戶陷入負(fù)面情緒中，可以在黑色和灰色中加入一些色調(diào)，會(huì)讓顏色看上去更柔和，另外純黑色看時(shí)間久了會(huì)使人疲憊，在實(shí)際產(chǎn)品中，也很少有用純黑的。

5）文字中的使用超鏈接顏色用藍(lán)色，為什么呢?最早期電腦中用的是深灰色背景+黑色字，那時(shí)候能用非黑色最深的顏色就是藍(lán)色，所以這個(gè)習(xí)慣一只延續(xù)至今。這種用戶習(xí)慣非常一致的情況下，盡量不要去改顏色，因?yàn)楦某蓜e的顏色就會(huì)顛覆用戶認(rèn)知，學(xué)習(xí)成本就會(huì)增加。

6）卡片陰影一定不要用純黑色陰影，陰影的顏色會(huì)受到環(huán)境色和固有色的影響，對(duì)于有顏色卡片的背景，盡量使用比卡片更深的同色系顏色來(lái)調(diào)陰影，會(huì)使得陰影更干凈、整潔。

九 配色網(wǎng)站推薦1）https://webgradients.com/Wbgradients 是一個(gè)在線調(diào)整漸變色的網(wǎng)站 ，可以根據(jù)你想要的調(diào)整效果，同時(shí)支持復(fù)制 CSS 代碼，可以更好的與開(kāi)發(fā)對(duì)接。

2）https://www.grabient.com/Grabient 一個(gè)非常漂亮且實(shí)用的漸變配色網(wǎng)站，支持 CSS 樣式代碼復(fù)制、360度漸變旋轉(zhuǎn)、自由增加或刪除漸變顏色等功能。設(shè)計(jì)師可以在色塊下方自由添加和調(diào)整漸變的色系、以及線性漸變方向。

3）https://www.0to255.com/740941該網(wǎng)站隨意選色值，它自動(dòng)換算出已選色值的 32 種明度色值，簡(jiǎn)單易用。

4）https://colors.eva.design/Eva Design System 是一個(gè)基于深度學(xué)習(xí)算法的配色網(wǎng)站。適用于給我們的產(chǎn)品或品牌生成一個(gè)系統(tǒng)的配色方案。右上角可以切換淺色模式和深色模式的對(duì)比。

5）https://colorhunt.co/Color Hunt 是開(kāi)放的調(diào)色板集合，可以添加到 chrome 瀏覽器，方便隨時(shí)隨地使用。