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