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

李昶輝 潘玲霞

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

一、青花元素來源

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

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

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

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

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

(二)裝飾色彩

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

（三） 裝飾技法

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

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

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

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

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

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

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

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

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

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

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

（一）界面布局

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

（二）交互方式

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

（三）界面圖標(biāo)

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

五、結(jié)論

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