手機UI界面的色彩搭配研究

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

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

1 手機UI界面設計中色彩搭配的作用

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

1.1 塑造界面風格化

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

1.2 提高功能引導性

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

1.3 增強信息理解力

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

1.4 加強信息記憶性

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

2 手機UI界面設計中色彩搭配的技巧

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

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

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

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

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

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

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

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

3 結(jié)束語

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

參考文獻

[1]李天賜.手機UI的色彩運用技巧[J].大眾文藝，2015.

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