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

劉文佳，張瑞娥

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

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

劉文佳，張瑞娥

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

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

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

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

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

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

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

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

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

1.2 人對(duì)色彩的記憶

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

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

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

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

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

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

J613

A

1671-1602(2016)24-0047-01