論青花元素在UI設(shè)計中的應(yīng)用

李昶輝 潘玲霞

景德鎮(zhèn)陶瓷大學(xué) 江西景德鎮(zhèn) 333000

一、青花元素來源

青花元素，是一種由青花瓷衍生而來的中國傳統(tǒng)文化的象征性元素，具有很強的辨識度，通過視覺符號呈現(xiàn)。青花瓷的色彩青白相見，給人明凈、素雅的感覺。紋飾簡練質(zhì)樸，經(jīng)常采用具有美好寓意的紋樣[1]。青花分水技藝是青花料與茶葉水?dāng)嚢韬笤谒嘏魃线M行勾線填色的畫法 。在UI設(shè)計上，青花獨特的色彩體系、燒制與器形紋樣成為具有創(chuàng)新性的設(shè)計模式。

二、青花運用在UI設(shè)計中的普適性元素

青花瓷按照陶瓷材料質(zhì)地、陶瓷造型和裝飾的不同，精煉出青花元素，包括裝飾結(jié)構(gòu)、裝飾色彩、裝飾技法，結(jié)合UI設(shè)計所追尋的扁平化設(shè)計方式，就青花元素能運用在UI設(shè)計中的普適性設(shè)計元素進行總結(jié)分析。

（一）裝飾結(jié)構(gòu)

青花裝飾結(jié)構(gòu)指裝飾形象在器物上的排列組合形式，有邊緣、中心、單獨、綜合紋樣，以及通景式、分隔式、環(huán)繞式結(jié)構(gòu)等[2]。青花裝飾結(jié)構(gòu)格外注重“密不透風(fēng)，疏可走馬”。環(huán)繞式的青花裝飾形象組合形式增強了裝飾面的邏輯性，首尾相接的裝飾形象加緊了視線的專注度，通景式的裝飾形象組合充分給予設(shè)計者更高的創(chuàng)作自由度，能豐富展現(xiàn)裝飾形象在器物上的生命力以及創(chuàng)作者的設(shè)計靈感和審美取向。分隔式的裝飾結(jié)構(gòu)凸顯了有序性，突出了裝飾主體視覺，使整體裝飾和創(chuàng)作者的精神、審美追求得到有機的統(tǒng)一。

(二)裝飾色彩

裝飾色彩是利用色彩的明度、色相、純度的千變?nèi)f化來美化裝飾形象。青花最初出現(xiàn)于唐宋時期，青白二色與胎釉結(jié)合乳濁感強，發(fā)展至元代青花，構(gòu)圖豐滿自由，渲染勾勒粗壯沉著，藝術(shù)風(fēng)格表現(xiàn)疏淡空靈、虛實相間的裝飾面貌。明初期間，青花出現(xiàn)暈散技藝。到永樂、宣德開始使用蘇泥勃青料，青花發(fā)色較濃艷，鐵銹斑痕重。清代的青花瓷發(fā)展至巔峰，康熙青花多與“珠明料”繪制，呈色干脆明快，紋樣以山水、人物為主題，利用“分水”法進行描繪，吸收國畫“墨分五彩”意境，兩系色相擴展圖案內(nèi)在特性，通過水墨畫中干濕濃淡焦理論，取代了五彩斑斕的色階，呈現(xiàn)了中國古典文化的淳樸與調(diào)和，裝飾形象更細膩。雍正青花質(zhì)地清白，泛淡青色，青花色瑩潤，紋飾圖案化風(fēng)格較強。乾隆時期青花走向衰弱，青花紋飾繁縟，渾厚不足?，F(xiàn)代青花裝飾色彩之間并不存在明顯的劃分界限，用宏取精，造型、色彩搭配自由，例如秦錫麟教授的《春意盎然》、《早春》以青花和釉里紅進行藝術(shù)性的創(chuàng)作，利用色彩的綜合裝飾，釉里紅色彩的濃重、深邃、艷麗象征著生命的蓬勃力量以及熱烈奔放的氣息，青花色彩清新明快，格局秀雅灑脫，既展現(xiàn)隨性的氣韻，又具有變化與統(tǒng)一的藝術(shù)匠心。

（三） 裝飾技法

陶瓷裝飾技法分別為坯的裝飾、彩的裝飾[2]。青花裝飾技法追求單色，孕育萬紫千紅，在淡雅中藏精美，在虛白中見工藝，講究筆不到意到，青花的技法多采用線描。現(xiàn)代青花注重勾線、分水的留白，還引入山水墨畫的焦墨法加之勾、擦、點、染、皴的青花裝飾技法相結(jié)合，使筆頭料更飽，筆觸更蒼勁，筆鋒更鋒利，作品層次分明，有意境、靈氣和情感。青花的綜合運用在銅紅釉和玲瓏分別稱為“青花釉里紅”和“青花玲瓏瓷”。青花釉里紅瓷器燒制難度極大，燒制成型后往往釉面質(zhì)地肥厚滋潤，胎骨均勻，胎質(zhì)細膩，高雅穩(wěn)重而不失靈動性，紅藍對比，格外醒目，具有強烈的表現(xiàn)力[3]。青花玲瓏瓷通過在生坯上按圖案設(shè)計的花形，鏤刻一個個米孔，再糊上透明釉的成型技法，謂之“玲瓏”。結(jié)合青花的玲瓏瓷稱為“青花玲瓏瓷”，既呈古樸又顯清新，精巧致密，素雅清新。

三、青花元素在UI設(shè)計中的介入方式

（一）統(tǒng)一與變化

整體性彰顯界面力量，變化賦予界面鮮艷度和生命力。于美學(xué)上而言，一切物象欲成其為美，必須統(tǒng)一。統(tǒng)一能治亂、治雜，以及增加畫面條理、和諧、寧靜的美感，而變化克服呆滯、沉悶感，使畫面更具動感、活潑，喚起新鮮的興味。

在UI設(shè)計中，UI界面中所有設(shè)計元素都應(yīng)該呈現(xiàn)整體統(tǒng)一性。界面色彩統(tǒng)一，以青色為唯一主色調(diào)，采用簡單的色階，配套濃淡展現(xiàn)信息層次，從標題欄到標簽欄，從操作按鈕到提示信息，全部采用青色，這種簡潔的配色風(fēng)格，具有良好的視覺表現(xiàn)力，精準傳達信息，做到界面端的最小化設(shè)計，減少沉余信息干擾，專注于信息的表達。而在大視野、立體、透視進行變化，青色的背景色調(diào)因暈染漸變至白色，區(qū)塊的分割更為順暢，減小視覺突兀性，擯棄描邊的設(shè)計手法，青白二色之間的色彩面積沒有明確的分界線，全屏背景圖打通狀態(tài)欄，青花圖案作為前景載以內(nèi)容排版、導(dǎo)航。文字浮在半透明的蒙層上，增強信息可讀性，豐富了界面情感化元素，渲染出淡雅幽靜的青花氛圍。

（二）對比與調(diào)和

對比與調(diào)和于美學(xué)而言，畫面的對比越明顯，視覺感官刺激越強，個性越鮮明，畫面空間感更為曠闊，而調(diào)和則使矛盾的要素彼此融合在一起，具有共性一面，整體區(qū)域協(xié)調(diào)。

在UI設(shè)計中，界面的對比是UI設(shè)計最主要的問題，差勁的設(shè)計不僅破壞界面的整體度，而且降低信息的讀取率。在色彩上選用青色為主色調(diào)輔，以鞏紅色為標識色進行對比，青多紅少進行調(diào)和，使UI信息數(shù)據(jù)更直觀、立體，色彩服務(wù)性更有價值。界面動靜態(tài)的多媒體設(shè)計進行對比，加載時的動態(tài)效果和信息讀取時的靜態(tài)處理進行調(diào)和，打破呆板死氣的UI形象，提升用戶好感度。界面結(jié)構(gòu)與圖標的紋樣對比，界面結(jié)構(gòu)采用通景式的紋樣與圖標，采用幾何花卉進行調(diào)和，突出內(nèi)容，褪盡繁華，纖塵不染，使用戶更加集中在信息內(nèi)容，給用戶提供更好的服務(wù)。

（三）節(jié)奏與蘊意

在快節(jié)奏、高效率的現(xiàn)代都市生活背景下，高速的瀏覽速度下，往往忽視了界面的精神語言，長時間的瀏覽只剩枯燥乏味之感。美學(xué)中，作品的節(jié)奏和蘊意能喚起觀者的內(nèi)心情感共鳴，對其更有認同感和親切感。在UI設(shè)計中，青花元素的巧妙運用在提升讀者視覺專注度的同時還能“嗅”到中華傳統(tǒng)文化的生命味道，在青白二色作為界面色調(diào)下，色彩孕育悠然自得、嫻靜怡人的閱讀氛圍，帶給用戶寧靜、安心的心理暗示，而青花紋飾往往傳載著美好的蘊意，將其與界面圖標綜合設(shè)計，用戶也能透過屏幕感受到景德鎮(zhèn)工藝美術(shù)家的匠心精神，感受到形而上的禪意。

四、青花元素在UI設(shè)計中的應(yīng)用途徑

（一）界面布局

突破界面單一追求扁平化設(shè)計的框架，開闊創(chuàng)新，提出單色系通過暈染程度表現(xiàn)色彩的多元化的新UI設(shè)計概念。青花五彩，濃淡色淺變化無窮，展現(xiàn)極其豐富的節(jié)奏感和立體感。界面布局分為兩大版塊，即加載界面和正式信息界面。揉合兩種靜態(tài)界面表現(xiàn)青花燒成前后的變化，留給用戶遐想空間。①在加載界面，奠定風(fēng)格基調(diào)，色彩僅選用黑、白、灰三色系，黑色為釉料燒成前的青花料和茶葉水，灰色是因加水量而濃淡漸變的暈染色，白色為啞光的“坯體白”。加載界面信息突出界面的大標題和烘托界面整體設(shè)計的風(fēng)格氛圍，所以首先選擇生動的裝飾形象，“青花龍紋”以通景式的裝飾結(jié)構(gòu)載以帶有水暈光澤的黑、灰色占據(jù)整體加載界面的中心，中心色彩“頭濃”向四周轉(zhuǎn)為“正淡”，在“龍紋”末處添以“影淡”的“如意云紋”進行收尾。從起始就帶給用戶一種淳樸、自然的氛圍基調(diào)。②在正式信息界面，青花五彩變?yōu)闊芍?，以青、白和景德?zhèn)獨有的礬紅彩三種色階進行分布搭配，第一步就高光的“瓷胎白”作為界面整體背景基調(diào)色，并選擇青色“變體蓮瓣紋”作為界面的大框架，適當(dāng)出現(xiàn)在界面頂部與底部進行填色出彩，面積較小?！白凅w蓮瓣紋”紋案的設(shè)計線性方向由繁至簡、色階由“頭濃”至“正淡”漸變，尾部最簡、最淡并銜接信息標題或主體開頭，最后在關(guān)鍵信息處或信息閱讀的引導(dǎo)方向上可以使用帶有“卷草紋”的鞏紅彩進行背景標識，鞏紅彩從“變體蓮瓣紋”從而出，無需體現(xiàn)厚度、陰影，一筆而成，且色階與“正濃”相似，紋飾量少且精，能夠起到過渡信息與色彩的關(guān)聯(lián)、匯聚視線焦點的作用，增強視覺體驗的敏感度，加深用戶對信息的隱式關(guān)注度。

（二）交互方式

交互方式體現(xiàn)在用戶與頁面的溝通，利用青花分水技藝作為中間媒介，在民族獨特的設(shè)計審美上有著鮮明的個性。界面交互分為兩種動態(tài)交互方式。①用戶手指或鼠標在界面屏幕滑動地輕重、緩急、停頓、點擊進行個性化、民族化的交互設(shè)計。當(dāng)界面屏幕感應(yīng)到用戶手指或鼠標箭頭按壓輕且緩的滑動時，界面會跟隨用戶操作的滑動方向產(chǎn)生“平頭水”的技藝效果，滑動痕跡蕩出勻凈平整的“正淡”青色色塊的動態(tài)效果，寬窄等同鼠標箭頭或手指觸摸屏幕面積。同理，當(dāng)用戶手指或鼠標箭頭按壓重且急時，滑動痕跡產(chǎn)生“浪頭水”的技藝效果，即滑動痕跡之間青色互相壓住一點頭，重疊頭的部分痕跡蕩出“正濃”青色漣漪的動態(tài)效果，漣漪蕩出三環(huán)漸變至無色。當(dāng)用戶手指或鼠標箭頭停頓點擊時產(chǎn)生“暈水”的技藝效果，停頓點擊處青色如水墨畫般在界面上由“二濃”青色色階逐漸暈染開，停頓點擊時間越長，青色水暈越濃，最終厚至“正濃”，色澤變化起伏更大，更痛快。②UI設(shè)計并不是單一頁的界面設(shè)計，在界面和界面跳轉(zhuǎn)加載信息之時，利用從無到有的動態(tài)變化進行設(shè)計。將青花料在素坯的勾線工藝技術(shù)移植到在空白頁加載初始階段時的動化效果進行模擬，首先映入眼簾的是灰色細線從四周向中心同時快速地描出界面紋樣的“變體蓮瓣紋“外廓，色階為“影淡”加濃至 “正濃”，再從勾線終點向四周進行分水填色，待界面裝飾形象完成，火光沿著形象從下至上一閃而過，最后加載完成，化為青色色階一一對應(yīng)的界面淡雅色彩和井然有序的信息。整個過程簡易模擬青花瓷的制作和燒成過程，凸顯了青花活潑的生命和民族匠心精神。

（三）界面圖標

從紋飾引申讀取陶瓷元素與UI設(shè)計之間都一種特殊的關(guān)系，即符號化的圖案索引關(guān)系。界面圖標串聯(lián)并表達信息，是信息的集中化。為追求界面整體簡練、干凈，界面標識更多選用面性圖標，將界面圖標載以民族藝術(shù)進行設(shè)計創(chuàng)作。①金剛區(qū)位于頁面核心功能區(qū)域，性圖標采用模擬“沒骨青花”技藝，擺脫線條的束縛，僅用一筆勾出幾何花卉。外形整體簡單，色階以“正濃”左右為主，擺脫造型的束縛，以一種更加灑脫的裝飾形式去感受界面圖標帶來的生命力。②導(dǎo)航欄圖標位于界面整體頂部，考慮到背景為青花色，圖標模擬裝飾技法“鏤空”，從青色背景雕鏤出白底透點光澤，宛如玲瓏，圖標形象靈巧、明徹、剔透。

五、結(jié)論

青花藝術(shù)于中華傳統(tǒng)文化而言，是抽象、宏偉、展現(xiàn)民族匠心的藝術(shù)文化。針對UI設(shè)計大部分設(shè)計借鑒國外案例，形式單一，表達方式呆板的問題提出了結(jié)合青花元素對UI設(shè)計進行創(chuàng)新應(yīng)用，根據(jù)青花的藝術(shù)分析，基于UI設(shè)計所追尋的用戶服務(wù)性的原則，在UI設(shè)計固定的內(nèi)容分割區(qū)下，在加載頁面和正式信息頁做了界面色彩，交互在加載動態(tài)和用戶操作的動畫方式以及界面圖標的個性設(shè)計的創(chuàng)新應(yīng)用，并提出了創(chuàng)新性的設(shè)計概念，為之后的青花計的應(yīng)用研究提供了理論依據(jù)和設(shè)計思路。