色彩是一個UI作品中的必要組成部分,InVision的高級品牌設(shè)計(jì)師Luis Gonzalez提供了一個練習(xí):想一想紅色,想到什么?也許像憤怒,激情,精力一樣的感覺浮出水面?;蛘?,臉頰泛紅,櫻桃唇膏色調(diào),停車標(biāo)志,血液或心臟的影像,今天AAA教育的武老師就來分享講解UI設(shè)計(jì)中的色彩心理學(xué)。
盡管這些可能并不是您所激發(fā)出的確切的紅色思想和感覺,但您很可能將顏色與某些情感,想法和對象相關(guān)聯(lián)。您并不孤單:這是一種普遍的人類體驗(yàn),它是您可以用作設(shè)計(jì)師的強(qiáng)大工具。了解顏色選擇超出個人喜好不僅可以幫助您提高產(chǎn)品的可用性,甚至可以在心理上影響用戶。UI審美很重要。
為了釋放顏色的力量,您首先必須先了解顏色理論,色輪,如何使用互補(bǔ)色創(chuàng)建有影響力的配色方案以及這些顏色的心理影響。無論您是首先涉足該主題(還是只是在尋找新的話題),都可以從以下步驟開始:
色彩理論可以幫助設(shè)計(jì)師確定哪些顏色看起來很好。顏色理論不只是“盯著”顏色組合,而是科學(xué)的一部分。
顏色理論的核心是色輪,該色輪由艾薩克·牛頓爵士創(chuàng)建于17世紀(jì)后期。牛頓以他的物理學(xué)突破而聞名,他將色譜圖繪制成一個圓圈。
他說:“我最大的建議是回到基礎(chǔ)知識,看看色輪。”
他的推薦讀物?約瑟夫·阿爾伯斯(Josef Albers)的《色彩的相互作用》(Interaction of Color)是一本藝術(shù)教育書籍,它分解了復(fù)雜的色彩理論原理。
色輪是顏色的視覺表示,其色相根據(jù)波長排列。色輪允許以幾何方式表示顏色關(guān)系,并顯示原色,輔助色和第三色之間的關(guān)系。
在傳統(tǒng)的RYB色輪中,原色是紅色,黃色和藍(lán)色。您可以通過混合原色來創(chuàng)建第二色(橙色,綠色和紫色)??。紅色和黃色創(chuàng)建橙色。黃色和藍(lán)色創(chuàng)建綠色。紅色和藍(lán)色創(chuàng)建紫色。你還記得上小學(xué)的時候吧?
然后,將第二色和原色混合會創(chuàng)建第三色。
色輪存在許多不同的迭代,但是涉及這三種關(guān)系類型的許多迭代顯示了十幾種顏色。
數(shù)字設(shè)計(jì)師可能更熟悉使用紅色,綠色和藍(lán)色混合光的RGB顏色模型。青色品紅色黃色黑色(或CMYK)是打印圖像的四種基本顏色,并且作為減色,混合時會變暗。
可能是您在小學(xué)時第一次被帶入最基本的色彩理論概念的,當(dāng)時您被賦予了可供繪畫的原色調(diào)色板。紅色,藍(lán)色和黃色是原色,并且不能通過混合顏色來創(chuàng)建。將它們混合在一起,您會變成褐色。但是混合它們,您可以創(chuàng)建所有其他顏色。
顏色理論還涉及顏色的暗度或明度或顏色值。您可以通過添加白色的色調(diào)來更改顏色的色調(diào),這將使您的顏色柔和些,而黑色則通過陰影使顏色變暗和變暗。將灰色添加到原色,第二色或第三色時,會產(chǎn)生色調(diào)。如果色調(diào)變淡,則亮度和強(qiáng)度會降低。
添加色調(diào),陰影和色調(diào)后,您將獲得一個擴(kuò)展的色輪。
另外,色彩理論涉及如何將色彩排列在一起以創(chuàng)建方案。例如,單色配色方案是一種具有各種色調(diào)和色調(diào)的顏色?;蛘?,類似的配色方案涉及車輪上的相鄰顏色,例如紅色,橙色和黃色。
互補(bǔ)色
配對顏色時,可以通過選擇互補(bǔ)色來實(shí)現(xiàn)和諧。在這種情況下,對立吸引。這種特定的配色方案來自色輪相反側(cè)的兩種顏色。當(dāng)您執(zhí)行此操作時,結(jié)果是明亮且彈出的高對比度顏色組合。
互補(bǔ)色組合的示例包括:紅色和綠色;黃色和紫色;橙色和藍(lán)色;綠色和洋紅色?;パa(bǔ)色組合通常會大膽,這就是為什么運(yùn)動隊(duì)經(jīng)常將這種公式用于其顏色。
要添加第三種顏色并降低配色方案的強(qiáng)度,可以使用拆分互補(bǔ)配色方案。它使用一種顏色作為基礎(chǔ),并在其補(bǔ)色附近使用兩種顏色。
現(xiàn)在讓我們深入探討設(shè)計(jì)師如何使用色彩理論來增強(qiáng)其項(xiàng)目。想一想您上一次在網(wǎng)站上填寫聯(lián)系表的時間。缺少字段,并且可能會彈出紅色錯誤消息。相反,如果您需要重新輸入密碼以進(jìn)行驗(yàn)證,并且正確輸入了所有內(nèi)容,則綠色消息會提示您繼續(xù)操作。在這種情況下,顏色不僅可以傳達(dá)如何使用您的產(chǎn)品,還可以利用心理學(xué)來喚起情感反應(yīng)(綠色=良好,紅色=不良)。
紅色和綠色并不是唯一具有心理影響力的顏色:色輪也可以切成溫暖和涼爽的顏色。人們將較冷的顏色(例如藍(lán)色)與和平與平靜聯(lián)系在一起。溫暖的顏色(如紅色)更充滿活力,并與激情相關(guān)。
顏色會影響產(chǎn)品本身。據(jù)CCICOLOR –色彩研究所稱,研究表明人們會在90秒內(nèi)對產(chǎn)品做出潛意識的判斷,其中62%到90%的評估僅基于色彩。2011年發(fā)表在《營銷科學(xué)研究院雜志》上的另一項(xiàng)研究發(fā)現(xiàn),色彩是影響消費(fèi)者對品牌認(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)談到喜歡的顏色時,1990年代的研究表明,男性更喜歡大膽的顏色,而女性則喜歡柔和的顏色。
但是,在采用一致的配色方案時,設(shè)計(jì)師可能會面臨挑戰(zhàn)。
“每個人都有自己的顏色偏好,無論是特定顏色還是一組顏色,例如較暖或較冷的顏色。” 岡薩雷斯說。他說,召集品牌專家將有助于消除等式的偏愛,并有助于達(dá)到品牌規(guī)格。您的調(diào)色板也可能會包含在團(tuán)隊(duì)的設(shè)計(jì)系統(tǒng)中。
如今,色輪可以幫助藝術(shù)家和設(shè)計(jì)師根據(jù)色輪上表示的幾何關(guān)系找到和諧的色彩組合。例如,三色配色方案涉及色輪上的三種均勻間隔的顏色,這將產(chǎn)生大膽的組合。同時,四色配色方案涉及在色輪上均勻分布的四種顏色,如果您想使用帶有支持色的主色,則可以使用。
岡薩雷斯說,希望嘗試顏色的設(shè)計(jì)師可以使用顏色選擇器擴(kuò)展,使用Muzli的調(diào)色板生成器,甚至可以咨詢Pinterest板。
設(shè)計(jì)師應(yīng)考慮時尚色彩的持久力。問問自己:它將在一年內(nèi)與該品牌約會嗎?同樣,要知道顏色在不同文化之間可能有不同的解釋。根據(jù)客戶所在的位置,紅色可能表示熱情,愛,運(yùn)氣,繁榮,侵略或死亡。
不過,岡薩雷斯說,最后,如果您想要取悅所有人,那么最終您將沒人取悅。他建議找到您的目標(biāo)受眾,并與您的受眾一起測試您的配色方案。確實(shí)是這樣,要精確客群,比如你是為母嬰做的UI,就不用太考慮男性看了會不會喜歡。以上就是UI設(shè)計(jì)色彩心理學(xué)知識分享,想獲得更多精彩內(nèi)容請關(guān)注AAA教育。
填寫下面表單即可預(yù)約申請免費(fèi)試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費(fèi)! 怕學(xué)不會?助教全程陪讀,隨時解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!
?2007-2022/ m.lb577.com 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc