劉麗 邊卓

關(guān)鍵詞：色彩;APP ;界面設(shè)計;應(yīng)用

色彩作為APP 界面設(shè)計中最重要的元素之一，對加強界面設(shè)計的藝術(shù)效果有很大價值，但從目前APP 界面設(shè)計來看，在色彩設(shè)計方面存在很多問題，一是一些APP 界面的色彩設(shè)計缺乏整體性，色彩風(fēng)格沒有協(xié)調(diào)統(tǒng)一;二是一些界面色彩的使用缺乏系統(tǒng)性和科學(xué)性，忽略了色彩本身作為視覺語言的特殊作用[1];三是界面色彩的設(shè)計與使用沒有以用戶體驗為中心，忽略了目標用戶主體對顏色的理解和認知，存在著制作者的主觀性與隨意性。色彩是手機APP 界面設(shè)計的重要組成部分，只有合理地運用色彩進行界面設(shè)計，才能設(shè)計出既美觀又具有功能引導(dǎo)性的界面，并能得到用戶的青睞，因此，本文主要對手機APP 界面設(shè)計的色彩應(yīng)用進行研究。

1 相關(guān)概念解析

1.1 色彩概述

色彩是一種視覺形態(tài)，是眼睛對可見光的感應(yīng)，相比較其它圖形和文字，它往往能夠給人們留下更深刻的印象。色彩有三大基本屬性：色相、純度、明度。色相是一個顏色區(qū)別于其他顏色的一個標準屬性，能夠比較確切地表示某種顏色色別的名稱，如品紅、桔黃、深綠、淺藍等。純度又稱飽和度，是指原色在色彩中所占據(jù)的百分比，通過加白、加黑和加互補色方式來改變色彩的純度。明度是指色彩的明亮程度，白色明度最高，黑色明度最低，紅、灰、綠、藍色為中間明度。在色彩色相、明度和純度基礎(chǔ)上，通常會把色彩分為冷色系與暖色系。紅色、橙色等暖色系給人一種溫暖、喜悅的感覺;青色、藍色等冷色系給人一種寂靜、開闊的感覺[2]。同時每一種色彩也具有客觀的代表性情感，人們通過聯(lián)想產(chǎn)生主觀意志，再配合思想產(chǎn)生象征意義。比如，看到紅色，人們往往有平安、熱情、主動、喜慶、激情的情感;看到黃色，會有一種輕快、輝煌、充滿希望與光明的情感;看到綠色，會有一種和平、健康、清新、青春的感覺;看到藍色，會有一種冷靜、理智、廣闊、沉穩(wěn)的感覺。每一種色彩都具有自身的視覺意義與象征意義，要合理運用好每一種色彩。

1.2 APP 界面設(shè)計概述

APP 即移動設(shè)備上運行的各種應(yīng)用程序，APP 界面設(shè)計指對應(yīng)用程序的交互設(shè)計、界面視覺等綜合性設(shè)計，是用戶與APP 傳遞和交互信息的媒介，用戶可以通過界面的設(shè)計對APP 進行操作使用。APP 界面設(shè)計包含界面元素結(jié)構(gòu)布局、圖表文字設(shè)計及色彩設(shè)計等。APP 界面設(shè)計是為用戶服務(wù)，整個設(shè)計過程以用戶為中心，界面設(shè)計是否美觀，是否舒適易操作直接影響APP 用戶會不會選擇使用。

2 色彩在APP 界面設(shè)計中的應(yīng)用意義

色彩在APP 界面設(shè)計中往往有先聲奪人的重要力量，對于APP 界面設(shè)計有著重要意義。

2.1 塑造界面與品牌風(fēng)格

色彩在APP 界面設(shè)計中具有塑造界面和品牌風(fēng)格的重要作用，不同色彩色相、明度和純度之間的對比與調(diào)和，可以呈現(xiàn)出不同的界面風(fēng)格。例如淘寶APP，采用紅色系和橙色系作為界面主要顏色，塑造了鮮活的界面風(fēng)格，能夠刺激用戶購買欲望;而支付寶APP 采用藍色系作為界面主要顏色，塑造了沉穩(wěn)的界面風(fēng)格，向用戶傳遞出安全、專業(yè)與可信賴的視覺意義。此外，每一種色彩都具有自身的象征意義，界面色彩的選擇傳達了企業(yè)文化與品牌理念，很好地塑造了品牌風(fēng)格，如網(wǎng)易云音樂APP 采用紅色作為界面主要顏色和公司的主要顏色，紅色大多代表積極、樂觀、熱情、力量、充滿希望，網(wǎng)易云音樂的slogan 是“音樂的力量”，紅色正符合網(wǎng)易公司新生力量的崛起，加強人與人之間信息的交流和共享并注重凝聚力的觀念，網(wǎng)易公司將紅色與自身結(jié)合起來，使公司的觀念與形象深入人心[3]。

2.2 引導(dǎo)用戶視覺與功能劃分

色彩在APP 界面設(shè)計中具有劃分區(qū)域，引導(dǎo)用戶視覺與功能劃分的作用，人們的視覺對于色彩往往具有更強的識別力和判別力，正如《視覺可用性》中所說：色彩作為戰(zhàn)略性聚光點時，它會告訴用戶該往哪看，引導(dǎo)用戶視覺方向，是吸引注意力的最佳工具[4]。在界面設(shè)計中利用主色調(diào)、同色系的輔助色及不同的色彩色相來向用戶傳遞信息，能有效引導(dǎo)用戶的操作行為。例如淘寶APP 中聚劃算和百億補貼促銷活動信息作為界面中的主要模塊，文字及圖片信息都采用明度較高的紅色或橙色，在頁面中起到突出效果的作用，能在第一時間吸引用戶的注意力，引導(dǎo)用戶進行點擊，或利用不同顏色的對比來強調(diào)界面主要內(nèi)容與板塊，吸引與引導(dǎo)用戶。同時也可以利用不同的色相及同色系的差距，通過區(qū)分色彩的色相、明度和純度，將界面功能內(nèi)容直觀地劃分出來，引導(dǎo)用戶根據(jù)先后、有序地進行界面操作，極大地提升了界面視覺的引導(dǎo)性和功能性。

2.3 提升用戶體驗與審美愉悅

色彩在APP 界面設(shè)計中的合理運用可以提升用戶體驗度，界面色彩的搭配會對用戶的使用與審美感覺帶來直接地影響。例如，界面背景色彩的選擇，通常會采用淺色或明亮的色系，據(jù)研究顯示在APP 界面這個有限的范圍內(nèi)，淺色系背景上閱讀深色文字信息，比深色系背景上閱讀淺色文字信息要更加舒適，閱讀性更強，并且會給用戶帶來清新愉悅感[5]。另外很多APP 功能較多，界面信息層級豐富，如果不加以區(qū)分劃類，會造成用戶視覺瀏覽的混亂感，因此主要功能與模塊采用明度和飽和度較高的色彩，可以讓用戶直接輕松地閱讀重要信息與模塊，極大地提升用戶體驗感。各種色系的協(xié)調(diào)搭配，對比適度和諧，使界面色彩具有整體性和平衡性，緩解了用戶使用疲勞，帶來視覺上的愉悅感。

3 色彩在APP 界面設(shè)計中的應(yīng)用思路

色彩在APP 界面設(shè)計中起著至關(guān)重要的作用，用戶視覺神經(jīng)對色彩反應(yīng)最快，其次是形狀，最后才是界面細節(jié)。優(yōu)秀的界面色彩設(shè)計，合理的色彩搭配會提高產(chǎn)品的易用性和美觀性，會提高用戶的使用率與點擊率，從而提升其價值效應(yīng)。故研究色彩在APP 界面設(shè)計中的應(yīng)用思路是極其重要的。

3.1 明確APP 屬性與目標用戶

色彩的選用要符合APP 的屬性，如購物類、理財類、益智游戲類、閱讀類產(chǎn)品等需要運用不同的色彩去表現(xiàn)，比如游戲類APP 就需要選用豐富鮮艷的色彩來表現(xiàn)出相對明快、歡樂的界面，能吸引用戶;而一些閱讀類APP 色彩就不宜過于跳躍，不宜選用明艷亮麗的色彩，會讓用戶產(chǎn)生視覺疲勞。并且色彩風(fēng)格的選用也需要做市場調(diào)研，比如：活潑、明艷、文雅、科技感、穩(wěn)重、安全等，要充分了解客戶對產(chǎn)品的定位，使形式與內(nèi)容相統(tǒng)一。色彩的選用也要明確目標用戶群體的相關(guān)特征，如用戶的性別、年齡、生活環(huán)境等千差萬別的因素，會影響他們對色彩的理解和認知[5]，所需求的APP 界面風(fēng)格也是大不相同的，因此，充分做好用戶研究，盡量讓大部分主體用戶感受到視覺的舒適度，可以通過智能化技術(shù)讓使用者選擇屬于自己的色彩搭配，逐步發(fā)展成為私人定制的模式，滿足所有使用者的需求。

3.2 充分考慮APP 使用場景及區(qū)域

APP 的使用場景不同，界面色彩的選擇也要有差別，如很多產(chǎn)品設(shè)置了暗夜模式，界面顯示出黑底白字的設(shè)計模式，使界面色彩的亮度和夜間環(huán)境更接近，能夠減少對用戶眼睛的刺激，緩解眼疲勞，這就是充分考慮了用戶在夜晚場景下使用APP 的需求，提升產(chǎn)品使用體驗。此外，很多移動互聯(lián)網(wǎng)企業(yè)會有海外市場拓展的計劃，APP 的界面設(shè)計也要充分考慮產(chǎn)品使用區(qū)域的問題，考慮地域文化要素、當?shù)氐拿耧L(fēng)民俗和禁忌，不同的顏色在不同的文化背景下有不同的含義，例如當人們感到消極沮喪時，首先聯(lián)想到的色彩是黑色，但是在土耳其是“紫色”，馬來西亞是“黃色”，印度是“白色”。什么顏色代表“高貴”在中國的答案是“黃色”，而巴西卻認為黃色表示絕望[5]。

3.3 增強APP 的整體性與易用性

在色彩的標準色環(huán)中，有同色系、近似色、對比色、及互補色四種分類。界面色彩的設(shè)計中，一種色彩并不會單獨出現(xiàn)，良好的色彩搭配會加強界面的視覺感染力，給設(shè)計錦上添花。因此在進行APP 界面視覺色彩設(shè)計時，可優(yōu)先考慮選用同色系和近似色搭配原則，使界面元素設(shè)計更加和諧融洽，由此來增加界面設(shè)計的整體性與美觀性;也可選用互補色的搭配原則，用來進行背景色與文字、按鈕、需突出元素等的色彩搭配，使界面對比更為強烈，使視覺效果更為豐富，更能吸引用戶的注意力，但視覺沖擊強烈時也容易引起用戶視覺疲勞，在必要時可以降低色彩的明度或飽和度，使眼睛更加舒適。界面色彩的主色調(diào)與小面積輔助色及點綴色面積搭配需有一定的節(jié)奏性，主色調(diào)：輔助色：點綴色應(yīng)遵循6 ：3 ：1 的比例搭配界面色彩[5]。除了利用主色調(diào)、輔助色以及點綴色之間的對比調(diào)和，平衡色彩，使APP 界面呈現(xiàn)出整體統(tǒng)一的風(fēng)格，同時還可以利用有序重復(fù)、漸變漸隱、強烈對比等色彩設(shè)計方法，來區(qū)分、強調(diào)、提示功能的主次及內(nèi)容，提升產(chǎn)品的易用性，提升用戶的體驗感。

4 結(jié)語

隨著智能化技術(shù)的不斷進步與發(fā)展，APP 產(chǎn)品層出不窮，人們不再僅僅滿足于產(chǎn)品功能，而是對APP 使用方便度及舒適度提出了更高的要求。界面設(shè)計顯得尤為重要，而色彩的運用直接關(guān)系到APP 界面設(shè)計的質(zhì)量和水平及所表達的主題和內(nèi)容。這就要求設(shè)計者要與時俱進，需不斷加強對色彩相關(guān)基礎(chǔ)知識和界面應(yīng)用的整體學(xué)習(xí)，充分考慮APP 產(chǎn)品屬性、受眾人群及功能，合理選用并搭配色彩，發(fā)揮色彩的獨有優(yōu)勢，設(shè)計出具有更好視覺體驗的產(chǎn)品。