淺析色彩在UI設(shè)計中的應(yīng)用

劉文佳，張瑞娥

(海南軟件職業(yè)技術(shù)學(xué)院，海南 瓊海 571400)

淺析色彩在UI設(shè)計中的應(yīng)用

劉文佳，張瑞娥

(海南軟件職業(yè)技術(shù)學(xué)院，海南 瓊海 571400)

隨著觸屏手機(jī)的普及，用戶對于手機(jī)的要求也越來越高。當(dāng)各種技術(shù)不斷創(chuàng)新，手機(jī)界面設(shè)計發(fā)展的越來越高級，觸屏手機(jī)的界面設(shè)計強(qiáng)調(diào)人機(jī)交互，注重用戶的體驗，色彩是界面設(shè)計中的重要因素。本文根據(jù)色彩的特性說明了色彩在UI設(shè)計中的作用以及色彩的表現(xiàn)力和色彩對人心理的影響，論述了色彩對于UI設(shè)計的應(yīng)用。

色彩；UI設(shè)計；應(yīng)用

隨著科技進(jìn)步，觸屏手機(jī)地普及，手機(jī)變成日常生活必需品，更新速度極快。手機(jī)以及不僅僅是通話短信，而更重要的還能娛樂、資訊于一身。人們對手機(jī)界面設(shè)計的要求也越發(fā)嚴(yán)格，手機(jī)界面設(shè)計一直追求以人為本，用戶第一，相信將手機(jī)界面設(shè)計中的色彩進(jìn)行更好的搭配設(shè)計，能為手機(jī)界面帶來更多的人性化與有趣的交互，將色彩設(shè)計不斷的創(chuàng)新發(fā)展，發(fā)展更好的手機(jī)界面設(shè)計。

1 色彩在UI設(shè)計中的重要作用

1.1 色彩的表現(xiàn)力

色彩對于事物的表現(xiàn)能力有著其他形式無法比擬的超強(qiáng)效果。在我們生活里，無處不在的色彩是構(gòu)成我們生活環(huán)境的重要組成部分。可以說我們對每一件事物的認(rèn)知，都是從色彩與形狀開始的。色彩是人腦識別反射光的強(qiáng)弱和不同波長所產(chǎn)生的差異的感覺。

色彩是感知又是直覺，對于色彩的心理感知研究，是色彩研究中的一個非常重要的部分，也是非常復(fù)雜的，因為顏色與一個人的生活環(huán)境、文化、嗜好、經(jīng)驗都有很重要的聯(lián)系，也就是說同樣一種顏色，在不同的環(huán)境、時間、心情下產(chǎn)生的感覺都是不同的。如：在冬天見到冷色系，就會覺得特別冷；選擇暖色的如橙、大紅；夏天就要用些冷色的，如藍(lán)色啦，綠色啦，讓人覺得好清涼，清爽。

色彩的心理效應(yīng)由色彩客觀屬性刺激人的知覺而產(chǎn)生，分為兩種：一是直接的心理效應(yīng)，二是間接的心理效應(yīng)。其一，直接的心理效應(yīng)：如紅色，讓人感覺脈搏加快，血壓升高，情緒沖動，思維活躍。藍(lán)色，脈搏減弱，情緒沉靜、安祥。兒童：就會用鮮艷、明亮快活的色彩，如：黃、橙、淺藍(lán)、促進(jìn)兒童的智力，而不會用咖啡，白色、黑色，這些顏色會感到很壓力。其二，間接的心理效應(yīng)：對人的印象、經(jīng)驗、體驗導(dǎo)致出的聯(lián)想。當(dāng)心情平緩適應(yīng)的時候看紅色是美的。手機(jī)界面設(shè)計是以用戶體驗為目標(biāo)，手機(jī)界面設(shè)計是為人所設(shè)計的，所以人使用后的感覺是最重要的，通過對色彩的心理效應(yīng)的分析能將人的感官和情感聯(lián)系起來的方式，通過手機(jī)界面設(shè)計直達(dá)人的內(nèi)心。

1.2 人對色彩的記憶

在色彩中，顏色都會有具體的代表性，比如男性顏色一般是黑色、灰色、藍(lán)色。女性色彩一般以紅色系為主。而體現(xiàn)兒童印象的配色往往以淺色調(diào)為主。暖色調(diào)可以使人感到溫暖，冷色調(diào)讓人感到寒冷。暖色調(diào)用在食物的設(shè)計中，能使食物看起來美味可口，增進(jìn)食欲。在傳遞美味可口的印象時，暖調(diào)色彩是很有效果的。由于年齡，性別，個性，職業(yè)，所受教育，自然環(huán)境及社會背景等多種原因而不同，且差別很大。一般來說，暖色系比冷色系的色彩記憶性強(qiáng)，原色比間色容易記憶，高純度色彩記憶率高，明清色比暗清色容易記憶，華麗色調(diào)比樸素色調(diào)容易記憶。在UI界面中，顏色占很重要的位置。因背景不同記憶性的變化很大。暖色彩的純度要比同色的高明度色彩記憶性高，而冷色系的純色則與同色的高明度色彩記憶效果大致相同。色彩單純，形態(tài)簡單的要比色數(shù)多而形態(tài)復(fù)雜的容易記憶，這樣的配色方法對UI界面非常重要。運(yùn)用色彩以提升整體界面的檔次，更好地提升手機(jī)的身價，從而表現(xiàn)出手機(jī)界面所具有的檔次，應(yīng)當(dāng)借助于色彩之莊重和華麗，從而充分地展現(xiàn)出UI界面的風(fēng)格，尤其對于面對不同消費(fèi)群的手機(jī)，需要更加充分的利用色彩對人心理的影響，充分了解色彩記憶的基本規(guī)律，才能在UI設(shè)計中對色彩的運(yùn)用更加成熟，使色彩更好的為UI設(shè)計服務(wù)，能夠更好的增強(qiáng)手機(jī)的人機(jī)體驗。

2 色彩在UI設(shè)計中的應(yīng)用

UI設(shè)計包括手機(jī)圖形的版式設(shè)計和圖形用戶界面設(shè)計。圖形用戶界面設(shè)計包括手機(jī)的圖標(biāo)、手機(jī)上顯示的色彩、手機(jī)的瀏覽器的導(dǎo)航、顯示的文本文字等。版式設(shè)計包括交互設(shè)計和布局設(shè)計。UI設(shè)計中，不僅要保持界面的一致性，圖標(biāo)設(shè)計的風(fēng)格和手法保持一致，并且色彩的設(shè)計也要形成統(tǒng)一的風(fēng)格，讓用戶從視覺上感受到整體性和一致性。在手機(jī)圖標(biāo)設(shè)計中，圖標(biāo)的顏色不是隨便決定的，用戶在接觸圖標(biāo)的時候，首先第一眼就會注意到圖標(biāo)的色彩，不同的色彩給人帶來對圖標(biāo)的感受也不同。

綠色給人無限的安全感受，在人際關(guān)系的協(xié)調(diào)上可扮演重要的角色。綠色象征自由和平、新鮮舒適；黃綠色給人清新、有活力、快樂的感受；色彩明度降低會給人穩(wěn)重、有重量的感覺，比如墨綠、橄欖綠等。藍(lán)色是冷色調(diào)的色彩，看起來沉穩(wěn)、明亮、深邃、沉著、憂郁。橙色是活躍的、溫暖的、喜悅的、朝氣蓬勃的，能帶給人快樂，橙色非常活潑的顏色，給人眼前一亮，讓人記憶深刻，可以搭配很多顏色。介于橙色和粉紅色之間的粉橘色，則是浪漫中帶著成熟的色彩，讓人感到安適、放心。白色象征干凈、簡約、誠實。是百搭的色彩。黑色象征權(quán)威、高雅、低調(diào)、創(chuàng)意。紅色熱情、興奮、具有生命力，讓人感覺脈搏加快，血壓升高，情緒沖動，思維活躍。

色彩對于人視覺感官的作用，可以延伸到人的內(nèi)心，影響人的心理，并形成情感互動，與人交流，從而打動人們。在UI設(shè)計中，將豐富的色彩運(yùn)用在設(shè)計中，對于不同色相的色彩，進(jìn)行明度、純度上的合理搭配，形成很好的視覺效果，會將人們帶入一個豐富多彩，有很強(qiáng)感官體驗的色彩世界，遵循色彩構(gòu)成的溫度、距離、尺度、重量、軟硬等法則，以色彩美感為最終目標(biāo)，深入研究色彩在UI設(shè)計中對人產(chǎn)生的心理影響，將色彩進(jìn)行合理搭配，更好的為UI設(shè)計服務(wù)，將色彩組織安排在UI設(shè)計的畫面上，讓UI設(shè)計更加人性化，體現(xiàn)了以客戶為中心的主旨，讓人們使用更方便。未來的手機(jī)界面發(fā)展都會朝著自適應(yīng)的人機(jī)界面、自然的人機(jī)的界面、基于多通道的手機(jī)交互界面以及更多的延伸和創(chuàng)新，這樣的發(fā)展方向會設(shè)計到更多的通感效應(yīng)，而手機(jī)界面設(shè)計會更加智能化和人性化。

劉文佳，女，海南軟件職業(yè)技術(shù)學(xué)院，講師，研究方向：藝術(shù)設(shè)計。 張瑞娥，女，海南軟件職業(yè)技術(shù)學(xué)院，講師，研究方向：藝術(shù)設(shè)計。

J613

A

1671-1602(2016)24-0047-01