色彩在App 界面設計中的應用

李子丹，高力群

（河北科技大學，河北 石家莊 050024）

1 色彩的基本功能

色彩無處不在，是構成我們日常生活的重要因素，從遠古社會到現代社會，人類的生產生活都離不開色彩的運用。經過漫長的認識過程，人類實現了對色彩的從具體到普遍、從形象到抽象的認知過程，逐漸完善了關于色彩的科學理論知識，并運用到了生產實踐和藝術實踐的各個方面。為有效利用色彩的科學特性，在設計實踐中更好地運用色彩，在此對色彩的基本功能進行一個簡單的分析。

1.1 象征功能

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

1.2 聯想功能

聯想是人將記憶中的事物之間建立起內在聯系的過程。色彩聯想是指視覺器官在接受外部色光刺激的同時，會自動喚起大腦有關色彩的記憶痕跡，使人們將眼前的色彩與以往的視覺經驗相聯系，經過分析、比較、想象、歸納、判斷等活動，形成新的身心體驗[1]。比如人們在看到紅色時往往會想起火焰，看到綠色則會想到植物，看到白色會聯想到雪，看到藍色會聯想到大海等等。色彩聯想來自于以往的直接或間接的生活經驗，所以豐富的閱歷有助于建立更具廣度和深度的色彩聯想。

色彩聯想可分為具象聯想和抽象聯想，具象聯想是指人們會將某一種色彩和具有該色彩的常見的物體進行聯系，如看到藍色會想到大海，反之亦然；抽象聯想則更深一層，是指人們將某一種色彩和該色彩抽象出來的感覺、意味進行聯系，如看到藍色想到憂郁，反之亦然。當然，色彩聯想也會因為個體經歷、性格等的不同而有所差異，但普遍來說仍具有一定的共性，正確利用色彩聯想可以有效地傳遞信息，起到正確的導向和隱喻作用。

1.3 情感功能

色彩作為一種物理現象，其本身并不代表某一種情感，色彩的情感功能是建立在色彩的聯想功能之上的，人們在初次建立色彩聯想的時候會在心理層面留下某種情感和情緒，當人們再一次接收到該色彩刺激時，就會引發對應的情感和情緒感受，一旦某種色彩和某種情感建立穩定的聯系，其情感功能就得到了加強。

色彩的情感也會受到色彩明度變化的影響，不同明度下的色彩給人的情緒感受也是不同的，大多數高純度色彩會表達積極的情感意義，態度積極度與色彩純度往往成正比；大多數低純度色彩通常與消極的情感意義相聯系；純度中等的色彩表現出的情感態度也往往是較為中庸的[2]。所以，雖然某一種色彩代表著一種情緒，但設計師也可以通過調整其純度和明度來達到不同的效果，實現更為豐富的表現形式。

2 智能手機App 界面的色彩搭配

為了更好地體現智能手機App 的功能價值，滿足用戶的審美需求，設計師不僅需要對頁面布局進行考量，更需要對App 界面內的色彩進行科學的搭配。實踐證明，色彩在人機交互界面中具有關鍵的作用，大到整體背景，小到圖標按鈕，都離不開色彩設計。

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

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

3 智能手機App 界面色彩的應用價值

通過科學合理的色彩搭配可以使App 的功能得到更好的體現，這也是界面色彩設計的價值所在。App 界面色彩的應用價值主要體現在以下三個方面。

3.1 輔助認知

良好的色彩搭配可以幫助用戶進行信息導引以及簡化部分操作，如可以通過同一色彩下不同的明暗度來表示標簽頁的打開狀態或隱藏狀態，從而幫助用戶減少認知失誤的概率。同時，運用人們默認的某些顏色模式來起到信息提醒的作用，如灰色的按鈕代表不可點擊，綠色的按鈕代表可繼續操作，紅色的彈框代表出現錯誤等，用戶甚至不用仔細閱讀文字提示便可以根據既有經驗做出正確的操作，可以有效降低認知負擔。

3.2 調動情感

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

3.3 提升美感

色彩向來便是藝術的表現手法之一，設計師通過高超巧妙的色彩搭配可以很大程度上增強App 的藝術性和美觀性，從而提升App整體的審美價值。如爆款國產中國風游戲《江南百景圖》便因其古典高雅的國畫配色和考究的畫作細節而受到眾多游戲玩家的贊譽，極具中國古典美的色彩運用是其成功的重要因素。

4 智能手機App 界面色彩的應用原則

通過以上對色彩功能、類別以及價值的分析，對智能手機App界面上的色彩應用原則進行了以下總結。

4.1 符合主題原則

每一款App 在開發之時就確定了其整體的設計風格和情感基調，設計師在設計色彩時需要針對用戶的需求和期望，貼合App 的內容，盡可能地體現其功能，以帶給用戶更好的使用體驗。在選取主色調時，不同行業的要求也有所不同，如銀行類的App 需要選用沉穩大氣的色彩，來給用戶一種安心的感覺，而社交類的App 則需要選用輕快活潑的流行色調來給人一種新鮮有趣的感受，這樣有利于用戶在第一眼看到時就能大致確定產品屬性，容易建立認同感和信任感。

圖1 肯德基App 圖標

圖2 《江南百景圖》游戲畫面

4.2 協調統一原則

色彩的協調統一意味著較好的整體性，只有采用協調的配色方案才能在視覺上給人以美的享受，而不是讓人感到雜亂無章和視覺疲勞。設計師在設計時要主次分明，使色彩和諧統一，既能很好地區分不同的內容板塊，又要保證大小間距的適度，還應突出強調重要信息，同時，還要兼顧目標群體的審美需求，只有滿足這些要求，才能使用戶在使用過程中得到一個舒適良好的體驗，有利于建立較高的忠誠度。

4.3 情感互動原則

色彩設計不光是視覺層面的，也是精神層面的，這是由色彩的象征、聯想、情感功能所共同決定的。用戶在使用某一款手機App 時往往寄托了自己本身的一種情感，和對App 的一種期待，所以如何選用適當的色彩來回應這種情感和期待就成為設計師需要考慮的重要內容。比如，目標用戶為兒童的App 就需要選擇明度和純度較高的色彩，來滿足其感受世界和探索世界的需求，而針對成人的App 則應該選擇較為平和穩重的色彩以符合其成熟穩重的氣質。一個優秀的界面會在用戶和產品之間建立良好的互動，會回應用戶的情感訴求，只有這樣才能增加用戶的使用頻率，提升用戶的好感度，達到較為理想的用戶粘性。

結語

信息時代的背景下，智能手機App 的界面有著多元化的特點，色彩設計在其中發揮著重要的作用，是主觀和客觀共同作用下的產物。色彩在界面中的設計方式并沒有標準的規則和范式，只有當設計者站在用戶的情感和審美角度，應用科學的規律，對界面色彩進行人性化、合理化的設計時，才可以真正發揮色彩獨特而迷人的魅力，才能更好地幫助用戶。