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

楊曄

1色彩的特性

1.1 色彩的注目性

網(wǎng)頁(yè)界面設(shè)計(jì)是否能夠成功，很大一部分原因取決于設(shè)計(jì)師對(duì)顏色的使用。為了加強(qiáng)網(wǎng)頁(yè)界面設(shè)計(jì)色彩的注目性，在網(wǎng)頁(yè)界面設(shè)計(jì)的過(guò)程中，應(yīng)該注意以下幾點(diǎn)：

首先，確定一個(gè)主色調(diào)，也就是整個(gè)界面的色彩選擇，這樣有利于體現(xiàn)網(wǎng)站的主題。其次，在網(wǎng)頁(yè)界面的整體色彩搭配上，盡量不要做范圍太大的對(duì)比處理，而是采用“大調(diào)和、小對(duì)比”的色彩搭配原則。因?yàn)槿说囊曈X(jué)習(xí)慣總是希望在一個(gè)大范圍的視野中尋找某些興奮點(diǎn)。再者，就是還要考慮在同一種類(lèi)型的網(wǎng)頁(yè)中，設(shè)計(jì)時(shí)所采用的網(wǎng)頁(yè)界面色調(diào)和其他網(wǎng)頁(yè)界面的色彩所產(chǎn)生的對(duì)比關(guān)系，兩者搭配起來(lái)是否生動(dòng)而不沖突，也是增加色彩注目性的一個(gè)重中之重。

1.2 色彩的合適性

任何設(shè)計(jì)的根本法則，均是內(nèi)容決定了形式，形式要為內(nèi)容服務(wù)。反映在網(wǎng)頁(yè)界面設(shè)計(jì)上，則是頁(yè)面的色彩一定要與網(wǎng)頁(yè)的內(nèi)容相呼應(yīng)，色調(diào)則一定要與網(wǎng)頁(yè)表達(dá)的內(nèi)容相適合。因此，在設(shè)計(jì)網(wǎng)頁(yè)界面時(shí)，如何確定頁(yè)面的色彩，一定不要憑空想象。網(wǎng)頁(yè)界面的設(shè)計(jì)必須服務(wù)于所要針對(duì)的人群，在運(yùn)用色彩時(shí)，必須根據(jù)不同的企業(yè)的不同風(fēng)格和要求進(jìn)行設(shè)計(jì)。例如，食品類(lèi)的網(wǎng)頁(yè)界面，其色彩效果要干凈、衛(wèi)生，能夠引起人們的食欲，可以使用活潑鮮亮的色調(diào)去建構(gòu)；藥品類(lèi)網(wǎng)頁(yè)界面的色彩設(shè)計(jì)，應(yīng)給人以鎮(zhèn)定、安靜之感；化妝品類(lèi)的網(wǎng)頁(yè)界面色彩設(shè)計(jì)，則要給人一種典雅、高貴的感覺(jué)。以護(hù)手霜而聞名于世的妮維婭（NIVEA）品牌（圖2），網(wǎng)頁(yè)界面的主色調(diào)為藍(lán)色，給人的感受是淡雅、清爽，同時(shí)作為輔助色彩的白色，給人以信任之感，使得該網(wǎng)頁(yè)很好地體現(xiàn)了公司的品牌形象。因此，只有設(shè)計(jì)用色和網(wǎng)頁(yè)界面內(nèi)容和諧統(tǒng)一，才能使瀏覽者留下深刻的印象，達(dá)到正確迅速地傳遞信息的作用。

1.3 色彩的獨(dú)特性

色彩的獨(dú)特性是指“個(gè)性”，也就是它本身所具有的獨(dú)特之處。站在心理學(xué)的立場(chǎng)上來(lái)說(shuō)，大部分的人都有一定的獵奇心理，能不能滿足用戶的心理需求，可不可以設(shè)計(jì)出有“個(gè)性”的網(wǎng)貞界面色彩，是網(wǎng)頁(yè)界面設(shè)計(jì)師的使命。

受后現(xiàn)代主義思潮的影響，具有個(gè)性化、象征性的色彩設(shè)計(jì)風(fēng)格，已成為優(yōu)秀網(wǎng)頁(yè)界面設(shè)計(jì)的主流。優(yōu)秀的網(wǎng)頁(yè)界面設(shè)計(jì)的靈魂在于不斷創(chuàng)新，必須與眾不同具有自身的特色。競(jìng)爭(zhēng)力大的網(wǎng)頁(yè)界面多數(shù)為有個(gè)性和特色的，在互聯(lián)網(wǎng)時(shí)代這種網(wǎng)頁(yè)界面設(shè)計(jì)成為同類(lèi)企業(yè)競(jìng)爭(zhēng)的重要手段，也是企業(yè)第一時(shí)間把自己的信息公布于世的平臺(tái)。要想設(shè)計(jì)出具有自己特色的用戶界面，一下這幾個(gè)方面是值得注意的。

第一，用色上要?jiǎng)e出心裁不受同類(lèi)網(wǎng)頁(yè)固定模式的限制。第二，要善于發(fā)現(xiàn)新的色彩，對(duì)自己設(shè)計(jì)的色彩領(lǐng)域進(jìn)行新的開(kāi)發(fā)，擴(kuò)大色彩的設(shè)計(jì)領(lǐng)域。要全方位多方面的看待色彩對(duì)人心理的影響，更要搞清楚每種顏色的性質(zhì)和功能。

1.4人對(duì)色彩的感知

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ù)保持一致，設(shè)計(jì)的顏色應(yīng)該統(tǒng)一在風(fēng)格上，讓用戶直觀地感受完整性和一致性。

在設(shè)計(jì)手機(jī)圖標(biāo)時(shí)，圖標(biāo)的顏色不是任意確定的。當(dāng)用戶觸摸該圖標(biāo)時(shí)，圖標(biāo)的顏色首先會(huì)被注意到，并且不同的顏色的圖標(biāo)給人帶來(lái)的感覺(jué)是不同的。

綠色賦予人們無(wú)限的安全感，并可以在協(xié)調(diào)人際關(guān)系方面發(fā)揮重要作用。綠色象征自由和平、新鮮舒適；黃綠色給人清新、有活力、快樂(lè)的感受；色彩明度降低會(huì)給人穩(wěn)重、有重量的感覺(jué)，比如墨綠、橄欖綠等。

藍(lán)色是冷色調(diào)的色彩，看起來(lái)沉穩(wěn)、明亮、深邃、沉著、憂郁。

橙色是活躍的、溫暖的、喜悅的、朝氣蓬勃的，能帶給人快樂(lè)，橙色非?；顫姷念伾o人眼前一亮，讓人記憶深刻，可以搭配很多顏色。介于橙色和粉紅色之間的粉橘色，則是浪漫中帶著成熟的色彩，讓人感到安適、放心。

白色象征干凈、簡(jiǎn)約、誠(chéng)實(shí)。是百搭的色彩。

黑色象征權(quán)威、高雅、低調(diào)、創(chuàng)意。

紅色熱情、興奮、具有生命力，讓人感覺(jué)脈搏加快，血壓升高，情緒沖動(dòng)，思維活躍。

比如圖（1）某直播平臺(tái)的的logo，選用紅色作為主色調(diào)，紅色給人熱烈奔放的感覺(jué)。具有生命力，會(huì)讓人脈搏加快。

比如圖（2）眾所周知的社交類(lèi)通訊軟件logo，綠色為主色調(diào)。輔色為白色。綠色給人以安全的感覺(jué)，這就抓住了用戶的心理需求使用戶使用起來(lái)更放心。

參考文獻(xiàn)

[1]王泳力.淺析移動(dòng)應(yīng)用UI設(shè)計(jì)中漸變色的使用[J].工業(yè)設(shè)計(jì)，2018（08）：32-33.

[2]陳宇平.手機(jī)UI設(shè)計(jì)中視覺(jué)藝術(shù)元素的構(gòu)成研究[J].大眾文藝，2018（15）：89-90.