APP界面設計中色彩的搭配應用

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

關鍵詞：APP;界面設計;色彩設計

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

1 APP界面色彩設計常識

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

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

2 APP界面設計中色彩搭配的作用

人們對色彩的感知是相當敏銳的，研究表明，在人們在被接收的視覺元素中，色彩是吸引注意力的絕佳工具，在APP界面設計中適當地使用色彩的色相、明度、純度這3個屬性尤為重要。具體作用為以下幾個方面：

2.1 營造APP整體風格

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

2.2 顯示界面邏輯架構

用戶使用APP時看到界面是由一個大面積的底色和若干幾何色塊組合而成，借助色彩來區分導航欄、任務欄、系統欄等功能區;還可以通過色彩間的強烈對比突出關鍵內容，使用戶輕而易舉地分辨界面的邏輯架構，提升操作便利來減少用戶使用APP的適應時間。

2.3 增強功能引導

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

2.4 強化對信息的記憶

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

3 APP界面設計中色彩搭配的提升策略

色彩的搭配是設計師技術與藝術交融的直接展現，設計師在進行APP界面設計時，應當遵循藝術美學的同時，還應該結合以下闡述的提升策略，才能設計出富有內涵、使用戶賞心悅目的APP界面。

3.1 迎合受眾群體

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

3.2 符合APP產品定位

色彩具有非常強的聯想性，影響人的情緒。因此，APP產品在向用戶表明自身特點時，色彩的選擇至關重要，有利于用戶快速地了解APP的產品定位，獲得用戶的認可。如購物類APP采用了大量的紅色，刺激用戶的視覺，給用戶搶購的心理暗示，激發用戶的消費激情，達到促銷的目的。

3.3 合理布局色彩

各類移動終端設備中，往往屏幕尺寸有限，亂七八糟、沒有條理的色彩分布必然對用戶的認知造成困難，用戶從而會對APP產生排斥心理。現在的APP大多采用簡潔、準確的設計理念，綜合協調好色彩的布局才能凸顯這一設計理念。如果在界面中有一個色塊占的面積過大，應當縮小其面積達到用戶的視覺平衡，設計師在實際設計過程中，適當地用大色塊烘托主題和氣氛，小色塊用于點綴，如果一組對比色所占面積相當，也容易產生混亂視覺效果。APP界面設計中色彩的面積比例應有變化，進行合理的色彩分層布局，使用戶建立視覺層級關系，使用戶在操作APP的過程中就能用最簡單最直接的方式完成。

3.4 色彩對比協調

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

3.5 駕馭色彩的動態節奏

在用戶使用APP的時間過程中，對色彩、色覺的認知是一個連續的且單向性的影響過程，操作APP滑動界面切換的過程停留的時間非常短，但界面之間的顏色會相互影響。客觀世界萬物均有自身的發展秩序，秩序美也是色彩構成中重要的一環。漸變形式又是秩序中最典型的形式，同一色彩元素要有規律地反復，兩種或兩種以上的色彩元素要有秩序地交替呈現，在界面切換中要符合用戶對色彩的判別和認知流動色彩的心理及生理規律。加入時間維度的思考，按照色彩的色相、明度、純度進行動態的遞增或遞減，進行有序的排列和交叉，形成更加科學的色彩配色方案，為用戶帶來更豐富的視覺感受。

4 結語

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

參考文獻：

[1] 柳沙.設計心理學[M].上海人民美術出版社，2013.

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

[3] 韓晶晶，李潔.手機UI設計中色彩的重要性及應用研究[J].電腦知識與技術，2017，13（27）：281-282.

作者簡介：薛天（1995—），男，山東菏澤人，遼寧師范大學美術學院2018級藝術設計專業碩士研究生在讀，研究方向：數字媒體藝術。