UI設(shè)計(jì)色彩心理學(xué)是什么

　　色彩是一個(gè)UI作品中的必要組成部分，InVision的高級(jí)品牌設(shè)計(jì)師Luis Gonzalez提供了一個(gè)練習(xí)：想一想紅色，想到什么？也許像憤怒，激情，精力一樣的感覺(jué)浮出水面。或者，臉頰泛紅，櫻桃唇膏色調(diào)，停車(chē)標(biāo)志，血液或心臟的影像，今天AAA教育的武老師就來(lái)分享講解UI設(shè)計(jì)中的色彩心理學(xué)。
 

　　盡管這些可能并不是您所激發(fā)出的確切的紅色思想和感覺(jué)，但您很可能將顏色與某些情感，想法和對(duì)象相關(guān)聯(lián)。您并不孤單：這是一種普遍的人類(lèi)體驗(yàn)，它是您可以用作設(shè)計(jì)師的強(qiáng)大工具。了解顏色選擇超出個(gè)人喜好不僅可以幫助您提高產(chǎn)品的可用性，甚至可以在心理上影響用戶(hù)。UI審美很重要。
 

　　為了釋放顏色的力量，您首先必須先了解顏色理論，色輪，如何使用互補(bǔ)色創(chuàng)建有影響力的配色方案以及這些顏色的心理影響。無(wú)論您是首先涉足該主題(還是只是在尋找新的話題)，都可以從以下步驟開(kāi)始：
 

　　了解色彩理論
 

　　色彩理論可以幫助設(shè)計(jì)師確定哪些顏色看起來(lái)很好。顏色理論不只是“盯著”顏色組合，而是科學(xué)的一部分。
 

　　顏色理論的核心是色輪，該色輪由艾薩克·牛頓爵士創(chuàng)建于17世紀(jì)后期。牛頓以他的物理學(xué)突破而聞名，他將色譜圖繪制成一個(gè)圓圈。
 

　　他說(shuō)：“我最大的建議是回到基礎(chǔ)知識(shí)，看看色輪。”
 

　　他的推薦讀物?約瑟夫·阿爾伯斯(Josef Albers)的《色彩的相互作用》(Interaction of Color)是一本藝術(shù)教育書(shū)籍，它分解了復(fù)雜的色彩理論原理。
 

　　色輪
 

　　色輪是顏色的視覺(jué)表示，其色相根據(jù)波長(zhǎng)排列。色輪允許以幾何方式表示顏色關(guān)系，并顯示原色，輔助色和第三色之間的關(guān)系。
 

　　在傳統(tǒng)的RYB色輪中，原色是紅色，黃色和藍(lán)色。您可以通過(guò)混合原色來(lái)創(chuàng)建第二色(橙色，綠色和紫色)??。紅色和黃色創(chuàng)建橙色。黃色和藍(lán)色創(chuàng)建綠色。紅色和藍(lán)色創(chuàng)建紫色。你還記得上小學(xué)的時(shí)候吧?
 

　　然后，將第二色和原色混合會(huì)創(chuàng)建第三色。
 

　　色輪存在許多不同的迭代，但是涉及這三種關(guān)系類(lèi)型的許多迭代顯示了十幾種顏色。
 

　　現(xiàn)代色彩理論
 

　　數(shù)字設(shè)計(jì)師可能更熟悉使用紅色，綠色和藍(lán)色混合光的RGB顏色模型。青色品紅色黃色黑色(或CMYK)是打印圖像的四種基本顏色，并且作為減色，混合時(shí)會(huì)變暗。

　　色彩原理
 

　　可能是您在小學(xué)時(shí)第一次被帶入最基本的色彩理論概念的，當(dāng)時(shí)您被賦予了可供繪畫(huà)的原色調(diào)色板。紅色，藍(lán)色和黃色是原色，并且不能通過(guò)混合顏色來(lái)創(chuàng)建。將它們混合在一起，您會(huì)變成褐色。但是混合它們，您可以創(chuàng)建所有其他顏色。
 

　　顏色理論還涉及顏色的暗度或明度或顏色值。您可以通過(guò)添加白色的色調(diào)來(lái)更改顏色的色調(diào)，這將使您的顏色柔和些，而黑色則通過(guò)陰影使顏色變暗和變暗。將灰色添加到原色，第二色或第三色時(shí)，會(huì)產(chǎn)生色調(diào)。如果色調(diào)變淡，則亮度和強(qiáng)度會(huì)降低。
 

　　添加色調(diào)，陰影和色調(diào)后，您將獲得一個(gè)擴(kuò)展的色輪。
 

　　另外，色彩理論涉及如何將色彩排列在一起以創(chuàng)建方案。例如，單色配色方案是一種具有各種色調(diào)和色調(diào)的顏色。或者，類(lèi)似的配色方案涉及車(chē)輪上的相鄰顏色，例如紅色，橙色和黃色。
 

　　互補(bǔ)色
 

　　配對(duì)顏色時(shí)，可以通過(guò)選擇互補(bǔ)色來(lái)實(shí)現(xiàn)和諧。在這種情況下，對(duì)立吸引。這種特定的配色方案來(lái)自色輪相反側(cè)的兩種顏色。當(dāng)您執(zhí)行此操作時(shí)，結(jié)果是明亮且彈出的高對(duì)比度顏色組合。
 

　　互補(bǔ)色組合的示例包括：紅色和綠色;黃色和紫色;橙色和藍(lán)色;綠色和洋紅色?；パa(bǔ)色組合通常會(huì)大膽，這就是為什么運(yùn)動(dòng)隊(duì)經(jīng)常將這種公式用于其顏色。
 

　　要添加第三種顏色并降低配色方案的強(qiáng)度，可以使用拆分互補(bǔ)配色方案。它使用一種顏色作為基礎(chǔ)，并在其補(bǔ)色附近使用兩種顏色。
 

　　顏色理論的其他注意事項(xiàng)
 

　　現(xiàn)在讓我們深入探討設(shè)計(jì)師如何使用色彩理論來(lái)增強(qiáng)其項(xiàng)目。想一想您上一次在網(wǎng)站上填寫(xiě)聯(lián)系表的時(shí)間。缺少字段，并且可能會(huì)彈出紅色錯(cuò)誤消息。相反，如果您需要重新輸入密碼以進(jìn)行驗(yàn)證，并且正確輸入了所有內(nèi)容，則綠色消息會(huì)提示您繼續(xù)操作。在這種情況下，顏色不僅可以傳達(dá)如何使用您的產(chǎn)品，還可以利用心理學(xué)來(lái)喚起情感反應(yīng)(綠色=良好，紅色=不良)。
 

　　紅色和綠色并不是唯一具有心理影響力的顏色：色輪也可以切成溫暖和涼爽的顏色。人們將較冷的顏色(例如藍(lán)色)與和平與平靜聯(lián)系在一起。溫暖的顏色(如紅色)更充滿(mǎn)活力，并與激情相關(guān)。
 

　　顏色會(huì)影響產(chǎn)品本身。據(jù)CCICOLOR –色彩研究所稱(chēng)，研究表明人們會(huì)在90秒內(nèi)對(duì)產(chǎn)品做出潛意識(shí)的判斷，其中62%到90%的評(píng)估僅基于色彩。2011年發(fā)表在《營(yíng)銷(xiāo)科學(xué)研究院雜志》上的另一項(xiàng)研究發(fā)現(xiàn)，色彩是影響消費(fèi)者對(duì)品牌認(rèn)知的重要因素。
 

　　根據(jù)喬·哈洛克(Joe Hallock)于2003年在華盛頓大學(xué)發(fā)表的一篇論文的研究，有34%的研究參與者將藍(lán)色與信任相關(guān)聯(lián)。28%的藍(lán)色與安全性相關(guān);75%的紅色與速度相關(guān);42%的黑色與高質(zhì)量相關(guān)聯(lián);26%的橙與便宜或便宜有關(guān)。
 

　　當(dāng)談到喜歡的顏色時(shí)，1990年代的研究表明，男性更喜歡大膽的顏色，而女性則喜歡柔和的顏色。
 

　　設(shè)計(jì)師的色彩理論挑戰(zhàn)
 

　　但是，在采用一致的配色方案時(shí)，設(shè)計(jì)師可能會(huì)面臨挑戰(zhàn)。
 

　　“每個(gè)人都有自己的顏色偏好，無(wú)論是特定顏色還是一組顏色，例如較暖或較冷的顏色。” 岡薩雷斯說(shuō)。他說(shuō)，召集品牌專(zhuān)家將有助于消除等式的偏愛(ài)，并有助于達(dá)到品牌規(guī)格。您的調(diào)色板也可能會(huì)包含在團(tuán)隊(duì)的設(shè)計(jì)系統(tǒng)中。
 

　　如今，色輪可以幫助藝術(shù)家和設(shè)計(jì)師根據(jù)色輪上表示的幾何關(guān)系找到和諧的色彩組合。例如，三色配色方案涉及色輪上的三種均勻間隔的顏色，這將產(chǎn)生大膽的組合。同時(shí)，四色配色方案涉及在色輪上均勻分布的四種顏色，如果您想使用帶有支持色的主色，則可以使用。
 

　　岡薩雷斯說(shuō)，希望嘗試顏色的設(shè)計(jì)師可以使用顏色選擇器擴(kuò)展，使用Muzli的調(diào)色板生成器，甚至可以咨詢(xún)Pinterest板。
 

　　設(shè)計(jì)師應(yīng)考慮時(shí)尚色彩的持久力。問(wèn)問(wèn)自己：它將在一年內(nèi)與該品牌約會(huì)嗎?同樣，要知道顏色在不同文化之間可能有不同的解釋。根據(jù)客戶(hù)所在的位置，紅色可能表示熱情，愛(ài)，運(yùn)氣，繁榮，侵略或死亡。
 

　　不過(guò)，岡薩雷斯說(shuō)，最后，如果您想要取悅所有人，那么最終您將沒(méi)人取悅。他建議找到您的目標(biāo)受眾，并與您的受眾一起測(cè)試您的配色方案。確實(shí)是這樣，要精確客群，比如你是為母嬰做的UI，就不用太考慮男性看了會(huì)不會(huì)喜歡。以上就是UI設(shè)計(jì)色彩心理學(xué)知識(shí)分享，想獲得更多精彩內(nèi)容請(qǐng)關(guān)注AAA教育。