傳統圖案元素在UI 圖標設計中的運用

莊宜君 汪春燕

海南大學 海南 海口 570228

一、傳統圖案元素的剖析認識

（一）初步認識

在人類藝術的發展史上，圖案占據著極其重要的地位，傳統紋樣元素、色彩的搭配，它所展示出來的不僅僅是圖形藝術，更重要的是一種符號，一種語言，一種文化。而對于傳統色彩圖案元素，則承擔著更為廣泛的裝飾、祭祀、交流功能。在世界上有著悠久歷史的各個傳統國家都有著自己獨特的藝術表現風格和各種顏色的圖案組合形式，各地區、各時期、各民族中具有代表性的優秀圖案從某種意義上來說都是交流的一種特殊語言，不同地區和不同民族有不同的生活方式和習慣，所以表現在圖案語言上也是有不同的構成方式的[1]。

（二）產生緣由

傳統圖案元素的產生有一定的偶然性，它是藝術設計的多樣性以及創造性的基礎，例如在我國的陶器的產生就是由于人們在已發現的器皿上加入防火材料從而形成的，裝飾紋樣也是同理，把陶器分為紅陶、灰陶、彩陶、白陶、彩繪陶、黑陶和釉陶等系列，并為人類以后的社會生活發展進一步進行美化。傳統圖案元素的產生也包含了一定的政治、經濟、文化的影響。例如，在過去的階級社會中，器物則代表了一定的階級地位，以青銅器中的饕餮紋為代表，具有獨特的審美價值和社會意義。傳統圖案元素為設計展示著獨特、深厚并富有魅力的民族傳統和民族精神。

（三）藝術形式

傳統圖案元素具有著博大精深，燦爛多元的特征，而我們對于傳統圖案元素的研究，更多的是從中提煉出認識自然和社會生活方面的獨特的觀察方法和思維模式。我國的傳統圖案的顏色五彩繽紛，圖案元素的藝術形式主要是由表及里、變換視角、移花接木和吉祥寓意。其一，由表及里是指在藝術設計中不僅僅只關注眼睛所看到的部分，還要透過事物的表象深入其內部，將內在的東西表現出來。其二，變換視角，中國的傳統圖形在創意的視點上也有著豐富的探討。在傳統圖案元素設計中，大多都不拘泥于同一個視覺點，而是變換不同的視覺觀察點對物體進行描述，從而獲得不同的創意圖形創作結果。其三，移花接木。傳統圖案元素在設計中往往將生活中物體進行分解，結合當時的文化特色，發揮最大的想象，突破現實，創作出全新的形象。例如經常出現在彩色圖騰里面的龍的形象，它是集獅頭、鹿角、蛇身、魚鱗、魚脊等于一身，通過多種動物的某一部分重構后而形成的。其四，吉祥寓意，明清時期最為流行的吉祥圖案，有著紅黃藍綠青藍紫等顏色匯聚，絕大多數是對生活的熱愛和對幸福的美好祈求，具有濃厚的生活氣息，追求一種“圖必有意，意必吉祥”的方式（如圖1）。

圖1 吉祥圖案

二、UI 圖標設計的概述

（一）概念

對于UI 圖標設計的概念，首先要明白UI 設計，UI 是用戶界面，是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。在設計中應該遵循以下三個原則：置界面于用戶的控制之下；減少用戶的記憶負擔；保持界面的一致性。而對于界面設計不僅是一個單純的美術繪畫，它需要定位使用者、使用環境、使用方式并且為最終用戶設計，是一個純粹的科學性的藝術設計。[1]在概念之中，圖標是具有指代意義的具有標識性質的圖形，它不僅是一種圖形，更是一種標識，它具有高度濃縮并快捷傳達信息、便于記憶的特性。

（二）分類

在界面視覺設計中，圖標設計并沒有非常明確的分類，圖標的風格也朝著多元化、提煉化、易認知的方向發展。對于UI 圖標的種類也是多種多樣的，按功能性分類來說，可以分為啟動類圖標和系統圖標，啟動類圖標的典型代表就是手機中的APP 應用，而對于系統圖標就是在APP 界面中不可或缺的一部分，例如返回、刪除、下載等代表當前功能或者操作的圖標。按表現手法分類來說，可以分為扁平化圖標和擬物化圖標，扁平化圖標簡單來說就是在設計之中沒有加入多余的細節與修飾，簡單易懂的表達出圖標的本意，整體特點是清新、設計感強。而對于擬物化的圖標就是采用比較接近真實的物體進行設計，精致細膩、識別性強，在細節創造和設計階段具有一定的復雜性。按設計形式來說，可以分為線描式圖標、剪影式圖標和立體式圖標。UI 圖標的準確詮釋就是衡量用戶體驗的最重要的方式之一，好的UI 圖標設計，要滿足良好的設計思路，深層次的需求和整體的認知程度等條件。

（三）特征

在UI 圖標設計之中，所遵循的主要特征大致可以分為四大部分。通用識別性是指在設計中，圖標就如同一個符號，具有較強的識別性和通用性，可以讓使用者快速了解相應的功能和操作，如同阿拉伯數字，可以針對不同民族，不同語言地區的使用。高效交互性指的是人與機器之間以圖標為載體所形成的溝通互動，在設計中應注意快速傳達和高效壓縮信息的特征，從而減少用戶記憶的負擔，加強人機交流以視覺元素作為出發點，方便操作。統一布局性是指在圖標設計中要簡化設計元素，突出設計主題，追求設計的表現性，統一圖標的規格和大小，最大化的實現界面的簡潔性，界面不需要添加很多色彩，方便進行合理的規劃和布局。最后一部分是個性差異性，指的就是在設計中要根據設計背景結合實際創造出來獨一無二含有特色的圖標，追求圖標與圖標之間的差異，通過在設計共性之中找到自身的獨特個性，發揮其作用。UI 圖標的準確詮釋就是衡量用戶體驗的最重要的方式之一，對于一個好的UI 圖標設計，要構建良好的設計思路，以實際的情況出發，挖掘深層次的需求，對界面進行創新性和科學性的優化，提高整體的認知程度。[2]

三、傳統圖案元素在UI 圖標設計中的應用

（一)借鑒與繼承

傳統的圖案元素不僅體現了一種歷史的懷舊情懷，一個傳統的歷史記憶，也體現了一種傳統的人文精神和價值。[3]在UI 圖標設計之中，將傳統圖案元素直接用于設計，由于傳統圖案元素具有經典性和代表性的特點，可以很容易的熟知和聯想，例如對于海口騎樓老街這類具有地域文化的圖標設計，就拿傳統圖案元素的借鑒和繼承來說，騎樓文化的圖標設計更為典型，設計中直接選取騎樓屋檐、鐘樓整體建筑、街道的各種顏色牌坊以及居民樓的窗戶作為主題，以圓形為大框，設計出來的一系列的圖標，可以讓游客很方便的了解騎樓的文化。設計與民族文化相結合，顯現出了傳統藝術的魅力，傳統藝術受到廣泛的喜愛，也促進傳統文化走向世界性。

(二）創新與發展

UI 圖標設計向民族文化借鑒優秀內容，是設計贏得獨立審美的特征，彰顯獨有文化的重要途經，兩者的有效結合，將會促進UI 圖標設計獲得一個全新發展的契機。針對傳統圖標設計之中，不僅要快速了解當地的文化背景，更要深入其中感受發展歷史，對簡單元素進行創新，排列組合新的傳統構圖方式，設計形成包含著傳統圖案元素的功能性圖標，讓傳統與現代共同作用，找到一種平衡，共同發揮其作用，創造出含有傳統文化的現代UI 圖標。當今社會，創作者通過對傳統圖案元素理解和解讀，進行加工設計，傳承傳統的精髓，在設計中重點抓住傳統文化創新與發展，更好的展示傳統文化的魅力。

四、傳統圖案元素在UI 圖標設計中的發展趨勢

UI 圖標設計在人們的文化、生活、技術中扮演者重大的角色，人們可以在圖標中獲取信息并通過色彩和形象來表達情感和觀念，就如同一個符號，是負載和傳遞信息的一種媒介，也是認識事物的一種手段，通過對于這些符號的加工與整合，實現傳情達意的目的。在生活中每個人的具體行為總是要被鑲嵌在一種具體的文化傳統之中，藝術設計的未來趨勢，隨時間的變化而進行傳承與發展，民族化與審美化的設計理念包含在整個設計流程之中。圖標設計本來就是多元化的設計，根據背景受眾人群的不同，圖標設計的發展方向也日趨多樣化，但是傳統圖案元素在設計中是其共性與個性共同發展的結果，從中可以發現傳統的民族藝術是最具有原創力的文化，色彩和圖案的多樣化，帶有創造者對于自己民族文化的理解和情感，在經歷時間的推移下有屬于自己的獨特價值，在未來的發展之中，傳統圖案元素是促進社會物質文明和精神文明的進步的重要力量。

結語

對于UI 圖標設計來說，傳統圖案元素的融入不僅促進其發展，更能帶動我國文化的進步，在UI 圖標藝術設計創作一定要立足于我國的精神與文化，不斷完善自己，走出一條繼承與發展、改革與創新的中國特色的道路。