UI設(shè)計(jì)中的色彩元素運(yùn)用分析

曾原

摘 要：21世紀(jì)是科學(xué)信息數(shù)字化技術(shù)飛速發(fā)展的世紀(jì)，智能手機(jī)已經(jīng)得到了廣泛的運(yùn)用和普及，各手機(jī)品牌對(duì)技術(shù)的不斷研發(fā)和更新，消費(fèi)者對(duì)于手機(jī)的要求也有所提高，特別是對(duì)手機(jī)的UI界面的設(shè)計(jì)的要求。對(duì)于手機(jī)的UI界面來(lái)說，色彩元素是最主要的因素。本文通過對(duì)手機(jī)UI界面設(shè)計(jì)時(shí)的色彩的搭配作用進(jìn)行了簡(jiǎn)要的介紹，然后就在手機(jī)的UI界面中如何加強(qiáng)色彩元素的應(yīng)用提出了具體的意見和建議。

關(guān)鍵詞：UI設(shè)計(jì)；色彩元素；運(yùn)用；分析

中圖分類號(hào)：J524 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2017）32-0041-01

隨著各種手機(jī)應(yīng)用軟件的不斷升級(jí)和優(yōu)化，色彩對(duì)于UI設(shè)計(jì)來(lái)說是相當(dāng)重要的，不同色彩的合理搭配會(huì)對(duì)整個(gè)UI 的界面帶來(lái)不一樣的視覺效果，在設(shè)計(jì)UI界面時(shí)，色彩的組合不僅要有創(chuàng)新，還要符合產(chǎn)品的理念。

一、手機(jī)UI界面設(shè)計(jì)的色彩搭配分析

1.界面風(fēng)格化。手機(jī)的UI界面要具有自己獨(dú)特的風(fēng)格，這常常要通過色彩對(duì)其加以展示，不同的用戶對(duì)于手機(jī)的UI界面的需求也不同，不同的色彩的搭配會(huì)給用戶帶來(lái)不一樣的視覺沖擊。比如一些用于購(gòu)物消費(fèi)的軟件，為了激發(fā)客戶的購(gòu)買欲望，對(duì)產(chǎn)品進(jìn)行宣傳和促銷，就偏向于選用暖色和高明度的色調(diào)，使整個(gè)界面顯示出輕松明快的風(fēng)格；有的音樂類的軟件，為了引起客戶對(duì)于往事的懷念，引起情感上的共鳴，因此在界面上通常采用較為懷舊的風(fēng)格。

2.功能的引導(dǎo)性。在設(shè)計(jì)UI界面的時(shí)候，通常要用不同的色彩來(lái)指導(dǎo)用戶對(duì)界面進(jìn)行瀏覽，了解軟件的特點(diǎn)和功能。在界面中，在淺色的背景上，常常用明度比較高的顏色與之相搭配，提示客戶繼續(xù)瀏覽或者點(diǎn)擊，此外，客戶在看到不同的色彩的時(shí)候，不同的色彩明度對(duì)他的注意力也有影響。在UI界面里，也經(jīng)常會(huì)使用到相同的色相但是明度不同的顏色來(lái)指導(dǎo)客戶按照規(guī)定的順序進(jìn)行瀏覽，要求客戶點(diǎn)擊的部分用高明度的色彩加以提示，在客戶操作失誤的部分，用類似灰色這樣的低明度的顏色提示客戶不能繼續(xù)或者不可以點(diǎn)擊。

3.信息理解力的強(qiáng)化。客戶在接觸一些信息量較大的軟件的時(shí)候，比如學(xué)習(xí)類和新聞?lì)惖能浖畔⒌拇罅匡@示會(huì)使他們分不清楚主次，感到十分混亂。對(duì)于這樣的界面，在處理的時(shí)候可以運(yùn)用到色彩的漸變、對(duì)比和重復(fù)等方式，來(lái)達(dá)到對(duì)信息的區(qū)分、標(biāo)示以及強(qiáng)調(diào)作用，幫助客戶快速地理清信息的主次關(guān)系，使界面保持清晰、合理的感覺，提高客服的使用感。

4.信息的記憶性加強(qiáng)。色彩的真正內(nèi)涵并不是完全來(lái)自其自身的屬性，這與人們的生活經(jīng)驗(yàn)的積累密不可分。據(jù)相關(guān)的研究結(jié)果顯示，大多數(shù)人對(duì)色彩的感知度要優(yōu)于對(duì)于文字的感知度，對(duì)色彩帶來(lái)的記憶性也要強(qiáng)一些。比如，在日常生活中，交通信號(hào)燈的顏色會(huì)用到紅、黃、綠色，用藍(lán)色和紅色來(lái)區(qū)分冷熱水的水龍頭，這些生活中隨處看見的對(duì)于色彩的利用，都源自于人們對(duì)色彩的敏感程度。我們可以在設(shè)計(jì)UI界面的時(shí)候運(yùn)用到色彩的這個(gè)功能，用不同的顏色或者是用相同顏色的不同的明度來(lái)對(duì)相應(yīng)的模塊進(jìn)行設(shè)計(jì)，客戶就可以依據(jù)色彩的差異性來(lái)加深對(duì)模塊的功能的記憶，加快客戶對(duì)于軟件的使用。

二、手機(jī)UI界面設(shè)計(jì)的色彩應(yīng)用技巧

1.顏色應(yīng)用與用戶關(guān)系的應(yīng)用技巧。顏色的應(yīng)用要和客戶的年齡層次的不同而做出適當(dāng)?shù)恼{(diào)整，每個(gè)不同的年齡層次的客戶對(duì)于手機(jī)的UI界面的風(fēng)格的喜好是有區(qū)別的。比如年輕女性客戶都比較喜好活潑、輕快的界面風(fēng)格；男性客戶多偏向于簡(jiǎn)潔的色彩搭配；多數(shù)老年人的視力不佳，他們偏好于顏色對(duì)比分明的UI界面。不同的顏色還會(huì)影響客戶的情緒。比如益智類的游戲要營(yíng)造輕松有趣的感覺，常常使用飽和度高的色彩；理財(cái)類的軟件要給客戶一種嚴(yán)禁的感覺，通常更適合藍(lán)色等冷色調(diào)。

2.顏色應(yīng)用與界面結(jié)構(gòu)的應(yīng)用技巧。在UI界面的設(shè)計(jì)中，主頁(yè)和引導(dǎo)頁(yè)的顏色的搭配極其重要，一般來(lái)說，引導(dǎo)頁(yè)的顏色采用三種不同的種類進(jìn)行區(qū)分，一是使用單色調(diào)，二是使用臨近的顏色，三是使用對(duì)比的顏色。主頁(yè)和引導(dǎo)頁(yè)之間的顏色可以選用同類色系或者互補(bǔ)的色系，同類色系的搭配可以讓主頁(yè)和引導(dǎo)頁(yè)之間的色彩變現(xiàn)得更為和諧；互補(bǔ)色系可以使視覺產(chǎn)生跳躍感。進(jìn)行背景色選擇的時(shí)，通常選擇黑白灰色系或者彩色系，黑色讓人有種神秘感，灰色和白色可以對(duì)頁(yè)面起到簡(jiǎn)化的作用；彩色背景可以引起客戶的注意力，營(yíng)造不同的風(fēng)格，只是在選擇的時(shí)候要注意不要選擇飽和度和明度較高的色彩，避免和主題發(fā)生沖突。

三、結(jié)語(yǔ)

手機(jī)的UI界面的色彩的搭配除了要考慮美觀，還要考慮到不同客戶們?nèi)后w行業(yè)和心理，以及不同的界面要通過不同的顏色的搭配來(lái)達(dá)到理想的效果，不同的顏色搭配還會(huì)影響到客戶的心情。因此，UI界面在設(shè)計(jì)時(shí)更要要求設(shè)計(jì)師加強(qiáng)對(duì)于色彩搭配的技巧，設(shè)計(jì)要更具人性化的特點(diǎn)。

參考文獻(xiàn)：

[1]黃超，譚美玲，柯文燕等.手機(jī)UI界面的色彩搭配研究[J].科技創(chuàng)新與應(yīng)用，2016（19）.

[2]李時(shí)穎.UI設(shè)計(jì)中的色彩運(yùn)用研究[J].電腦知識(shí)與技術(shù)，2016（31）.

[3]溫陽(yáng)，田勝.淺析色彩在UI設(shè)計(jì)中的應(yīng)用[J].建筑工程技術(shù)與設(shè)計(jì)，2015（25）.

[4]褚麗美.UI設(shè)計(jì)中的色彩應(yīng)用研究[J].美術(shù)教育研究，2017（11）.