Color是眼睛從光中感知到的感官印象，它以各種形式的概念和情感進(jìn)行翻譯。對(duì)于藝術(shù)家來(lái)說(shuō)，正確的操作非常重要，因此在整個(gè)歷史中，它已經(jīng)以多種方式和不同的方法得到了理論化。

繪畫(huà)，印刷，攝影，圖形設(shè)計(jì)和界面設(shè)計(jì)使用色彩理論來(lái)喚起特定的思想和觀念，并利用色彩的非語(yǔ)言能力，而不是其他較慢的交流形式。

在界面設(shè)計(jì)中，從增強(qiáng)品牌知名度到在購(gòu)買按鈕上產(chǎn)生更多點(diǎn)擊，色彩心理被用來(lái)影響用戶可能擁有的感知。其他重要結(jié)果，例如改進(jìn)的可用性，也可以是良好的顏色掌握能力的結(jié)果。

在本文中，我將介紹設(shè)計(jì)界面時(shí)經(jīng)常用于顏色選擇的六個(gè)注意事項(xiàng)。

鏈接

特定的顏色與某些情感相關(guān)，但并非總是如此。自從我們出生以來(lái)，我們的眼睛就了解現(xiàn)實(shí)世界的色彩，隨著時(shí)間的流逝，記憶會(huì)將這些色彩與某些體驗(yàn)和元素相關(guān)聯(lián)。這種熟悉程度可以為用戶提供有關(guān)界面目標(biāo)的一些上下文。

當(dāng)然，這不是絕對(duì)的，因?yàn)槿祟悓?duì)現(xiàn)實(shí)的理解是非常不同的，并且不能以其所有形式進(jìn)行概括。德國(guó)藝術(shù)家約瑟夫·阿爾伯斯在他有條不紊的書(shū)，彩色的互動(dòng)，指出色的主強(qiáng)的特點(diǎn)就是相對(duì)論。西方國(guó)家的紅色可能代表著危險(xiǎn)和邪惡，但在中國(guó)，紅色代表著幸福，歡樂(lè)和慶祝。盡管如此，他還指出，許多人以相同的方式感知某些顏色，例如與生態(tài)相關(guān)的綠色或粉紅色代表著女性氣質(zhì)。

和諧

和諧的色彩使元素具有邏輯感。有很多方法可以創(chuàng)建色彩和聲。其中之一是通過(guò)使用類似的顏色，即在色輪中彼此接近的顏色。

為什么類似的顏色具有吸引力？因?yàn)檫@是自然產(chǎn)生的色彩行為。日落使天空從橙色變成紫色，海洋從藍(lán)色變成綠松石，彩虹將所有七種顏色融合在一起。我們可以得出結(jié)論，視線會(huì)以類似的顏色找到自然的愉悅感。

由于溫度也會(huì)產(chǎn)生相當(dāng)大的協(xié)調(diào)性，因此建議僅在暖色或冷色之間保持此顏色范圍。還可以利用這些顏色的飽和度和亮度來(lái)創(chuàng)建類似物的使用深度。這完全取決于您要?jiǎng)?chuàng)建的效果以及界面顯示的內(nèi)容。

對(duì)比

色彩對(duì)比使界面更具動(dòng)感。色彩補(bǔ)充的另一種形式是通過(guò)使用補(bǔ)色來(lái)實(shí)現(xiàn)的，補(bǔ)色是在色輪中彼此面對(duì)的補(bǔ)色。通過(guò)使用互補(bǔ)色元素，可以在設(shè)計(jì)中產(chǎn)生對(duì)比和動(dòng)態(tài)效果。

對(duì)比顏色的好處包括，可以賦予界面能量和運(yùn)動(dòng)效果，以及增強(qiáng)一些我們希望用戶注意的相關(guān)點(diǎn)。要使這些顏色和諧相處并不容易，因?yàn)樗鼈兊臑E用會(huì)造成視覺(jué)混亂，并使眼睛不適。比例是關(guān)鍵。

要了解有關(guān)色彩對(duì)比的更多信息，我推薦瑞士人Johannes Itten撰寫(xiě)的《色彩的藝術(shù)》一書(shū)，其中介紹了七種對(duì)比類型的理論：色調(diào)，溫度，明暗，互補(bǔ)，飽和度，同時(shí)和定量。無(wú)論我們選擇哪種顏色對(duì)比，都應(yīng)在整個(gè)Web /應(yīng)用頁(yè)面中進(jìn)行維護(hù)，以確保設(shè)計(jì)的一致性。

規(guī)模

色階可減輕認(rèn)知負(fù)擔(dān)。保持色調(diào)，但將閃電修改為不同的水平有助于分離元素，而不會(huì)使組合物過(guò)載。

UI設(shè)計(jì)中的色階也受自然影響，不僅受樹(shù)木葉子，天空或海洋等元素的影響，而且受物體和陰影的影響。人眼會(huì)感覺(jué)到相同顏色的許多變化，具體取決于照明，深度甚至紋理。人們期望UI顏色像他們?cè)诂F(xiàn)實(shí)世界中一樣就不足為奇了。

可以說(shuō)，使用色標(biāo)的目的是避免添加大腦必須處理和不必要理解的新顏色或色調(diào)。界面設(shè)計(jì)越容易理解和越快，它將為用戶帶來(lái)更多的樂(lè)趣。

比例

定義顏色比例可平衡組成。越來(lái)越多地使用顏色可以使樣式更清晰，并避免不必要的顏色沖突。

顏色層次結(jié)構(gòu)對(duì)于定義一種氛圍非常重要，同時(shí)，它也是構(gòu)成網(wǎng)絡(luò)中所有元素的主要色彩。在當(dāng)前的UI設(shè)計(jì)趨勢(shì)中，白色是最受歡迎的顏色，因?yàn)榘咨梢员３纸缑娓蓛簦怀鲲@示交互顏色并提高可讀性。但是，如果要在特定頁(yè)面上創(chuàng)建更具沉浸感和藝術(shù)感的效果，則選擇更飽和的顏色確實(shí)會(huì)很好。

相互作用

交互顏色在執(zhí)行過(guò)程中必須清晰且在界面中保持一致。號(hào)召性用語(yǔ)必須相對(duì)于背景具有足夠的對(duì)比度，并且相對(duì)于其他組件必須具有足夠的視覺(jué)重量，以便用戶可以輕松識(shí)別它們。

但是，交互色并不總是以最飽和或最亮為特征，而是以其色調(diào)，形狀，大小或?qū)Ρ榷仍谄聊簧吓c其他元素脫穎而出。因此，交互顏色的有效性將通過(guò)用戶識(shí)別交互區(qū)域并以較少的思想執(zhí)行任務(wù)的速度來(lái)衡量。

另一方面，次要行動(dòng)號(hào)召力更輕，并且在視覺(jué)上更接近信息元素。在我們的耐克應(yīng)用示例中，配置和聲音按鈕指示這些是交互作用，原因是形狀而不是顏色。按鈕的這種層次結(jié)構(gòu)很重要，因此用戶可以對(duì)元素進(jìn)行自然排序，并避免在每個(gè)屏幕上使用多個(gè)主要的號(hào)召性用語(yǔ)的不良做法。

總之，顏色是事物的重要影響者，它影響事物對(duì)環(huán)境的感知，并直接影響其他顏色甚至自身。盡管對(duì)其理論的深入研究可以改善我們對(duì)設(shè)計(jì)的掌握，但是創(chuàng)建專業(yè)配色方案的過(guò)程很大程度上取決于我們的視覺(jué)體驗(yàn)和對(duì)現(xiàn)實(shí)世界的感知。讓我們開(kāi)始訓(xùn)練我們的眼睛。

作者：美膩膩nii

轉(zhuǎn)載請(qǐng)注明：站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.teruid.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司