更多細致的色彩知識，能讓你的設(shè)計體驗更好

當(dāng)我們討論色彩的時候，聊的更多的是色彩的搭配。雖然有些設(shè)計師認為有些色彩是一些純粹的美學(xué)上的選擇，但是實際上，色彩對于用戶的心理和行為的影響相對更深，最終會反映在用戶體驗和行為反饋上。

經(jīng)過深思熟慮的配色最終會從「不錯」提升到「優(yōu)秀」，平庸的配色最終會降低用戶體驗，甚至?xí)绊懢W(wǎng)站本身的可用性。

當(dāng)然，色彩理論是一個相對復(fù)雜的主題。從用戶體驗的角度上來說，色彩所涉及到的遠不是配色方案這一個維度。通常，我們聊得最多的是不同色彩所產(chǎn)生的心理效應(yīng)，以及多色彩搭配的時，相互之間的影響和可訪問性上的問題。

從掌握色彩的基礎(chǔ)特征，到了解色彩背后的用戶心理特征，接下來就可以逐步過渡到最有價值的部分：通過意想不到的搭配營造對比，使用協(xié)調(diào)的組合讓人愉悅，以及讓特定色彩大化地發(fā)揮價值，達成設(shè)計目的。

雖然 藍/白/灰 三色的搭配有點過度使用，但是這三種顏色確實是非常實用的搭配，在金融行業(yè)的應(yīng)用非常普遍，因為其中藍色通常和「忠誠、信任」有緊密的關(guān)聯(lián)。

1、色彩心理學(xué)和用戶體驗緊密關(guān)聯(lián)
我們其實沒少討論色彩心理學(xué)上的問題，不過這本身并不是一個淺顯的問題，色彩的心理影響是一個主觀且復(fù)雜的話題。不過，能夠利用好色彩心理學(xué)的知識，能夠解決更普遍的設(shè)計問題。

通常，配色方案會將色彩數(shù)量控制在3到4種，每種顏色單獨的特征和隱喻都非常容易理解，但是搭配起來則沒那么簡單。設(shè)計師通過學(xué)習(xí)基礎(chǔ)的色彩心理學(xué)，將一部分色彩本身的屬性發(fā)揮出來，但是想要控制得更加細致，則需要了解更多的細節(jié)和更加深入的知識。

色彩本身的含義很容易學(xué)習(xí)和記憶，其中更加微妙的含義同樣可以很好運用于數(shù)字設(shè)計。

雖然黑白灰這樣的色彩作為輔助色廣泛存在于不同的配色方案當(dāng)中，但是它們本身占據(jù)大量面積或者用作主色的時候，用戶同樣可以感知到。

色彩的配比同樣會影響體驗。以藍色為例，在簡約的布局當(dāng)中，大面積使用藍色作為主色調(diào)，和在大面積白底上使用很小的一抹藍色用來強調(diào) CTA按鈕，所帶來體驗是截然不同的。

另外，網(wǎng)站中細節(jié)的處理也會影響整體體驗，比如Zutano 和 P&N Bank 同樣是使用紅色和白色作為主要的色調(diào)，但是它們的網(wǎng)站所帶來的體驗是截然不同的。

2、對于不同用戶，配色的影響也不相同
雖然不愿意承認，但是設(shè)計師們經(jīng)常忽略一些色彩在不同文化當(dāng)中存在的差異，而這是一定不能忽略的。

2.1、文化差異對配色的影響
比如白色，在西方世界當(dāng)中被視之為純潔純真，和希望有關(guān)。但是在亞洲地區(qū)，白色和喪事有時候是會產(chǎn)生關(guān)聯(lián)，以白色為主的設(shè)計常常會被視之為過于「素」，認為不夠吉利。

另外一方面，隨著現(xiàn)代主義運動的普及，白色也擁有了更加現(xiàn)代的特征，在日本白色甚至和當(dāng)?shù)匚幕Y(jié)合，延伸出更加細膩獨特的精神特質(zhì)，隨著日本戰(zhàn)后設(shè)計領(lǐng)域的發(fā)展和崛起，白色在這一地區(qū)的含義則更加豐厚。原研哉在《白》一書當(dāng)中，針對白色的含義和特征進行了非常深入的探討，之后的《Subtle》一書當(dāng)中，雖是圍繞紙來探討微妙的體驗，但是也沒少提及白色本身的特征。

綠色在通常意義當(dāng)中被視作為和財富、自然、生命力有關(guān)的色彩，但是在某些宗教當(dāng)中被視作為神圣的色彩，它的內(nèi)涵和外延也都是不一樣的。

2.2、歷史對配色的影響
時間變化對于配色所帶來的影響不僅僅如此。比如中日兩國在色彩使用上，還存在一個非常典型的差異，歷史上日本在一個很長的周期內(nèi)是作為中國的屬國所存在的，這也使得中國自古以來崇尚飽和度較高的正色，而日本則大多使用飽和度偏低的間色，這一特征可以從兩國的傳統(tǒng)色上體現(xiàn)出來

2.3、性別與配色
不過，有些顏色所包含的含義，在不同的文化體系當(dāng)中差異并不大，比如橙色。不過說道橙色，值得一提的是，色彩的認知還存在性別上的差異，有調(diào)研指出，男性更偏好橙色，而女性對于橙色的喜好則沒有男性那么強烈。

2.4、流行趨勢對色彩的影響
不過這是更長維度上的變化，在短時間以內(nèi)，流行色的趨勢變化，對于用色也也同樣存在影響。這種影響是非常直接的，在時尚行業(yè)有著非常直接的體現(xiàn)，而在網(wǎng)頁和UI設(shè)計行業(yè)，同樣存在存在。

所以，當(dāng)你在設(shè)計的時候，如果你的目標(biāo)用戶群體有著清晰的地域或者性別偏向，你可以有目的地利用這些知識來規(guī)避設(shè)計陷阱，更好地發(fā)揮色彩本身的功能和優(yōu)勢。如果受眾廣泛，則可以盡量使用通用性更強的色彩來進行設(shè)計。

3、色彩的情緒與氣質(zhì)
配色在品牌視覺中所發(fā)揮的作用是不言而喻的，但是，色彩本身的內(nèi)涵和情緒特質(zhì)并不是全部。比如一個行業(yè)當(dāng)中，很多企業(yè)都使用了藍色，那么你的公司繼續(xù)使用藍色，可以讓用戶更快「識別出」你所屬的領(lǐng)域，但是本身也存在讓人混淆的風(fēng)險。如果你想要在視覺上脫穎而出，可以試著使用不同的色彩。

紅色的含義很豐富，它是既代表危險，也代表激情和亢奮，紫色則有奢華感。維珍航空使用略偏紫的紅色，來作為網(wǎng)頁的設(shè)計用色，營造出富有奢華而富有激情的氛圍，正面而富有高級感。

在進行品牌設(shè)計的時候，選擇配色的第一步，始終是了解各種顏色或者色相的氣質(zhì)和情感屬性。然后，在具體設(shè)計的時候，在進一步根據(jù)品牌的氣質(zhì)和需求，再在色相的基礎(chǔ)上調(diào)整明暗和飽和度。

下面附上各種色彩的基本情感屬性和氣質(zhì)特征：

紅色：危險，激情，興奮。它是最激烈的顏色，能夠引起更強烈的反應(yīng)，甚至引起生理反應(yīng)。更為明亮的粉紅色會帶有女性化和浪漫的特征，而偏暗的栗色則顯得柔和、高級而傳統(tǒng)。

橙色：創(chuàng)意、冒險、青春。橙色富有活力，同時橙色和70年代的時代氣息聯(lián)系最為緊密，也最能喚起復(fù)古的感覺。

黃色：快樂、愉悅、警告。無論是在兒童還是在成年人的設(shè)計當(dāng)中，黃色都非常的受歡迎。柔和的黃色給人感覺更加中性，給嬰兒用也非常合適，明亮的黃色在設(shè)計中非常受歡迎。色調(diào)較深的黃色接近金色，這和財富和成功上有關(guān)聯(lián)。黃色有時候還會用作警告。

綠色：財富，生命，健康。綠色所產(chǎn)生的聯(lián)想更為豐富。一方面，較暗的綠色和傳統(tǒng)的財富的概念有關(guān)聯(lián)（美元紙幣？），另一方面它海河環(huán)境、自然概念緊密，檸檬綠則和更新、生長的概念非常貼近。

藍色：信任、溝通、憂傷。藍色是受歡迎程度最高的色彩，明亮的藍色與忠誠度和信任有較深的關(guān)聯(lián)，較暗的藍色則和悲傷、抑郁的情緒氛圍關(guān)系緊密。正是因為藍色受歡迎，所以使得大量的品牌選擇藍色色調(diào)作為基礎(chǔ)色。

紫色：高貴、靈性、神秘。紫色自古一來就是和皇室、財富聯(lián)系在一起，因為紫色燃料在古代文明當(dāng)中難以獲取，很難獲取。另外，它本身具有明顯的神秘感，因此還和靈性有關(guān)。紫色還能喚醒創(chuàng)造力，因此也是一種獨特的色彩。

黑色：精致，奢華，壓抑。黑色本身能夠給設(shè)計帶來高級感，但是也有悲傷和壓抑的一面。黑色作為中性色經(jīng)常和其他的色彩一起使用，不同的使用方法，能創(chuàng)造不同的體驗，現(xiàn)代或者傳統(tǒng)，正式或者休閑，無論哪種。

白色：純潔，純真，簡潔。白色大多情況下呈現(xiàn)出來的是一種積極的情緒，在極簡主義設(shè)計當(dāng)中被廣泛地運用，就像黑色一樣，它可以凸顯或者放大其他色彩的一些特征。

灰色：灰色本身可以有很多不同的含義，但是具體的含義取決于不同的情況。它可以顯得很復(fù)雜，可以顯得暗淡無光，可以呈現(xiàn)出高級感，也能顯得無情，同時也可以喜怒無常。它在一定程度上會呈現(xiàn)出來負面或者悲傷的情緒，這也主要取決于如何使用，深淺如何。

棕色：棕色實際上是明度更低的橙色，它是泥土的色彩，所以也帶有自然的氣質(zhì)屬性，容易讓人想起大地。它可以讓人覺得舒適或者復(fù)古，也能凸顯骯臟的一面，同樣的，取決于如何使用。

了解這些色彩的性格和含義，只是為設(shè)計師提供一個設(shè)計基礎(chǔ)，在此基礎(chǔ)上為產(chǎn)品和品牌來創(chuàng)造配色方案是比較合理的。

當(dāng)然，單純「用哪些色彩」也不是全部的影響因素。就像之前的案例一樣，即使使用了類似或者相同的色彩，但是在處理方法上有所差異，也能帶來截然不同的體驗。

比如紅色和黃色的搭配，有調(diào)研表明，這兩種色彩搭配在一起的時候能夠更快喚醒人類的食欲（這種視覺上的影響是生物性的），所以很多餐飲巨頭會使用這兩種色彩來作為配色的基礎(chǔ)。

4、打破常規(guī)的UX配色方法
打破常規(guī)的配色方案是讓品牌與眾不同的好辦法。雖然想要創(chuàng)造出這樣的配色方案，比起傳統(tǒng)的配色方式更需要技巧，但是設(shè)計師要學(xué)會這樣的配色方法并不困難。

4.1、從強調(diào)色入手
想要讓配色方案更加突出，在設(shè)計中添加強調(diào)色可能是最容易入手的地方。舉個例子，一個律師事務(wù)所的網(wǎng)站可能會使用傳統(tǒng)的灰色和海軍藍作為基礎(chǔ)配色，但是，如果能夠加入檸檬綠作為強調(diào)色，會顯得獨特很多，能夠和其他的同類網(wǎng)站區(qū)別出來。

4.2、借助 60–30–10 規(guī)則
60–30–10 規(guī)則其實是一套很簡單的配色規(guī)則，這套配色方法據(jù)說是室內(nèi)設(shè)計行業(yè)中總結(jié)出來的。這套規(guī)則很簡單，這三個數(shù)字分別對比配色方案中三種顏色的配比，相對中性的色調(diào)占據(jù)整個顏色配比的60%，這種顏色的對比色占據(jù)配比 30%，而第三種顏色則作為強調(diào)色，占據(jù)10%的配比。

對于想要嘗試非常規(guī)的配色方案的設(shè)計師而言，更容易上手，并且這種配色方法通常也不太容易超出行業(yè)或者品牌的設(shè)計規(guī)范和設(shè)計預(yù)期。其中用來強調(diào)的配色，占據(jù)的配比僅有10%，能夠讓設(shè)計獨特，又不會占據(jù)太大的面積影響主要的配色方案。而這也可以讓品牌配色更加具備前瞻性，從而可以從同行當(dāng)中脫穎而出。

5、結(jié)語
雖然色彩理論是一套相對復(fù)雜的學(xué)科，但是基礎(chǔ)的知識并不是那么復(fù)雜，設(shè)計師可以結(jié)合知識來更加高效地使用配色，創(chuàng)造出更加多樣和復(fù)雜的配色方案。

精心設(shè)計的配色方案，尤其是一些意想不到的配色，不僅貼合美學(xué)上的需求，而且可以對用戶產(chǎn)生心理影響，讓品牌看起來更加獨特，帶來更加獨特的用戶體驗。

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司！

分享標(biāo)題：更多細致的色彩知識，能讓你的設(shè)計體驗更好
URL分享：http://www.bm7419.com/news31/319131.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、品牌網(wǎng)站設(shè)計、定制開發(fā)、App開發(fā)、App設(shè)計、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)