色彩在APP界面設計中的應用研究

劉麗 邊卓

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

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

1 相關概念解析

1.1 色彩概述

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

1.2 APP 界面設計概述

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

2 色彩在APP 界面設計中的應用意義

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

2.1 塑造界面與品牌風格

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

2.2 引導用戶視覺與功能劃分

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

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

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

3 色彩在APP 界面設計中的應用思路

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

3.1 明確APP 屬性與目標用戶

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

3.2 充分考慮APP 使用場景及區域

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

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

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

4 結語

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