色彩在UI設計中的應用

楊曄

1色彩的特性

1.1 色彩的注目性

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

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

1.2 色彩的合適性

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

1.3 色彩的獨特性

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

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

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

1.4人對色彩的感知

UI設計包括手機圖形的版面設計和圖形用戶界面設計。圖形用戶界面設計包括手機圖標，手機上顯示的顏色，手機瀏覽器的導航，顯示的文字等等。版式設計包括交互設計和布局設計。UI設計，不僅要保持界面一致性，圖標設計風格和技術保持一致，設計的顏色應該統(tǒng)一在風格上，讓用戶直觀地感受完整性和一致性。

在設計手機圖標時，圖標的顏色不是任意確定的。當用戶觸摸該圖標時，圖標的顏色首先會被注意到，并且不同的顏色的圖標給人帶來的感覺是不同的。

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

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

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

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

黑色象征權威、高雅、低調、創(chuàng)意。

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

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

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

參考文獻

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

[2]陳宇平.手機UI設計中視覺藝術元素的構成研究[J].大眾文藝，2018（15）：89-90.