摘 要：隨著智能手機(jī)的不斷普及，手機(jī)UI界面設(shè)計(jì)受到更多的關(guān)注，它不僅使軟件的操作變得舒適、簡(jiǎn)單、自由，而且也體現(xiàn)了軟件的個(gè)性和品位。在手機(jī)的UI界面元素中，色彩的搭配是非常重要的因素，合理的色彩搭配可以提高UI設(shè)計(jì)的實(shí)用性和美觀性。文章通過對(duì)手機(jī)UI界面的分析和制作，對(duì)色彩在手機(jī)UI界面中的作用以及色彩搭配技巧進(jìn)行了一系列的研究。

關(guān)鍵詞：UI；界面設(shè)計(jì)；界面色彩設(shè)計(jì)

1 手機(jī)UI界面設(shè)計(jì)中色彩搭配的作用

手機(jī)UI界面設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。主要涉及五個(gè)方面的問題，分別是：設(shè)計(jì)風(fēng)格、圖形語言、色彩搭配、視覺層次結(jié)構(gòu)和界面交互式動(dòng)畫設(shè)計(jì)。好的手機(jī)UI界面設(shè)計(jì)不僅讓軟件的操作變得舒適簡(jiǎn)單、自由，充分體現(xiàn)軟件特點(diǎn)，還讓軟件變得有個(gè)性有品位。研究表明在被接收的視覺元素中，色彩最能引起用戶的注意，對(duì)于好的手機(jī)UI界面設(shè)計(jì)，色彩搭配顯得尤為重要，具體作用分為：

1.1 塑造界面風(fēng)格化

不同的手機(jī)UI界面針對(duì)不同的用戶群體，帶給用戶的視覺感知也不同，而色彩正是展現(xiàn)界面風(fēng)格的一大要素。如一些購(gòu)物類軟件，要起到促銷宣傳、激發(fā)用戶購(gòu)買欲的作用，普遍采用暖色調(diào)，高明度色彩，使界面呈現(xiàn)明快的風(fēng)格。而一些音樂軟件，在界面設(shè)計(jì)上采用懷舊的風(fēng)格，以唱片或者老電影的形式展現(xiàn)給用戶，從而達(dá)到引起用戶對(duì)往事懷戀的效果，配合歌曲更容易產(chǎn)生感情的共鳴。

1.2 提高功能引導(dǎo)性

界面設(shè)計(jì)中常用不同的色彩來引導(dǎo)用戶瀏覽界面，了解軟件的功能及特點(diǎn)。一方面界面中常用明度較高的色彩搭配在淺色背景上，提示用戶可以點(diǎn)擊，或繼續(xù)瀏覽。另一方面，用戶在接觸不同明度色彩時(shí)，隨著色彩明度降低，用戶對(duì)色彩的注意力也會(huì)降低。界面中也常用相同色相，不同明度的色彩來引導(dǎo)用戶按順序?yàn)g覽界面，高明度色彩用于提示用戶點(diǎn)擊，或者發(fā)生錯(cuò)誤，低明度如灰色則用于提示用戶不可點(diǎn)擊或不能繼續(xù)。

1.3 增強(qiáng)信息理解力

一些軟件信息量較大，如新聞?lì)?、學(xué)習(xí)類。用戶在接觸大量信息時(shí)往往分不清主次，感到復(fù)雜混亂。這樣的軟件界面則常運(yùn)用色彩的重復(fù)、漸變、對(duì)比來達(dá)到強(qiáng)調(diào)、標(biāo)示、區(qū)分的作用，幫助用戶更快的掌握信息的主次關(guān)系，在瀏覽界面時(shí)感到清晰、有序、合理。

1.4 加強(qiáng)信息記憶性

色彩的具體內(nèi)涵并非全部來自于色彩本身的屬性，它與人類長(zhǎng)期積累的生活經(jīng)驗(yàn)息息相關(guān)。研究表明，人們對(duì)色彩的感知度要比對(duì)文字的感知度強(qiáng)，對(duì)色彩的記憶性也更強(qiáng)。日常生活中，常用紅色、藍(lán)色區(qū)分飲水機(jī)的冷熱水龍頭，用紅、黃、綠指揮交通。這都源于人們對(duì)色彩的感知和記憶。色彩的這一作用，也可用于界面設(shè)計(jì)中，一款軟件可分為不同的模塊，用不同的色彩或者相同色彩的不同明度來表示相應(yīng)模塊，用戶可以根據(jù)色彩的差異來記憶每個(gè)模塊的作用，使用戶更快的記憶軟件的使用方法及功能。

2 手機(jī)UI界面設(shè)計(jì)中色彩搭配的技巧

手機(jī)UI界面設(shè)計(jì)種類繁多，面對(duì)的用戶也各不相同，但究其根本均為人與手機(jī)之間的交互關(guān)系，UI界面在設(shè)計(jì)時(shí)遵從的技巧都應(yīng)當(dāng)以人為本，給予用戶舒適與匹配的原則，具體技巧可從以下兩個(gè)方面入手。

2.1 顏色與用戶關(guān)系的搭配技巧

（1）顏色運(yùn)用與用戶年齡之間的關(guān)系。各層年齡階段的手機(jī)用戶所喜愛手機(jī)界面的風(fēng)格是大不相同的。年輕女孩較青睞輕快、活潑的界面，此類界面中主要以對(duì)比色調(diào)和搭配，明度高，色彩明亮、醒目，在一定程度上使人心情愉悅。男性用戶偏愛明快、簡(jiǎn)潔的配色，此類界面整體色彩以冷色調(diào)為主，給人以深沉、大氣的感覺。老年人由于視力降低，在使用手機(jī)時(shí)則較為喜愛色彩對(duì)比分明的界面。

（2）顏色運(yùn)用與用戶情緒之間的關(guān)系。用戶在接收不同顏色時(shí)情緒會(huì)受到相應(yīng)的影響。例如理財(cái)類軟件，軟件界面需要帶給用戶嚴(yán)謹(jǐn)、理性的感覺，使用戶在接觸界面時(shí)，能夠冷靜思考，理性分析。因此理財(cái)軟件多采用深藍(lán)色、棕色、等冷色調(diào)色彩，象征著穩(wěn)健、平和。而一些益智小游戲類軟件，界面需要帶給用戶的是一種輕松、愉快的感覺，使用戶在接觸界面時(shí)能夠得到放松、釋放壓力。這類軟件則常采用飽和度較高暖色調(diào)，象征色活潑、明朗。

2.2 顏色與界面結(jié)構(gòu)的搭配技巧

（1）引導(dǎo)頁(yè)與主頁(yè)中顏色搭配的技巧。引導(dǎo)頁(yè)與主頁(yè)的色彩搭配分為兩類，一類是多個(gè)引導(dǎo)頁(yè)的搭配，一類是引導(dǎo)頁(yè)與主頁(yè)的搭配。引導(dǎo)頁(yè)一般選用三種搭配方法。第一是使用單色，單色可簡(jiǎn)化、統(tǒng)一頁(yè)面，但在使用單色搭配時(shí)應(yīng)避免過于單調(diào)，可通過調(diào)整色彩的飽和度和透明度使其產(chǎn)生變化，讓頁(yè)面內(nèi)容更加豐富。第二是使用鄰近色，采用鄰近色設(shè)計(jì)可以使頁(yè)面避免色彩雜亂，易于達(dá)到頁(yè)面的和諧統(tǒng)一。第三是使用對(duì)比色，對(duì)比色可以突出重點(diǎn)，產(chǎn)生了強(qiáng)烈的視覺效果。在設(shè)計(jì)時(shí)一般以一種顏色為主色調(diào)，對(duì)比色作為點(diǎn)綴，可以起到畫龍點(diǎn)睛的作用。引導(dǎo)頁(yè)與主頁(yè)之間的色彩搭配也可分為互補(bǔ)色和同類色兩類。互補(bǔ)色搭配可使引導(dǎo)頁(yè)到主頁(yè)過程中增加視覺跳躍感，給用戶煥然一新的感覺。同類色搭配讓引導(dǎo)頁(yè)與主頁(yè)之間色彩表達(dá)更為和諧，突出主題。

（2）背景與按鈕中顏色搭配的技巧。選擇背景色彩時(shí)，應(yīng)注意背景不可掩蓋主體。背景色可分為兩類，一類是無彩色、一類是有彩色。無彩色既黑白灰系列，黑色背景既不影響主體內(nèi)容，也可給人一種高端、神秘感，適用于娛樂影音類軟件。白色或灰色背景，有簡(jiǎn)化、潔凈頁(yè)面的效果，使用戶在使用時(shí)更加舒心，一般適用于信息量大、圖片較多的軟件如購(gòu)物、微博等。有彩色也是常用的背景色，有彩色背景可吸引用戶的注意，也可營(yíng)造出各種風(fēng)格，或清新或熱烈。但為了不與主題發(fā)生沖突，降低色彩刺激感，使用有彩色時(shí)應(yīng)降低色彩的明度和飽和度。

按鈕是引導(dǎo)用戶使用軟件的關(guān)鍵，按鈕的使用也有諸多技巧。一方面：按鈕的色彩搭配多用對(duì)比色。按鈕與背景之間常采用對(duì)比色搭配，如社交類軟件中消息提示采用紅色按鈕與白色背景形成對(duì)比。突出紅色顯眼、鮮亮的特點(diǎn)，使消息更加醒目，起到了提示作用。按鈕與按鈕之間的色彩搭配也遵循以上規(guī)律。如購(gòu)物類軟件中所在頁(yè)面的按鈕使用明度高的顏色。這一類色彩一般代表“已選擇、可點(diǎn)擊、可交易”等；未選中的界面按鈕則常使用灰色，灰色一般代表“不能點(diǎn)擊、不允許、無效、已售空”等。另外一方面：對(duì)比色給視覺較強(qiáng)沖擊力，受眾長(zhǎng)時(shí)間觀看會(huì)引起視覺疲勞，這時(shí)可通過降低色彩的明度或飽和度來讓色彩變得更加和諧，使人眼更加舒適。如學(xué)習(xí)類軟件，常采用降低色彩明度的方法，使按鈕在起到提示作用的同時(shí)，不會(huì)使人感到刺眼，從而達(dá)到護(hù)眼的目的。

3 結(jié)束語

手機(jī)UI界面色彩搭配設(shè)計(jì)不僅僅是設(shè)計(jì)出交互方便，美觀的界面。還要考慮用戶心理和行業(yè)的區(qū)別，以及不同的應(yīng)用界面是否能通過不同色彩搭配，表達(dá)出不同的意向等因素。同時(shí)，不同的手機(jī)UI界面色彩搭配也能在一定程度上影響手機(jī)用戶的心情。這就要求UI設(shè)計(jì)師，有扎實(shí)的色彩基礎(chǔ)知識(shí)，并且能夠運(yùn)用一些設(shè)計(jì)搭配技巧，找到合適的色彩表達(dá)出應(yīng)用所需要傳達(dá)的情感，以及用戶喜歡的風(fēng)格，充分發(fā)揮不同色彩的優(yōu)勢(shì)，來設(shè)計(jì)出具有更強(qiáng)感染力、更高視覺體驗(yàn)度的個(gè)性化產(chǎn)品。

參考文獻(xiàn)

[1]李天賜.手機(jī)UI的色彩運(yùn)用技巧[J].大眾文藝，2015.

[2]姜淼.大學(xué)生智能手機(jī)界面色彩語意的研究與應(yīng)用[D].哈爾濱理工大學(xué)，2015.