人
已閱讀
已閱讀
淺談APP UI設計中色彩搭配方法和色彩情緒的作用
來源:lexintech.com ?? ?? 發(fā)布時間:2019-09-24
一款APP開發(fā)出來后,用戶打開第一眼進入眼簾的就是APP的視覺表現(xiàn),而色彩在其中起到了非常重要的作用,毫無疑問色彩搭配對于APP開發(fā)的UI設計師來說是非常重要的,運用好色彩的搭配,是增加用戶的友好體驗度。那么具體到實際項目中該使用什么怎樣的色彩,需要怎么做呢?下面我將逐步去分析。
在UI設計中,色彩的搭配方法通常有以下幾種:
1、 同種色搭配
使用一種色調(diào)及其相應的多種亮色和暗色,整個頁面會非常統(tǒng)一。
2、 類似色搭配
使用色相相近的顏色,頁面元素不會相互沖突,更加協(xié)調(diào)有質(zhì)感。
3、 互補色搭配
如果選擇使用互補色,最佳搭配是一種作為主色,另一種用于強調(diào)。它們有著非常強烈的對比度,用在需要特別強調(diào)某個元素時會非常有效。
4、 分散互補色搭配
尋找三種顏色,其中兩種互相類似,另一種與它們形成對比。這個配色非常易學而且容易出效果。
5、 三角對立色搭配
顧名思義,就是色環(huán)上三角對立的顏色。最經(jīng)典的就是蒙德里安風格的紅黃藍格構圖,時至今日仍然非常符合設計趨勢。
色彩本身是沒有情緒的,只是因為不同波長的光通過人的眼睛傳到大腦,引起了人們不同的心理感受,所以色彩才有了情緒。每種顏色都會給人獨特的心理感受,引起我們不同的情緒,因此在設計過程中色彩情緒是必須要考慮的一個重要元素。
1、 黑色
沉穩(wěn)、品質(zhì)感、收斂。
單獨使用時黑色可以很容易吸引用戶的注意力。和其他顏色搭配使用時可以很好地搭配組合,使用黑色的背景可以非常好的突出頁面中的內(nèi)容,容易出效果,應用場景非常廣泛??梢蕴岣咂涿鞫鹊玫讲煌鞫鹊幕疑?,例如蘋果系統(tǒng)的深色模式。
設計時一般不會使用純黑色,因為純黑在顯示屏上的顯示效果并不是很好,所以通常會選擇灰色。靈活使用灰色可以讓你的設計更加優(yōu)秀。
2、 白色
干凈、純潔、簡潔。
白色中包含了所有的顏色。頁面設計中經(jīng)常會使用到白色,你可以在上面排列布局任何元素而不會感覺突兀,作為頁面的背景色。因為白色是無色相的,在設計中通常也會稍微變色,使用到像乳白色、雪白色等顏色,這樣不會顯得過分單調(diào)。黑色和白色搭配是一個非常經(jīng)典的組合,只要把握好使用的占比,可以創(chuàng)造出非常高級的設計。
3、 紅色
熱情、躁動、危險、警告。
紅色元素很容易吸引到用戶的注意,可以特別強調(diào)頁面的某個元素,比如消息的小紅點,但是時間一久就會引起眼睛疲勞,所以設計中紅色元素一般不會大片使用。但是我們可以通過降低調(diào)整明度、純度,來使用。
另外,紅色還代表著危險及警告。紅綠燈上的紅燈停,炙熱的火焰災害。頁面設計中可以在刪除提醒、禁止操作功能時使用。
4、 橙色
溫暖、活潑、年輕。
黃色+紅色得到橙色。屬于暖色調(diào)的顏色,既不會像紅色那樣躁動,又不會像黃色那么燦爛,非常具有親和力,用戶對其接受程度非常高。柑橘類的水果都是橙系的,代表著健康、積極。和秋天相關的一些項目上,也會采用明度稍低的橙褐色來設計。橙色可以和綠色搭配,非常適用于教育類的產(chǎn)品,綠色為主色,橙色為強調(diào)色,象征著青少年健康有活力的特征。
5、 黃色
陽光、輝煌、醒目、高貴。
這是一個明度非常高的顏色。本身是不適合應用在數(shù)字化領域的設計的,因為其顯示效果較差,但是可以通過調(diào)整它的明度和純度來得到我們想要的色調(diào)。黃色和深灰色是一個很好的組合,閑魚美團都采用了這種色彩,黃色的高明度的色彩與明度較低的深灰色可以形成極強的對比效果,通過這種對比效果我們可以實現(xiàn)強調(diào)的功能點。其他都是應用在比較特定的一些場景,例如紅綠燈的黃色的提醒作用,古代皇帝的專用色,農(nóng)作物成熟的顏色等。
6、 綠色
健康、大自然、清新、環(huán)保、安全。
綠色是大自然的顏色,大多數(shù)植物的顏色,現(xiàn)在非常提倡的環(huán)保生活都是采用綠色為主色調(diào),健康無污染。代表著春天,在策劃設計春天相關事物活動,可以使用綠色為主色進行設計。綠色是有著安全屬性的,在支付、保障方面通常是應用很多的,與紅色正好是相反的作用。
7、 藍色
科技、純凈、深邃、放松、忠誠
藍色是三原色之一。和大海、天空有著不可分割的聯(lián)系,是忠誠、放松的象征,在設計中應用是極其廣泛的。另外,藍色也是科技宇宙領域的專屬顏色,是理智、效率的代名詞,隨處可見的企業(yè)官網(wǎng)、VI、軟件、宣傳物料等。像是心理治療室都是使用藍色系的環(huán)境,可見藍色是非常易接受的顏色,在設計中使用起來非常方便。
面對一個APP項目時不知道該如何選擇主題色、輔助色,這個時候我們可以先通過借鑒他人優(yōu)秀的作品,從中提取一套設計色彩。了解不同顏色的色彩情緒,為進行項目設計時選擇合適的顏色提供依據(jù)。