淺談APP UI設(shè)計中色彩搭配方法和色彩情緒的作用

       一款A(yù)PP開發(fā)出來后，用戶打開第一眼進入眼簾的就是APP的視覺表現(xiàn)，而色彩在其中起到了非常重要的作用，毫無疑問色彩搭配對于APP開發(fā)的UI設(shè)計師來說是非常重要的，運用好色彩的搭配，是增加用戶的友好體驗度。那么具體到實際項目中該使用什么怎樣的色彩，需要怎么做呢？下面我將逐步去分析。

       在UI設(shè)計中，色彩的搭配方法通常有以下幾種：

       1、 同種色搭配

       使用一種色調(diào)及其相應(yīng)的多種亮色和暗色，整個頁面會非常統(tǒng)一。

       2、 類似色搭配

       使用色相相近的顏色，頁面元素不會相互沖突，更加協(xié)調(diào)有質(zhì)感。

       3、 互補色搭配

       如果選擇使用互補色，最佳搭配是一種作為主色，另一種用于強調(diào)。它們有著非常強烈的對比度，用在需要特別強調(diào)某個元素時會非常有效。

       4、 分散互補色搭配

       尋找三種顏色，其中兩種互相類似，另一種與它們形成對比。這個配色非常易學(xué)而且容易出效果。

       5、 三角對立色搭配

       顧名思義，就是色環(huán)上三角對立的顏色。最經(jīng)典的就是蒙德里安風(fēng)格的紅黃藍(lán)格構(gòu)圖，時至今日仍然非常符合設(shè)計趨勢。

 

       色彩本身是沒有情緒的，只是因為不同波長的光通過人的眼睛傳到大腦，引起了人們不同的心理感受，所以色彩才有了情緒。每種顏色都會給人獨特的心理感受，引起我們不同的情緒，因此在設(shè)計過程中色彩情緒是必須要考慮的一個重要元素。

      1、 黑色

       沉穩(wěn)、品質(zhì)感、收斂。

       單獨使用時黑色可以很容易吸引用戶的注意力。和其他顏色搭配使用時可以很好地搭配組合，使用黑色的背景可以非常好的突出頁面中的內(nèi)容，容易出效果，應(yīng)用場景非常廣泛。可以提高其明度得到不同明度的灰色，例如蘋果系統(tǒng)的深色模式。

       設(shè)計時一般不會使用純黑色，因為純黑在顯示屏上的顯示效果并不是很好，所以通常會選擇灰色。靈活使用灰色可以讓你的設(shè)計更加優(yōu)秀。

       2、 白色

       干凈、純潔、簡潔。

       白色中包含了所有的顏色。頁面設(shè)計中經(jīng)常會使用到白色，你可以在上面排列布局任何元素而不會感覺突兀，作為頁面的背景色。因為白色是無色相的，在設(shè)計中通常也會稍微變色，使用到像乳白色、雪白色等顏色，這樣不會顯得過分單調(diào)。黑色和白色搭配是一個非常經(jīng)典的組合，只要把握好使用的占比，可以創(chuàng)造出非常高級的設(shè)計。

       3、 紅色

        熱情、躁動、危險、警告。

        紅色元素很容易吸引到用戶的注意，可以特別強調(diào)頁面的某個元素，比如消息的小紅點，但是時間一久就會引起眼睛疲勞，所以設(shè)計中紅色元素一般不會大片使用。但是我們可以通過降低調(diào)整明度、純度，來使用。

       另外，紅色還代表著危險及警告。紅綠燈上的紅燈停，炙熱的火焰災(zāi)害。頁面設(shè)計中可以在刪除提醒、禁止操作功能時使用。

       4、 橙色

       溫暖、活潑、年輕。

       黃色+紅色得到橙色。屬于暖色調(diào)的顏色，既不會像紅色那樣躁動，又不會像黃色那么燦爛，非常具有親和力，用戶對其接受程度非常高。柑橘類的水果都是橙系的，代表著健康、積極。和秋天相關(guān)的一些項目上，也會采用明度稍低的橙褐色來設(shè)計。橙色可以和綠色搭配，非常適用于教育類的產(chǎn)品，綠色為主色，橙色為強調(diào)色，象征著青少年健康有活力的特征。

       5、 黃色

       陽光、輝煌、醒目、高貴。

這是一個明度非常高的顏色。本身是不適合應(yīng)用在數(shù)字化領(lǐng)域的設(shè)計的，因為其顯示效果較差，但是可以通過調(diào)整它的明度和純度來得到我們想要的色調(diào)。黃色和深灰色是一個很好的組合，閑魚美團都采用了這種色彩，黃色的高明度的色彩與明度較低的深灰色可以形成極強的對比效果，通過這種對比效果我們可以實現(xiàn)強調(diào)的功能點。其他都是應(yīng)用在比較特定的一些場景，例如紅綠燈的黃色的提醒作用，古代皇帝的專用色，農(nóng)作物成熟的顏色等。

       6、 綠色

       健康、大自然、清新、環(huán)保、安全。

       綠色是大自然的顏色，大多數(shù)植物的顏色，現(xiàn)在非常提倡的環(huán)保生活都是采用綠色為主色調(diào)，健康無污染。代表著春天，在策劃設(shè)計春天相關(guān)事物活動，可以使用綠色為主色進行設(shè)計。綠色是有著安全屬性的，在支付、保障方面通常是應(yīng)用很多的，與紅色正好是相反的作用。

       7、 藍(lán)色

       科技、純凈、深邃、放松、忠誠

       藍(lán)色是三原色之一。和大海、天空有著不可分割的聯(lián)系，是忠誠、放松的象征，在設(shè)計中應(yīng)用是極其廣泛的。另外，藍(lán)色也是科技宇宙領(lǐng)域的專屬顏色，是理智、效率的代名詞，隨處可見的企業(yè)官網(wǎng)、VI、軟件、宣傳物料等。像是心理治療室都是使用藍(lán)色系的環(huán)境，可見藍(lán)色是非常易接受的顏色，在設(shè)計中使用起來非常方便。

       面對一個APP項目時不知道該如何選擇主題色、輔助色，這個時候我們可以先通過借鑒他人優(yōu)秀的作品，從中提取一套設(shè)計色彩。了解不同顏色的色彩情緒，為進行項目設(shè)計時選擇合適的顏色提供依據(jù)。