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

楊曄

1色彩的特性

1.1 色彩的注目性

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

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

1.2 色彩的合適性

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

1.3 色彩的獨(dú)特性

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

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

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

1.4人對色彩的感知

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)時，圖標(biāo)的顏色不是任意確定的。當(dāng)用戶觸摸該圖標(biāo)時，圖標(biāo)的顏色首先會被注意到，并且不同的顏色的圖標(biāo)給人帶來的感覺是不同的。

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

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

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

白色象征干凈、簡約、誠實(shí)。是百搭的色彩。

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

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

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

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

參考文獻(xiàn)

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

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