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

李子丹，高力群

（河北科技大學(xué)，河北 石家莊 050024）

1 色彩的基本功能

色彩無(wú)處不在，是構(gòu)成我們?nèi)粘Ｉ畹闹匾蛩?，從遠(yuǎn)古社會(huì)到現(xiàn)代社會(huì)，人類的生產(chǎn)生活都離不開(kāi)色彩的運(yùn)用。經(jīng)過(guò)漫長(zhǎng)的認(rèn)識(shí)過(guò)程，人類實(shí)現(xiàn)了對(duì)色彩的從具體到普遍、從形象到抽象的認(rèn)知過(guò)程，逐漸完善了關(guān)于色彩的科學(xué)理論知識(shí)，并運(yùn)用到了生產(chǎn)實(shí)踐和藝術(shù)實(shí)踐的各個(gè)方面。為有效利用色彩的科學(xué)特性，在設(shè)計(jì)實(shí)踐中更好地運(yùn)用色彩，在此對(duì)色彩的基本功能進(jìn)行一個(gè)簡(jiǎn)單的分析。

1.1 象征功能

色彩的象征功能是由人長(zhǎng)期發(fā)展來(lái)的主觀心理產(chǎn)生的，并受到民族、文化、性別、性格等因素的影響，并表現(xiàn)出一定的共性。如紅色往往讓人感到興奮、熱烈、喜慶，藍(lán)色給人沉穩(wěn)、冷靜的感覺(jué)，綠色象征著清新、希望、和平，白色則代表了純潔、神圣，黑色意味著莊重、堅(jiān)毅等等。不同的色彩運(yùn)用在界面設(shè)計(jì)中時(shí)也體現(xiàn)了其對(duì)應(yīng)的不同的象征意味，所以在設(shè)計(jì)具有某一種特點(diǎn)的手機(jī)App 時(shí)，要與其對(duì)應(yīng)的象征功能相符，不能產(chǎn)生沖突、不和諧的感覺(jué)，如健康監(jiān)護(hù)類App 就要盡量避免使用活潑跳脫的色彩，選用平和沉穩(wěn)的顏色更為合適。

1.2 聯(lián)想功能

聯(lián)想是人將記憶中的事物之間建立起內(nèi)在聯(lián)系的過(guò)程。色彩聯(lián)想是指視覺(jué)器官在接受外部色光刺激的同時(shí)，會(huì)自動(dòng)喚起大腦有關(guān)色彩的記憶痕跡，使人們將眼前的色彩與以往的視覺(jué)經(jīng)驗(yàn)相聯(lián)系，經(jīng)過(guò)分析、比較、想象、歸納、判斷等活動(dòng)，形成新的身心體驗(yàn)[1]。比如人們?cè)诳吹郊t色時(shí)往往會(huì)想起火焰，看到綠色則會(huì)想到植物，看到白色會(huì)聯(lián)想到雪，看到藍(lán)色會(huì)聯(lián)想到大海等等。色彩聯(lián)想來(lái)自于以往的直接或間接的生活經(jīng)驗(yàn)，所以豐富的閱歷有助于建立更具廣度和深度的色彩聯(lián)想。

色彩聯(lián)想可分為具象聯(lián)想和抽象聯(lián)想，具象聯(lián)想是指人們會(huì)將某一種色彩和具有該色彩的常見(jiàn)的物體進(jìn)行聯(lián)系，如看到藍(lán)色會(huì)想到大海，反之亦然；抽象聯(lián)想則更深一層，是指人們將某一種色彩和該色彩抽象出來(lái)的感覺(jué)、意味進(jìn)行聯(lián)系，如看到藍(lán)色想到憂郁，反之亦然。當(dāng)然，色彩聯(lián)想也會(huì)因?yàn)閭€(gè)體經(jīng)歷、性格等的不同而有所差異，但普遍來(lái)說(shuō)仍具有一定的共性，正確利用色彩聯(lián)想可以有效地傳遞信息，起到正確的導(dǎo)向和隱喻作用。

1.3 情感功能

色彩作為一種物理現(xiàn)象，其本身并不代表某一種情感，色彩的情感功能是建立在色彩的聯(lián)想功能之上的，人們?cè)诔醮谓⑸事?lián)想的時(shí)候會(huì)在心理層面留下某種情感和情緒，當(dāng)人們?cè)僖淮谓邮盏皆撋蚀碳r(shí)，就會(huì)引發(fā)對(duì)應(yīng)的情感和情緒感受，一旦某種色彩和某種情感建立穩(wěn)定的聯(lián)系，其情感功能就得到了加強(qiáng)。

色彩的情感也會(huì)受到色彩明度變化的影響，不同明度下的色彩給人的情緒感受也是不同的，大多數(shù)高純度色彩會(huì)表達(dá)積極的情感意義，態(tài)度積極度與色彩純度往往成正比；大多數(shù)低純度色彩通常與消極的情感意義相聯(lián)系；純度中等的色彩表現(xiàn)出的情感態(tài)度也往往是較為中庸的[2]。所以，雖然某一種色彩代表著一種情緒，但設(shè)計(jì)師也可以通過(guò)調(diào)整其純度和明度來(lái)達(dá)到不同的效果，實(shí)現(xiàn)更為豐富的表現(xiàn)形式。

2 智能手機(jī)App 界面的色彩搭配

為了更好地體現(xiàn)智能手機(jī)App 的功能價(jià)值，滿足用戶的審美需求，設(shè)計(jì)師不僅需要對(duì)頁(yè)面布局進(jìn)行考量，更需要對(duì)App 界面內(nèi)的色彩進(jìn)行科學(xué)的搭配。實(shí)踐證明，色彩在人機(jī)交互界面中具有關(guān)鍵的作用，大到整體背景，小到圖標(biāo)按鈕，都離不開(kāi)色彩設(shè)計(jì)。

智能手機(jī)App 界面的色彩按應(yīng)用范圍大小來(lái)分大致可分為主色、輔助色和點(diǎn)睛色三種。主色即界面整體的色調(diào)，主色調(diào)的選取奠定了App 整體的色彩風(fēng)格，表達(dá)了開(kāi)發(fā)者的價(jià)值理念，也決定了用戶對(duì)App 的第一印象，所以主色對(duì)于App 來(lái)說(shuō)起到了重要的作用。主色調(diào)的選用需要設(shè)計(jì)師對(duì)App 功能和情感基調(diào)進(jìn)行大致的判斷，然后確定符合其象征功能、聯(lián)想功能及情感功能的主色調(diào)，保證用戶在使用過(guò)程中的舒適體驗(yàn)。但在實(shí)際的設(shè)計(jì)中應(yīng)注意，避免使用太過(guò)鮮艷的主色調(diào)，這樣會(huì)使得界面信息容易湮沒(méi)在濃烈的色彩之中，給用戶帶來(lái)不適和不便。單一的色彩并不能對(duì)界面進(jìn)行劃分和區(qū)別，所以界面設(shè)計(jì)中光有主色是不可以的，還需要輔助色對(duì)其進(jìn)行修飾和烘托，從而使界面更加豐富、有層次，這樣才可以使用戶在分辨界面內(nèi)容時(shí)更加輕松自如，并獲得一個(gè)良好的審美體驗(yàn)。輔助色往往選用和主色相鄰的顏色，如主色為紅色時(shí)可選用橙色或黃色，亦或者是選用主色的補(bǔ)色，可以打造高對(duì)比度的顏色組合，使視覺(jué)沖擊力更強(qiáng)。同時(shí)，設(shè)計(jì)師還可以使用同色系來(lái)作為輔助色，同色系的使用不僅可以保持界面色彩的統(tǒng)一性，使視覺(jué)感受更加和諧，還可以打造不同的層次感，讓整體畫(huà)面更加美觀豐富。點(diǎn)睛色指的是運(yùn)用在重要信息如標(biāo)題、按鈕處的顏色，往往具有較強(qiáng)的視覺(jué)沖擊力，所以主要起到提示用戶的作用。點(diǎn)睛色作為占據(jù)界面不多的色彩，可以采用和主色調(diào)及輔助色不同色系的顏色，如用于選擇按鈕的白色和灰色，但要注意和整體的搭配，并且要考慮到對(duì)文本的襯托作用，不能為了美觀而影響了重要信息的讀取。

除了傳統(tǒng)的色彩，設(shè)計(jì)師在設(shè)計(jì)界面時(shí)也要考慮流行色彩的影響。流行色是在一定的時(shí)期和地區(qū)內(nèi)，被大多數(shù)人所喜愛(ài)或采納的幾種或幾組時(shí)髦的色彩，即合乎時(shí)尚的顏色。在現(xiàn)代快節(jié)奏的消費(fèi)趨勢(shì)下，人們對(duì)色彩的要求也在不斷變化，尤其是追求時(shí)尚的年輕群體，會(huì)對(duì)色彩有著更為獨(dú)特的需求。聯(lián)想手機(jī)在2006 年9 月發(fā)布的“粉”時(shí)尚手機(jī)i807 就是國(guó)內(nèi)首個(gè)利用時(shí)尚色彩獲得成功的案例。合理利用流行色彩可以幫助手機(jī)App 吸引更多目光，從而有利于App 的推廣和持續(xù)發(fā)展。所以，設(shè)計(jì)師在設(shè)計(jì)界面色彩，特別是針對(duì)年輕人的手機(jī)App 界面時(shí)，需要將這種心理需求考慮在內(nèi)，這也要求設(shè)計(jì)師對(duì)流行色彩的趨勢(shì)有著敏銳的嗅覺(jué)和獨(dú)到的理解，才可以打造極具沖擊力的視覺(jué)效果。

3 智能手機(jī)App 界面色彩的應(yīng)用價(jià)值

通過(guò)科學(xué)合理的色彩搭配可以使App 的功能得到更好的體現(xiàn)，這也是界面色彩設(shè)計(jì)的價(jià)值所在。App 界面色彩的應(yīng)用價(jià)值主要體現(xiàn)在以下三個(gè)方面。

3.1 輔助認(rèn)知

良好的色彩搭配可以幫助用戶進(jìn)行信息導(dǎo)引以及簡(jiǎn)化部分操作，如可以通過(guò)同一色彩下不同的明暗度來(lái)表示標(biāo)簽頁(yè)的打開(kāi)狀態(tài)或隱藏狀態(tài)，從而幫助用戶減少認(rèn)知失誤的概率。同時(shí)，運(yùn)用人們默認(rèn)的某些顏色模式來(lái)起到信息提醒的作用，如灰色的按鈕代表不可點(diǎn)擊，綠色的按鈕代表可繼續(xù)操作，紅色的彈框代表出現(xiàn)錯(cuò)誤等，用戶甚至不用仔細(xì)閱讀文字提示便可以根據(jù)既有經(jīng)驗(yàn)做出正確的操作，可以有效降低認(rèn)知負(fù)擔(dān)。

3.2 調(diào)動(dòng)情感

前文已對(duì)色彩的情感功能做出了相對(duì)具體的闡述，而這也是其價(jià)值的所在。品牌或開(kāi)發(fā)者可以選用某種特定色彩來(lái)作為企業(yè)的代表色，與廣大用戶建立情感聯(lián)系，當(dāng)用戶熟悉了該色后便可在第一時(shí)間調(diào)動(dòng)對(duì)品牌的認(rèn)同感，從而吸引用戶進(jìn)入App，比如快餐巨頭肯德基的App，其鮮艷熱烈的紅色成為了它鮮明的品牌標(biāo)志，用戶即使視線快速掃過(guò)，也很容易聯(lián)想到它美味的食品，從而誘使用戶點(diǎn)開(kāi)App 查看有無(wú)新品上市，隱形中增加了產(chǎn)品銷量。

3.3 提升美感

色彩向來(lái)便是藝術(shù)的表現(xiàn)手法之一，設(shè)計(jì)師通過(guò)高超巧妙的色彩搭配可以很大程度上增強(qiáng)App 的藝術(shù)性和美觀性，從而提升App整體的審美價(jià)值。如爆款國(guó)產(chǎn)中國(guó)風(fēng)游戲《江南百景圖》便因其古典高雅的國(guó)畫(huà)配色和考究的畫(huà)作細(xì)節(jié)而受到眾多游戲玩家的贊譽(yù)，極具中國(guó)古典美的色彩運(yùn)用是其成功的重要因素。

4 智能手機(jī)App 界面色彩的應(yīng)用原則

通過(guò)以上對(duì)色彩功能、類別以及價(jià)值的分析，對(duì)智能手機(jī)App界面上的色彩應(yīng)用原則進(jìn)行了以下總結(jié)。

4.1 符合主題原則

每一款A(yù)pp 在開(kāi)發(fā)之時(shí)就確定了其整體的設(shè)計(jì)風(fēng)格和情感基調(diào)，設(shè)計(jì)師在設(shè)計(jì)色彩時(shí)需要針對(duì)用戶的需求和期望，貼合App 的內(nèi)容，盡可能地體現(xiàn)其功能，以帶給用戶更好的使用體驗(yàn)。在選取主色調(diào)時(shí)，不同行業(yè)的要求也有所不同，如銀行類的App 需要選用沉穩(wěn)大氣的色彩，來(lái)給用戶一種安心的感覺(jué)，而社交類的App 則需要選用輕快活潑的流行色調(diào)來(lái)給人一種新鮮有趣的感受，這樣有利于用戶在第一眼看到時(shí)就能大致確定產(chǎn)品屬性，容易建立認(rèn)同感和信任感。

圖1 肯德基App 圖標(biāo)

圖2 《江南百景圖》游戲畫(huà)面

4.2 協(xié)調(diào)統(tǒng)一原則

色彩的協(xié)調(diào)統(tǒng)一意味著較好的整體性，只有采用協(xié)調(diào)的配色方案才能在視覺(jué)上給人以美的享受，而不是讓人感到雜亂無(wú)章和視覺(jué)疲勞。設(shè)計(jì)師在設(shè)計(jì)時(shí)要主次分明，使色彩和諧統(tǒng)一，既能很好地區(qū)分不同的內(nèi)容板塊，又要保證大小間距的適度，還應(yīng)突出強(qiáng)調(diào)重要信息，同時(shí)，還要兼顧目標(biāo)群體的審美需求，只有滿足這些要求，才能使用戶在使用過(guò)程中得到一個(gè)舒適良好的體驗(yàn)，有利于建立較高的忠誠(chéng)度。

4.3 情感互動(dòng)原則

色彩設(shè)計(jì)不光是視覺(jué)層面的，也是精神層面的，這是由色彩的象征、聯(lián)想、情感功能所共同決定的。用戶在使用某一款手機(jī)App 時(shí)往往寄托了自己本身的一種情感，和對(duì)App 的一種期待，所以如何選用適當(dāng)?shù)纳蕘?lái)回應(yīng)這種情感和期待就成為設(shè)計(jì)師需要考慮的重要內(nèi)容。比如，目標(biāo)用戶為兒童的App 就需要選擇明度和純度較高的色彩，來(lái)滿足其感受世界和探索世界的需求，而針對(duì)成人的App 則應(yīng)該選擇較為平和穩(wěn)重的色彩以符合其成熟穩(wěn)重的氣質(zhì)。一個(gè)優(yōu)秀的界面會(huì)在用戶和產(chǎn)品之間建立良好的互動(dòng)，會(huì)回應(yīng)用戶的情感訴求，只有這樣才能增加用戶的使用頻率，提升用戶的好感度，達(dá)到較為理想的用戶粘性。

結(jié)語(yǔ)

信息時(shí)代的背景下，智能手機(jī)App 的界面有著多元化的特點(diǎn)，色彩設(shè)計(jì)在其中發(fā)揮著重要的作用，是主觀和客觀共同作用下的產(chǎn)物。色彩在界面中的設(shè)計(jì)方式并沒(méi)有標(biāo)準(zhǔn)的規(guī)則和范式，只有當(dāng)設(shè)計(jì)者站在用戶的情感和審美角度，應(yīng)用科學(xué)的規(guī)律，對(duì)界面色彩進(jìn)行人性化、合理化的設(shè)計(jì)時(shí)，才可以真正發(fā)揮色彩獨(dú)特而迷人的魅力，才能更好地幫助用戶。