中國傳統色彩在手機UI設計中的應用研究

張向陽 谷 巖

（東北林業大學,黑龍江哈爾濱 150000）

一、引言

進入社會主義新時代以來，我們國家越來越提倡傳統文化的繼承與傳播，我國傳統文化跨度幾千年，在這漫長的時間跨度里，誕生了很多優秀的色彩藝術作品，比如華麗的故宮皇家色彩、藍色的青花瓷以及八大色系的瓷器等。這些極具我國民族印象的色彩及搭配有很大的利用價值，把這些優秀的傳統色彩提取出來運用到UI設計中，可以為我國傳統文化的傳播提供新的思路。中國傳統色彩多取自于自然界的天然染料，把自然界的色彩引入到人們的日常生活中，這充分契合了我國傳統的“天人合一”的思想觀念。[1]

本文以中國傳統色彩為基礎，分析中國傳統色彩意象，論證中國傳統色彩在現代手機UI設計中的可行性和設計原則，以此來探尋中國傳統色彩在手機UI色彩設計中的呈現方式，使中國傳統色彩帶給用戶情景上的認同感。

二、中國傳統色彩意象分析

中國傳統色彩具有很強的意象表達，與西方過于理性的色彩體系不同，中國傳統色彩講究“隨類賦彩”的色彩觀念，同時具有較強烈的政治、人倫、文化目的。[2]如中國古代官員的服裝色彩，在明朝，官員的服裝顏色根據品階的不同也各有不同，分為紫紅綠青，級別從高到低，特殊的色彩凸顯官員地位之尊貴。至于地位最高的皇帝，則獨享黃色，到了清朝，皇室宗親也不可以穿明黃，不僅是明黃，柳黃、姜黃、米黃都被禁止。

明清兩代，從皇室至民間，都喜歡較濃烈的顏色，鮮艷的顏色在當時的文化中有一種吉祥的寓意。故宮建筑配色主要由紅黃兩色，紅色是中國傳統文化中最重要的色彩之一，在五色觀中，紅色象征火,有吉祥喜慶的含義，這已經成了中國人的固有認知。“天玄地黃”黃色在五色觀中代表著土地，居于中央，所以故宮建筑以紅黃配色為主。除紅黃兩色外，故宮建筑裝飾還有藍綠二色，這四種顏色有較高純度的同時也保持了純凈感。為了達到艷而不俗，四種顏色采用相似的純度明度，這樣減少了色彩的混亂，保證視覺的協調。這四種顏色相互搭配還形成了極具視覺沖擊力的撞色設計，這種撞色手法與現代手機UI設計突出視覺沖擊力的要求不謀而合，在保證整體和諧的基礎上，突出畫面的視覺重點，利用傳統色彩，營造一種國風氛圍的UI界面，表現中國傳統文化意象。

三、中國傳統色彩劃分

五行學說出現于春秋戰國時期，五行包括金、木、水、火、土五種物質，且把這五種物質當作是形成萬物的基礎。其中金代表白色、木代表青色、水代表黑色、火代表紅色、土代表黃色。

根據五行學說，中國古代色彩分為正色和間色，正色包括青、赤、黃、白、黑。青，含綠色成分的藍色。赤，現代色中的大紅。黃，現代色橙黃。黑白則與現代意義的黑白相同。

間色具體指正色混合之后的顏色，包括紺（紅青色）、紅（淺紅色）、縹（淡青色）、紫、流黃（褐黃色）五種。古代崇尚純度高的色彩，固純度低的間色被使用的范圍也就更廣。

在傳統五色理論中，“青、赤、黃、白、黑”各代表不同的情緒，“白”屬金，素雅靜謐，在傳統文化中有一種死亡的隱喻，象征著事物的枯萎。“黑”屬水，也稱玄，是一種偏赤色的黑，有神秘的氣息。“赤”屬火，有吉祥喜慶的含義。“青”屬木，古代藍色和綠色統稱青色。含義和現代綠色意象類似，代表希望。“黃色”屬土。作為炎黃子孫，黃色在傳統文化中的地位是非常高的，有權力富貴之義。五色觀是傳統色彩文化最直接的表達。

命名上，中國傳統色彩相當考究，顏色的劃分更細致。[2]用筆墨難以形容的色彩，各有獨特的名稱，如百草霜、黛、胭脂、青蓮、綰、竹青、霽青等（見圖1）。

圖1 色彩說明（來源：作者自繪）

以黛為例,是一種青黑色的顏料，古代女子用以畫眉之用。黛作為這種顏色的名稱，有很強的意象感，且與中國古詩詞文學相銜接，白居易的“六宮粉黛無顏色”，中的黛就是這種顏色，紅樓夢中也寫道“西方有石名黛,可代畫眉之墨”，這些古詩詞與傳統色彩共同喚醒了刻在國人心中久遠的詩詞畫意。中國傳統色彩跨度范圍和應用種類非常廣，顏色或純或灰數量龐雜，事物如織物、瓷器、建筑等多種多樣，具有很強的實踐性，這一色彩寶庫能夠在色彩要求極高的UI設計中得以被充分利用，這些色彩背后凝聚著中國古人的千年的浪漫，能加強UI設計界面的畫面感，辯色而見意。

四、中國傳統色彩在UI設計中的內涵

1.理論角度

中國傳統色彩是一套獨特的認知系統，是藝術和生活相交融的。因其來源于自然中，當提到某一具體色彩時，名稱上的混沌容易造成誤解，如青蓮。當聽到這個名稱是，腦海中從字面意思上分析是青綠色，但實際青蓮是偏藍的紫色。把中國傳統色彩應用到UI設計中，能提高中國傳統色彩的傳播度，讓更多的人了解中國傳統色彩，還可以在UI界面中設計出中國特有的色彩意象。中國傳統色彩只有利用信息化的傳播方式，才能更好地在這個信息發達的時代前進。

2.實踐角度

如今越來越多的人關注中國傳統色彩，多方面的運用中國傳統色彩才是良性的發展之路。2008年北京奧約會會徽是一個非常成功的例子。整體按黃金比例對其進行分割設計，會徽色彩上由中國紅和墨色構成，采用中國傳統的印章和書法的設計，具有濃濃的中國傳統氣息。[3]向世界輸出東方思想和民族氣韻，符合世界的審美。

在色彩搭配上，解構重組傳統色彩，給人們耳目一新的視覺沖擊。按照產品的需要，組合傳統色彩，讓界面蘊含傳統文化的氣息，又能用新的表現形式傳播傳統文化。具體的某一種色彩，也可根據色彩的屬性進行適當的調整，即保留傳統色彩的特點，又能符合設計的目的，從而促進中國傳統色彩向前發展，從而實現傳統文化的繼承傳播。

五、UI設計概述

UI設計是人與機器傳達信息的感官層，其中包括對交互、界面、操作邏輯三個方面的設計[4]。設計人員需要從用戶需求和產品特性進行設計。當下信息高速發展，UI設計對用戶需求的考慮越來越多，界面不僅滿足可用性易用性需求，還要對用戶產生吸引力和共鳴感。在這種情況下，把具有強烈意象的中國傳統色彩帶入到UI色彩設計中，就顯得十分必要。

1.UI設計中的色彩

技術上，miniled和oled屏幕技術的更新迭代，電子設備的色域值和對比度越來越高，中國傳統色彩的高級灰和純色能夠準確表達，如高級灰中的檀、綰、酡顏（見圖1），純度高的色彩如炎、妃色、燕頷紅（見圖1）。

信息由視覺進入我們的大腦，然后會對信息的色彩、外觀、形狀等進行分析，從而對事物有一個初步的了解。[5]在UI設計中，色彩是抓住用戶視覺注意力的首要元素，由于人腦的特性，用戶總是先記住界面的色彩而不是形式。

所以利用色彩的差別可以構建界面的整體結構、明確界面層級關系、營造和諧的視覺風格。也可根據UI設計中的用色要求靈活調整，如單色搭配、相鄰色搭配、高對比搭配、主色，輔助色，點綴色搭配等。不同色相差別和色彩搭配傳達的情感與獲取的用戶情緒反饋也不盡相同[6]，情感意象是中國傳統色彩的靈魂，每一個色相和名稱經過千百年的變化沉淀了深厚底蘊，更能調動中國人的感情，在UI設計中也更適用。

以紅黃藍三種主要色彩為例，紅色是中華民族最具特色的顏色。在五千年文明史中，紅色被廣泛運用到各種場景，紅色像火一樣，帶來光明希望。UI設計中紅色也更容易調動用戶的情感，但純紅的飽和度過高，不適合大面積使用，如果選用中國傳統色彩中的燕頷紅和妃色等，在保證純度的基礎上，減少用戶視覺上的疲勞，色彩搭配上，也可與中國傳統色彩中的十漾錦和酡顏搭配，通過色彩純度的差異，實現界面功能的區分，并且可以使界面更加和諧美觀。

藍色是手機上大量使用的顏色，藍色給人理智、神秘、信任、可靠的感覺，是世界最受歡迎的色彩之一，如果整個頁面的藍色元素過多，會產生一定的陌生感和孤獨感。藍色在中國傳統色彩中占有重要地位，最初是以“青”來命名，近現代稱作“藍”。根據五行學說，青對應東方和春天，即指藍色也指綠色，有著希望的寓意。青瓷、青花瓷能印證傳統藍色在中華民族審美中的重要地位[7]。中國傳統色彩中比較典型的藍色有景泰藍、霽青、深竹月等。

黃色在中國傳統文化中的象征意義則更強烈，黃色與土地皇權連接，女媧泥土造人、炎黃子孫等故事，都說明了黃色的特殊地位。[8]泥土的色彩與人體的膚色匹配，黃土高原，黃河孕育了華夏民族。[8]黃色代表了典雅、富貴，植根于中國人潛意識中。中國傳統色彩中比較典型的色彩有佛手黃、藤黃等。

每個國家的文化不同，對色彩的解讀感受也不相同，UI設計的發展跟大眾的審美需求的變化是相輔相成的，在中國傳統色彩中，有許多可以提取到當代UI色彩設計中的顏色，這些中國傳統色彩與現代西方色彩相比，更適合本國用戶的審美，運用到UI設計中能彰顯中國傳統色彩的魅力，而且也為中國傳統色彩的傳播提供新的途徑。

2.UI設計中的色彩設計原則

第一，根據產品特性和用戶需求考慮主色調。界面的主色調應在充分考慮產品特性和用戶需求的前提下確定，也可與品牌色保持統一。如肯德基的應用界面、LOGO、包裝、店鋪都保持一致。根據七色秒理論，用戶在7秒之內對色彩產生深刻印象。因此合理的運用色彩對軟件應用的成功起著關鍵作用。統一的色彩會加深用戶的品牌印象，用戶會僅通過色彩對商品做出判斷，甚至品牌色會影響用戶如何看待品牌表現出的性格。所以主色調的合理選擇尤為重要。但是當今社會色彩冗雜，利用中國傳統色彩獨特的色相與搭配可以打造品牌界面的差異性，傳遞中國情感，調動用戶情緒。

從產品特性方面考慮，冷色偏理性，暖色偏感性。購物類軟件的色彩應用波長長的色光，如淘寶的橙色、京東的紅色。這類色彩會刺激人的神經，提高用戶的興奮度。在中國傳統色彩可選用炎色、妃色、燕頷紅等波長較長的顏色。知識類和支付類軟件一般選藍色系，藍色有理性可靠的感覺，如知乎、支付寶、PayPal等。在中國傳統色彩中景泰藍、深竹月、寶藍是比較適合的顏色。

第二，明確色彩層級關系。通過色相和色彩權重的不同來建立UI界面的層次關系。[9]也通過色調、純度、明度的調整來表現信息元素的優先級。高對比表現重要信息，低對比顯示次要內容。在用戶做重要決定的步驟選用醒目的主色，會加深用戶的品牌印象。如京東、淘寶的付款按鈕都跟自己的主色保持一致。中國傳統色彩中以紅色系為例，燕頷紅，酡顏，朱膘在保證色調和諧的同時能根據純度的不同區分明確的界面層次結構。

第三，營造整體的風格和藝術價值。整個界面是一個復雜的視覺系統，不僅有合理的層級關系，還要讓區分這些層級關系的色彩融入一個整體氛圍中，形成統一的風格。[9]根據色不過三原則，每一個頁面中不要使用超過三種顏色搭配，其比例為6：3：1，在60%的區域使用主色，30%的區域使用輔助色，最后的區域使用裝飾色。這三個按比例分布色相之間相互呼應，能進一步提升界面的層次感，防止顏色混亂，營造整體氛圍感。

結語

色彩作為視覺系統中傳播性最強的元素之一，把中國傳統色彩運用到UI設計中是傳承中國傳統文化有效的手段和方式。中國傳統色彩文化傳播的意象是強烈的，不僅承載了中華千百年的歷史，還寄托著每一個中國人的情懷。感受中國傳統色彩的意象，讓中國傳統色彩在不斷地創新傳播形式和利用中升華，中國傳統色彩不僅具有頑強生命力而且具有很強的時代感。繼承和發揚中國傳統的色彩，是中國人的責任和義務，當真正了解了中國傳統色彩才能體會東方審美、東方味道。讓中國傳統色彩被世界越來越多的人喜愛，推動形成一個具有中國鮮明特色的體系。