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

劉麗 邊卓

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

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

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

1.1 色彩概述

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4 結(jié)語

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