創(chuàng)建UI配色方案的實(shí)用技巧（一）
當(dāng)談到用戶界面設(shè)計(jì)時，一個能滿足目標(biāo)受眾需求的界面，在很多方面都應(yīng)該做得很好。合理創(chuàng)建UI界面顏色是一個重要組成部分。毫無疑問地，配色是任何UI界面的核心組成部分。
為一個產(chǎn)品創(chuàng)建一個配色方案似乎是一項(xiàng)艱巨的任務(wù)（特別是如果你不是專業(yè)UI設(shè)計(jì)師時）。但實(shí)際上，它并不像許多人想象的那么復(fù)雜。我們可以用很多技巧來創(chuàng)造出優(yōu)秀的配色方案。
在本文中，將講述UI配色方案是什么，分享一些關(guān)于創(chuàng)建配色方案的技巧，并提供一些有用的配色工具來幫助你解決配色方面問題。
什么是配色方案
UI配色方案是用戶界面中使用的顏色的組合。幾乎每個方案都包含以下幾組顏色：
●主色和輔助顏色
●強(qiáng)調(diào)顏色
●中性顏色
●意象顏色
主色和輔助顏色
主色和輔助顏色是你的UI界面的基本顏色。主色是UI中最常用的顏色。設(shè)計(jì)師通常選擇品牌顏色作為主色。根據(jù)經(jīng)驗(yàn)，建議不要使用超過三種主色。
除了主色，設(shè)計(jì)師還要使用輔助顏色。輔助顏色不是必選的顏色，但是它們?yōu)閰^(qū)分你的產(chǎn)品層級提供了更多的機(jī)會。例如，通過添加輔助顏色，可以使你的UI界面更生動。
強(qiáng)調(diào)顏色
強(qiáng)調(diào)顏色是用來強(qiáng)調(diào)一些UI元素的顏色，比如按鈕或進(jìn)度條，或者突出一些信息。強(qiáng)調(diào)顏色通常有更高的亮度和飽和度，這樣的視覺屬性使UI元素從屏幕上彈出并鼓勵用戶與之交互。注意，浮動動作按鈕的強(qiáng)調(diào)顏色是如何提升視覺優(yōu)先層級的。
中性顏色
中性顏色在UI設(shè)計(jì)中起著支持作用，這些顏色通常在文本和背景中使用的。大多數(shù)情況下，中性顏色的代表色是灰色。
意象顏色
意象顏色是表意顏色，可以用它們來傳遞成功、錯誤和警告等含義的信息。UI設(shè)計(jì)師通常會為刻意使用紅色表示錯誤，綠色表示暢通，黃色表示警告，藍(lán)色表示信息。
現(xiàn)在，當(dāng)你對UI配色方案有了大致了解后，我們可以討論創(chuàng)建配色方案的方法。
1.考慮顏色之間是如何協(xié)同工作的
有些顏色搭配得很好，而另一些搭配起來則會發(fā)生沖突。如果你不考慮這個事實(shí)，你最終會設(shè)計(jì)出讓用戶感到不舒服的UI配色方案。有一些簡單有效的方法來創(chuàng)建一個和諧的配色組合，如傳統(tǒng)的顏色方案模式，如單色，近似色，互補(bǔ)色將幫助你創(chuàng)建一個對你的產(chǎn)品適用的配色方案。
● 單色配色方案是由不同色調(diào)、色度和色相組成的。
● 近似色配色方案是通過在色輪上使用三種鄰近顏色來創(chuàng)建的。
● 互補(bǔ)色配色方案是通過將色輪的相對邊的顏色組合而成的。在最基本的顏色組合形式中，這些配色方案只包含兩種顏色，但是可以很容易地使用色調(diào)、色度和色相來擴(kuò)展。
不同的配色方案：
2.受到大自然的啟發(fā)
最好的顏色組合來自大自然。為什么?因?yàn)楝F(xiàn)實(shí)世界的顏色組合對人眼來說總是很自然的。在現(xiàn)實(shí)世界中尋找配色參考線索，去散散步，拍幾張照片，或者在網(wǎng)上搜索美麗的大自然照片。你一定會找到靈感的。
3.用品牌顏色來展示你品牌個性
通常，設(shè)計(jì)師會根據(jù)品牌的顏色選擇最基本的主色和輔助顏色。對品牌有認(rèn)知經(jīng)驗(yàn)的人來說，使用一致的配色方案運(yùn)用到應(yīng)用或網(wǎng)站界面上，會加深品牌印象。麥當(dāng)勞在其網(wǎng)站上使用了一致的品牌顏色，它有助于加強(qiáng)品牌印象，并給訪問者創(chuàng)造一致的使用體驗(yàn)。
4.考慮色彩心理學(xué)
人類是感官動物，我們看到的顏色會影響我們對設(shè)計(jì)的印象。當(dāng)我們感知到一種特定的顏色時，我們的大腦會處理這些信息，并向身體發(fā)出信號，釋放出對情緒負(fù)責(zé)的荷爾蒙。這就是為什么色彩心理學(xué)在顏色選擇過程中起著至關(guān)重要的作用。每一種顏色都代表著不同的情感體驗(yàn)。