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