UI設(shè)計中的色彩元素運用分析

曾原

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

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

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

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

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

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

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

3.信息理解力的強化?？蛻粼诮佑|一些信息量較大的軟件的時候，比如學(xué)習(xí)類和新聞類的軟件，信息的大量顯示會使他們分不清楚主次，感到十分混亂。對于這樣的界面，在處理的時候可以運用到色彩的漸變、對比和重復(fù)等方式，來達到對信息的區(qū)分、標(biāo)示以及強調(diào)作用，幫助客戶快速地理清信息的主次關(guān)系，使界面保持清晰、合理的感覺，提高客服的使用感。

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

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

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

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

三、結(jié)語

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

參考文獻：

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

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

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

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