劉麗 邊卓

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

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

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

1.1 色彩概述

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

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

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

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

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

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

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

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

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

2.3 提升用戶體驗(yàn)與審美愉悅

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

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

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

3.1 明確APP 屬性與目標(biāo)用戶

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

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

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

3.3 增強(qiáng)APP 的整體性與易用性

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

4 結(jié)語(yǔ)

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