摘 要：移動(dòng)互聯(lián)網(wǎng)時(shí)代的迅猛發(fā)展在全球范圍內(nèi)掀起了一場(chǎng)影響人類所有層面的深刻變革，人們大量地利用智能移動(dòng)終端設(shè)備的同時(shí)終端設(shè)備中的APP界面設(shè)計(jì)受到了更多的關(guān)注。人性化的界面布局、舒適的色彩搭配，可以讓使用者有更好的交互體驗(yàn)。本文對(duì)APP界面色彩設(shè)計(jì)常識(shí)、APP界面設(shè)計(jì)中色彩搭配的作用和提升策略進(jìn)行分析與闡述。

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

隨著互聯(lián)網(wǎng)技術(shù)與大數(shù)據(jù)技術(shù)的飛速發(fā)展，APP成為承載著越來越多信息的載體，使用智能移動(dòng)終端設(shè)備瀏覽APP成為獲取信息的普遍且直接的方式。相比傳統(tǒng)媒介，APP包含了動(dòng)畫、圖片、聲音、文字等各種表達(dá)信息的方式。設(shè)計(jì)師在APP界面設(shè)計(jì)中恰當(dāng)?shù)貙?duì)色彩進(jìn)行搭配，不單單可以產(chǎn)生視覺沖擊力，還可以提升APP的適用性和舒適性，降低用戶的上手難度，增強(qiáng)用戶體驗(yàn)。

1 APP界面色彩設(shè)計(jì)常識(shí)

APP界面設(shè)計(jì)是用戶與智能移動(dòng)終端設(shè)備進(jìn)行交流的一個(gè)頁(yè)面，是用戶和智能移動(dòng)終端設(shè)備之間的輸入、輸出信息和交流的媒介，是人和系統(tǒng)互動(dòng)過程中的一個(gè)支持層面。APP界面設(shè)計(jì)的宗旨仍然是“以用戶為中心”，優(yōu)秀的APP界面設(shè)計(jì)不但具有簡(jiǎn)單美觀的視覺感受，還有操作便利的行為感受，提高用戶的滿意程度。

APP界面設(shè)計(jì)中色彩的顯色原理即加色混合，是指用有色光相混合得出新的色光。所有色彩展現(xiàn)在用戶的眼前都需要光的實(shí)現(xiàn)，在加色混合中，把紅綠藍(lán)3種原色光以不同比率混合便可產(chǎn)生完整的色譜。色彩具有不同的感覺，如溫度感、距離感、重量感、尺度感、軟硬感，同時(shí)人對(duì)色彩的感覺也受到周圍其他因素如情感因素的影響。APP界面依靠智能終端的屏幕發(fā)射的光呈現(xiàn)，進(jìn)入我們眼睛的視網(wǎng)膜后再傳輸給大腦，對(duì)色彩進(jìn)行辨認(rèn)。智能移動(dòng)終端設(shè)備的顯示器都采用RGB像素排列模式或Pentile像素排列模式，因此，智能終端顯示的色彩相比紙質(zhì)媒介更明亮鮮艷，幫助APP產(chǎn)品在日益激烈的競(jìng)爭(zhēng)中脫穎而出。

2 APP界面設(shè)計(jì)中色彩搭配的作用

人們對(duì)色彩的感知是相當(dāng)敏銳的，研究表明，在人們?cè)诒唤邮盏囊曈X元素中，色彩是吸引注意力的絕佳工具，在APP界面設(shè)計(jì)中適當(dāng)?shù)厥褂蒙实纳?、明度、純度這3個(gè)屬性尤為重要。具體作用為以下幾個(gè)方面：

2.1 營(yíng)造APP整體風(fēng)格

APP的界面設(shè)計(jì)包括了交互設(shè)計(jì)、操作邏輯、界面美觀的整體設(shè)計(jì)。我們可以對(duì)APP界面確定一個(gè)主色，以若干個(gè)輔色及裝飾色之間的對(duì)比調(diào)和關(guān)系突出APP的品牌調(diào)性。用不同的色系或相同色系色彩之間的明度、純度作對(duì)比，塑造出不同的界面風(fēng)格。如閱讀類APP大多采用冷灰色調(diào)，讓人有平靜放松的感覺。通過界面設(shè)計(jì)的色彩搭配確定APP整體風(fēng)格，成為用戶體驗(yàn)中最重要的部分之一。

2.2 顯示界面邏輯架構(gòu)

用戶使用APP時(shí)看到界面是由一個(gè)大面積的底色和若干幾何色塊組合而成，借助色彩來區(qū)分導(dǎo)航欄、任務(wù)欄、系統(tǒng)欄等功能區(qū);還可以通過色彩間的強(qiáng)烈對(duì)比突出關(guān)鍵內(nèi)容，使用戶輕而易舉地分辨界面的邏輯架構(gòu)，提升操作便利來減少用戶使用APP的適應(yīng)時(shí)間。

2.3 增強(qiáng)功能引導(dǎo)

在界面設(shè)計(jì)中，色彩有增強(qiáng)功能引導(dǎo)的作用。如界面設(shè)計(jì)中底部導(dǎo)航欄覆蓋統(tǒng)攬了APP的一級(jí)界面，可以形成最基本的信息框架;導(dǎo)航欄展現(xiàn)形式有文字加圖標(biāo)或純圖標(biāo)形式。APP使用中停留在某一個(gè)界面時(shí)，這個(gè)底部導(dǎo)航欄其中一個(gè)圖標(biāo)會(huì)呈現(xiàn)彩色，其余圖標(biāo)則會(huì)相較于這個(gè)彩色圖標(biāo)明度有所降低或直接為灰色，讓用戶更容易知曉此時(shí)停留在APP的哪個(gè)界面中。提升或降低色彩明度的方法也可以用來告知用戶此時(shí)是可點(diǎn)擊或不可點(diǎn)擊的，來降低錯(cuò)誤操作率。

2.4 強(qiáng)化對(duì)信息的記憶

在人們長(zhǎng)久以往的生活積累中，不同的色彩往往被賦予了不同的寓意，如紅色代表熱情、浪漫，也有警示的意思，綠色代表安全、健康，是生命的符號(hào)。按照人們對(duì)色彩的認(rèn)知與記憶，APP界面可分別用不同的色彩或調(diào)整相同色彩的明度來表示相應(yīng)功能模塊，用戶可以根據(jù)色彩的差異來記憶每一個(gè)模塊的作用，使用戶更快地記憶APP的使用方法及功能。

3 APP界面設(shè)計(jì)中色彩搭配的提升策略

色彩的搭配是設(shè)計(jì)師技術(shù)與藝術(shù)交融的直接展現(xiàn)，設(shè)計(jì)師在進(jìn)行APP界面設(shè)計(jì)時(shí)，應(yīng)當(dāng)遵循藝術(shù)美學(xué)的同時(shí)，還應(yīng)該結(jié)合以下闡述的提升策略，才能設(shè)計(jì)出富有內(nèi)涵、使用戶賞心悅目的APP界面。

3.1 迎合受眾群體

色彩的搭配也是一種人性化設(shè)計(jì)理念的客觀需求，每個(gè)年齡階段的移動(dòng)終端用戶喜愛的APP界面風(fēng)格是不盡相同的。設(shè)計(jì)師首先應(yīng)該考慮APP的目標(biāo)用戶，進(jìn)行用戶畫像，分析用戶的喜好，體會(huì)配色給用戶帶來的觀感體驗(yàn)。如在時(shí)尚生活類APP中，受眾群體年輕化，設(shè)計(jì)師在進(jìn)行APP界面設(shè)計(jì)時(shí)應(yīng)該把握色彩的流行趨勢(shì)，根據(jù)各類大數(shù)據(jù)的分析報(bào)告，了解用戶搜索色彩的興趣與變化，展望流行色的發(fā)展方向，提升APP界面的整體格調(diào)。

3.2 符合APP產(chǎn)品定位

色彩具有非常強(qiáng)的聯(lián)想性，影響人的情緒。因此，APP產(chǎn)品在向用戶表明自身特點(diǎn)時(shí)，色彩的選擇至關(guān)重要，有利于用戶快速地了解APP的產(chǎn)品定位，獲得用戶的認(rèn)可。如購(gòu)物類APP采用了大量的紅色，刺激用戶的視覺，給用戶搶購(gòu)的心理暗示，激發(fā)用戶的消費(fèi)激情，達(dá)到促銷的目的。

3.3 合理布局色彩

各類移動(dòng)終端設(shè)備中，往往屏幕尺寸有限，亂七八糟、沒有條理的色彩分布必然對(duì)用戶的認(rèn)知造成困難，用戶從而會(huì)對(duì)APP產(chǎn)生排斥心理?，F(xiàn)在的APP大多采用簡(jiǎn)潔、準(zhǔn)確的設(shè)計(jì)理念，綜合協(xié)調(diào)好色彩的布局才能凸顯這一設(shè)計(jì)理念。如果在界面中有一個(gè)色塊占的面積過大，應(yīng)當(dāng)縮小其面積達(dá)到用戶的視覺平衡，設(shè)計(jì)師在實(shí)際設(shè)計(jì)過程中，適當(dāng)?shù)赜么笊珘K烘托主題和氣氛，小色塊用于點(diǎn)綴，如果一組對(duì)比色所占面積相當(dāng)，也容易產(chǎn)生混亂視覺效果。APP界面設(shè)計(jì)中色彩的面積比例應(yīng)有變化，進(jìn)行合理的色彩分層布局，使用戶建立視覺層級(jí)關(guān)系，使用戶在操作APP的過程中就能用最簡(jiǎn)單最直接的方式完成。

3.4 色彩對(duì)比協(xié)調(diào)

APP界面設(shè)計(jì)應(yīng)遵循“總體協(xié)調(diào)，局部對(duì)比”的基本原則。在色彩三要素中影響用戶心理的最大要素是色相，其次是明度和純度，在設(shè)計(jì)師進(jìn)行界面設(shè)計(jì)色彩搭配中一般包含一個(gè)主色和若干個(gè)輔色，用一種顏色搭配時(shí)選定色相，調(diào)整純度，產(chǎn)生的顏色會(huì)富有層次感。在進(jìn)行兩種色彩搭配時(shí)，色環(huán)相鄰的搭配會(huì)讓你的設(shè)計(jì)更加高效穩(wěn)定。在同一APP界面設(shè)計(jì)中盡量不要超過是3種以上的色彩，過多的色彩會(huì)分散用戶的注意力，拉低用戶體驗(yàn)。

3.5 駕馭色彩的動(dòng)態(tài)節(jié)奏

在用戶使用APP的時(shí)間過程中，對(duì)色彩、色覺的認(rèn)知是一個(gè)連續(xù)的且單向性的影響過程，操作APP滑動(dòng)界面切換的過程停留的時(shí)間非常短，但界面之間的顏色會(huì)相互影響?？陀^世界萬物均有自身的發(fā)展秩序，秩序美也是色彩構(gòu)成中重要的一環(huán)。漸變形式又是秩序中最典型的形式，同一色彩元素要有規(guī)律地反復(fù)，兩種或兩種以上的色彩元素要有秩序地交替呈現(xiàn)，在界面切換中要符合用戶對(duì)色彩的判別和認(rèn)知流動(dòng)色彩的心理及生理規(guī)律。加入時(shí)間維度的思考，按照色彩的色相、明度、純度進(jìn)行動(dòng)態(tài)的遞增或遞減，進(jìn)行有序的排列和交叉，形成更加科學(xué)的色彩配色方案，為用戶帶來更豐富的視覺感受。

4 結(jié)語

在競(jìng)爭(zhēng)日益激烈的APP市場(chǎng)中，色彩的搭配應(yīng)用是提升APP界面整體視覺效果、閱讀體驗(yàn)質(zhì)量的重要保證。因此，設(shè)計(jì)師也要熟練且靈活運(yùn)用色彩搭配技巧不斷地更新創(chuàng)新設(shè)計(jì)理念，以高質(zhì)量的色彩搭配傳遞界面情愫，創(chuàng)作出感染力強(qiáng)、設(shè)計(jì)語言充分的界面，使APP產(chǎn)品成為銜接設(shè)計(jì)者與用戶的情感橋梁。

參考文獻(xiàn)：

[1] 柳沙.設(shè)計(jì)心理學(xué)[M].上海人民美術(shù)出版社，2013.

[2] 王桂霞，趙洪文.基于Ui界面設(shè)計(jì)中色彩應(yīng)用研究[J].新媒體研究，2018，4（22）：52-53.

[3] 韓晶晶，李潔.手機(jī)UI設(shè)計(jì)中色彩的重要性及應(yīng)用研究[J].電腦知識(shí)與技術(shù)，2017，13（27）：281-282.

作者簡(jiǎn)介：薛天（1995—），男，山東菏澤人，遼寧師范大學(xué)美術(shù)學(xué)院2018級(jí)藝術(shù)設(shè)計(jì)專業(yè)碩士研究生在讀，研究方向：數(shù)字媒體藝術(shù)。