為企業(yè)創(chuàng)造可持續(xù)發(fā)展品牌，階段性制定和實(shí)施，讓品牌全成長(zhǎng)周期孵化落地建設(shè)。

獨(dú)具匠心：幫助企業(yè)打造完整的形象鏈系統(tǒng)，快速建立品牌認(rèn)知和形象識(shí)別。

巧奪天工：幫助品牌進(jìn)行形象奪目式營(yíng)銷，提升品牌營(yíng)銷知名度。

獨(dú)樹(shù)一幟：豐富品牌資產(chǎn)規(guī)范化線性傳播，持續(xù)增強(qiáng)品牌形象和美譽(yù)度。

                                   如何使UI界面設(shè)計(jì)的配色看起來(lái)更和諧？本文給你方法！

如何使UI界面設(shè)計(jì)的配色看起來(lái)更和諧？

作為一名UI設(shè)計(jì)師(或視覺(jué)設(shè)計(jì)師)，對(duì)顏色的敏感度、顏色運(yùn)用常識(shí)總是非常重要的。今天的文章將幫助你更加了解UI配色中的技巧、理論知識(shí)以及如何運(yùn)用它們。

我們先從色輪開(kāi)始。當(dāng)談到顏色、對(duì)比、和諧時(shí)，

這里有3個(gè)重要元素值得我們注意，分別是色調(diào)、明度和飽和度。下面我將逐一解釋。

色調(diào)是原始狀態(tài)下的顏色。

例如藍(lán)色、綠色、黃色、紅色等，它不受任何光線和陰影的變化影響。這里有一個(gè)便于理解例子：色調(diào)就是你在色輪中看到的色彩，它與任何明暗或飽和度因素?zé)o關(guān)。

明度表示了色彩的明暗程度。

當(dāng)我們走在路上，可以看到一些元素早上和晚上的顏色改變。例如，一座山的顏色是棕色，早晨的色調(diào)較淺，晚上的色調(diào)較暗。

在UI中，明度扮演著重要角色，不但有助于我們獲得良好的對(duì)比度，還能幫助我們?cè)诮缑嬷袠?gòu)建出不同的層次結(jié)構(gòu)。

以谷歌的Material Design為例，上圖中就使用了不同的明度來(lái)凸顯重要元素。

明度的不同表現(xiàn)可以給我們一種層次感。當(dāng)一種顏色的亮度為百分之100時(shí)，就會(huì)得到白色。當(dāng)一種顏色的亮度為百分之零時(shí)，它會(huì)生成黑色。下面這張圖片可以幫助大家理解。

現(xiàn)在我們來(lái)談?wù)勶柡投?，飽和度指的是色彩的鮮艷程度。

當(dāng)我們提升顏色的飽和度時(shí)，色彩就會(huì)變得更強(qiáng)烈和生動(dòng)。當(dāng)我們降低色彩的飽和度時(shí)，顏色就會(huì)變得更加黯淡，而當(dāng)我們把飽和度降到時(shí)，色彩就變成了灰色。

需要注意的是，由于在現(xiàn)實(shí)世界中，我們對(duì)顏色飽和度的表現(xiàn)是有限制的，所以在印刷、例如書(shū)籍或海報(bào)等領(lǐng)域不宜使用過(guò)多。而在數(shù)字世界，我們顯然擁有更多的可能性。

回到當(dāng)初的話題——

當(dāng)我們談?wù)擃伾珪r(shí)，另一個(gè)重要的命題就是如何組合顏色。

關(guān)于這個(gè)我們總是會(huì)想起曾學(xué)過(guò)的色彩理論課，尤其是對(duì)比與和諧部分，但對(duì)比并不總是意味著和諧。

你知道人類的眼睛可以看到超過(guò)1000萬(wàn)種顏色嗎?

大自然的調(diào)色板總是出乎我們意料的和諧。樹(shù)木、動(dòng)物，空間、每樣?xùn)|西都有自己專屬的色彩，我們只需集中注意力發(fā)掘即可。

當(dāng)我們使用顏色來(lái)表達(dá)明暗時(shí)，有一個(gè)很普遍的錯(cuò)誤，那就是使用不透明度的黑色表達(dá)陰影，不透明度的白色來(lái)表達(dá)光亮。

但如果我們借鑒一下現(xiàn)實(shí)生活，會(huì)發(fā)現(xiàn)黑暗總是有一些基調(diào)的。

黑暗從來(lái)都不是黑色的，黑暗只是被物體明度遮蔽的色調(diào)。就如上圖中，檸檬的影子是非常深的綠色，而木板的影子是非常的深棕色，它們都不是黑色的。只有在完全沒(méi)有光

線的情況下，才會(huì)出現(xiàn)黑色。

想要讓我們作品中的配色更加和諧，可以將色調(diào)從顏色中移除，只保留光和影，光影會(huì)給人以真實(shí)感和深度。

當(dāng)只剩下灰度時(shí)，我們可以清晰的觀察到明暗之間的差異，這將有助于我們調(diào)整色彩之間的明暗程度和透明度，以搭配出更和諧的配色。

如今，不光界面變得越來(lái)越干凈，連排版和文字也變得更加清晰。

那就是說(shuō)用黑色和灰色不好？不！這完全取決于你想做什么。黑色是中性色，與任何顏色搭配都很好看。但是有時(shí)候，比如在這個(gè)例子中，由于有黃色的存在，所以添加了與

之互補(bǔ)的其他色調(diào)，效果顯然更好。

人們中的許多人看到的顏色不夠飽和或不夠鮮艷，這是正常的，因?yàn)槭澜绮⒉唬伾膊?。我們大部分人都?lái)自于一個(gè)只使用CMYK和顏色有限制的物理世界。

而處于數(shù)字世界中時(shí)，顏色的可能性是很多的，我們務(wù)必做好準(zhǔn)備。所以我強(qiáng)烈推薦大家每天都要瀏覽一些靈感作品，汲取他們的之處。

就像生活中的每一件小事一樣，配色也需要我們反復(fù)的練習(xí)。剛開(kāi)始或許會(huì)非常困難和復(fù)雜,但只要堅(jiān)持下去，后面就會(huì)容易的多。重要的是：永遠(yuǎn)不要停止學(xué)習(xí)。