江濤，郝鵬，楊超

廣彩瓷圖像在粵語APP設(shè)計中的解構(gòu)應(yīng)用研究

江濤1，郝鵬2，楊超3

（1.華南農(nóng)業(yè)大學(xué) 藝術(shù)學(xué)院，廣州 510642； 2.埋堆堆科技有限公司，廣州 511466；3.浙江傳媒學(xué)院，杭州 310018）

以“埋堆堆”粵語社交APP界面設(shè)計為例，探索如何運(yùn)用現(xiàn)代解構(gòu)設(shè)計方法對廣彩瓷圖像進(jìn)行當(dāng)代視覺轉(zhuǎn)化，并應(yīng)用于APP界面設(shè)計中，以期提升APP界面設(shè)計的文化內(nèi)涵，同時活化傳統(tǒng)手工藝，增強(qiáng)其生命力。以廣彩瓷圖像作為研究對象，運(yùn)用圖像分析的研究方法對廣彩瓷圖像視覺特征進(jìn)行總結(jié)，結(jié)合將廣彩瓷圖像應(yīng)用于“埋堆堆”粵語社交APP界面設(shè)計的具體實踐，分別從APP色彩設(shè)計、APP圖標(biāo)設(shè)計與APP插畫設(shè)計3方面，探索與總結(jié)了如何運(yùn)用現(xiàn)代解構(gòu)設(shè)計方法，對廣彩瓷圖像進(jìn)行形式和色彩上的分解與重構(gòu)，并應(yīng)用于APP界面設(shè)計中。現(xiàn)代解構(gòu)設(shè)計方法提供了一種將廣彩瓷圖像應(yīng)用于APP界面設(shè)計的視覺創(chuàng)新方式，不僅有利于豐富APP界面設(shè)計的內(nèi)容和形式，為我國界面設(shè)計的發(fā)展提供切實可行的創(chuàng)新路徑，也可以使人們在瀏覽和使用APP時感受到廣彩瓷的獨(dú)特魅力。在APP的日常使用中潛移默化地弘揚(yáng)我國優(yōu)秀的傳統(tǒng)文化，真正為其注入新的生命力。

廣彩瓷；圖像；APP界面設(shè)計；解構(gòu)

隨著網(wǎng)絡(luò)信息時代的發(fā)展，人們的物質(zhì)和精神生活水平不斷提升，日常生活中手機(jī)的應(yīng)用越來越普遍。順應(yīng)這種現(xiàn)實狀況，APP界面設(shè)計也變得越來越重要，但大多數(shù)設(shè)計仍在盲目照搬國外設(shè)計，在地性特征不足。時代要求我們在經(jīng)濟(jì)快速發(fā)展的同時樹立真正的民族文化自信，悠久的中國歷史孕育了豐富多彩的傳統(tǒng)圖案和紋樣，步入新時代，將現(xiàn)代性與在地性結(jié)合已基本成為設(shè)計界的共識，但既不能照搬西方現(xiàn)代設(shè)計方法，也不能簡單拼湊傳統(tǒng)視覺元素，究竟如何將中國傳統(tǒng)文化元素進(jìn)行當(dāng)代視覺轉(zhuǎn)化及現(xiàn)代創(chuàng)新應(yīng)用，是值得探索的重要問題。

將傳統(tǒng)文化元素應(yīng)用于現(xiàn)代設(shè)計的研究很多，但應(yīng)用于APP設(shè)計的研究較少，并且多著眼于理論層面，而從具體設(shè)計實踐出發(fā)，在創(chuàng)新應(yīng)用方法方面進(jìn)行探索的研究還有待進(jìn)一步推進(jìn)。本文深入探索如何運(yùn)用現(xiàn)代解構(gòu)設(shè)計方法，將廣彩瓷圖像在“埋堆堆”APP設(shè)計中進(jìn)行解構(gòu)創(chuàng)新應(yīng)用。

廣州織金彩瓷，簡稱廣彩瓷，是廣府地區(qū)傳統(tǒng)手工藝中的一種，它色彩豐富，樣式奇巧，流傳至今已有三百多年的歷史。“埋堆堆”是一款粵語社交APP，名稱來源于粵語“埋堆”一詞，意為一群志同道合的人在一起?！奥穸讯选盇PP既是粵語文化交流平臺，也一直致力于搜羅全球粵語訊息內(nèi)容，推廣傳承粵文化。選取廣府地區(qū)傳統(tǒng)手工藝精華：廣彩瓷圖像，解構(gòu)應(yīng)用于推廣粵地區(qū)傳統(tǒng)語言粵語和本土文化的“埋堆堆”APP界面設(shè)計中，具有內(nèi)在適配性，并可以互相增強(qiáng)已有的粵文化內(nèi)涵。從總結(jié)廣彩瓷圖像關(guān)于色彩和構(gòu)圖的視覺特征開始，探索如何運(yùn)用現(xiàn)代解構(gòu)設(shè)計方法對廣彩瓷圖像進(jìn)行色彩和形式上的分解與重構(gòu)，結(jié)合APP界面設(shè)計自身的基本原則與規(guī)范，創(chuàng)新應(yīng)用于“埋堆堆”APP色彩設(shè)計、APP圖標(biāo)設(shè)計與APP插畫設(shè)計中，以期對走出具有鮮明在地性特征的中國現(xiàn)代設(shè)計發(fā)展之路提供借鑒。

1 分析與總結(jié)廣彩瓷圖像的視覺特征

乾隆二十二年（1757年），廣州成為清政府限定對歐美唯一通商口岸，廣彩瓷便是在當(dāng)時特定的歷史條件下產(chǎn)生的，是中西方經(jīng)濟(jì)、文化交融的產(chǎn)物。廣彩瓷多根據(jù)外銷訂單要求的器型、紋飾、數(shù)量制作，從景德鎮(zhèn)訂制素色瓷胎運(yùn)回廣州珠江十三行商館附近[1]加工彩繪，入窯烘燒，固化彩料，是我國釉上彩瓷的一個獨(dú)特品種。既吸收了傳統(tǒng)古彩技藝，又仿照西洋表現(xiàn)手法，以其“絢麗華彩，金碧輝煌”而聞名于世，深受人們的喜愛。[2]

廣彩瓷具有獨(dú)特的視覺特征。特征提取是藝術(shù)分類中的一種常用方法。隨著計算機(jī)科學(xué)技術(shù)的發(fā)展，計算模型對于總結(jié)特征之間的復(fù)雜和非線性關(guān)系是高效且有效的，廣彩瓷圖像所涉及到的元素和圖案復(fù)雜多樣，已經(jīng)有研究運(yùn)用計算模型用于廣彩瓷圖像的分類和合成。[3]但本研究的目的并不只是為了廣彩瓷圖像資料的收集、分類和合成，而是探索如何將廣彩瓷圖像進(jìn)行分解和重構(gòu)之后應(yīng)用于APP界面設(shè)計中。因此，與運(yùn)用計算模型等定量研究不同的是，筆者更注重在借助計算機(jī)輔助軟件對大量實物圖片進(jìn)行顏色和圖形等元素的提取的同時，不斷積累視覺感受和創(chuàng)意靈感，在總結(jié)與APP界面設(shè)計相關(guān)的廣彩瓷圖像主要視覺特征的基礎(chǔ)上，運(yùn)用分解和重構(gòu)等視覺創(chuàng)新方式進(jìn)行APP界面設(shè)計。

整體來說，廣彩瓷色彩鮮艷協(xié)調(diào)，線條精細(xì)流暢，圖案繁復(fù)有序，構(gòu)圖緊密飽滿，以下主要從與APP界面設(shè)計關(guān)系緊密的色彩與構(gòu)圖方面進(jìn)行分析與總結(jié)。

1.1 對廣彩瓷圖像色彩特征的分析與總結(jié)

筆者收集和分析了大量廣彩瓷圖像（如圖1所示），并選取代表性作品使用計算機(jī)輔助工具提取廣彩瓷顏色所作的色彩及其比例示意圖。對其進(jìn)行分析可以發(fā)現(xiàn)，由于是清代東西方經(jīng)濟(jì)文化交流的產(chǎn)物，廣彩瓷在色彩特征上不同于用色樸素的中國傳統(tǒng)瓷器，而是融入了西方古典繪畫的技法，大膽使用大紅、茄紫、西紅、水青、大綠等多種色彩純度高的顏色，顯得更加鮮艷飽和，這也是廣彩瓷看起來富麗華貴的原因之一。廣彩瓷圖像還講究主次分明的用色布局關(guān)系，主體圖像多采用大面積色塊，其周圍的裝飾圖像或紋樣則用色繁密，多用小色塊排布，以此區(qū)分整個畫面的主次關(guān)系，使畫面主體突出，又具有豐富的層次感。另外，西方古典繪畫技法中經(jīng)常運(yùn)用黑色線條勾勒輪廓，去平衡畫面中多種飽和度高的鮮艷色彩，從而獲得畫面整體的協(xié)調(diào)統(tǒng)一。廣彩瓷圖像中也常借鑒這種手法，繪有麻色或瓷黑的線條，去平衡統(tǒng)一畫面的多種高飽和度色彩。

圖1 廣彩瓷常用色彩提取及比重示意圖（郝鵬制作）

1.2 對廣彩瓷圖像構(gòu)圖特征的分析與總結(jié)

不像中國傳統(tǒng)繪畫的構(gòu)圖習(xí)慣于大片留白，廣彩瓷圖像的構(gòu)圖細(xì)致緊密，繁復(fù)有序，增強(qiáng)了廣彩瓷的雍容華貴之感。除了章紋瓷一類的主體圖像位于器物中央，其他部位留白以外，大多數(shù)廣彩瓷圖像都繪制得繁復(fù)且飽滿，這類繁滿密集的構(gòu)圖方式與平面構(gòu)成和色彩構(gòu)成等現(xiàn)代設(shè)計方法相通，可以作為APP界面設(shè)計的重組構(gòu)圖方式，直接進(jìn)行創(chuàng)新應(yīng)用，大致可歸納為3類：滿地式、開光式和錦地式，幾種構(gòu)圖方式經(jīng)?；ハ啻钆涫褂谩?/p>

1）滿地式。顧名思義，滿地式構(gòu)圖的特點是將圖案或紋飾鋪滿于整個器物的表面，見圖2。在滿地式構(gòu)圖中，裝飾紋樣不是無規(guī)則地隨意鋪滿畫面，而是由許多整體效果類似，但又有變化的不同紋飾元素在大小、疏密關(guān)系上加以區(qū)分后，重組于器物表面，看似散亂，實則每個單獨(dú)的紋飾與其他紋飾都有相互的呼應(yīng)關(guān)系，如花卉與葉子、蟲鳥之間的呼應(yīng)等，滿密的構(gòu)圖方式有助于營造繁榮氣象與吉祥氛圍。

圖2 廣彩瓷常用滿地式構(gòu)圖示意圖（郝鵬制作）

2）開光式。開光式構(gòu)圖是指在器物的主要部位用線勾畫出圓形、方形、菱形、海棠形、扇面形、花瓣形等不同形狀，再在線框的內(nèi)、外繪制不同類型的紋飾，常常是開光內(nèi)繪有人物主體紋飾，開光外配以連續(xù)的植物、靜物裝飾圖案作為輔助紋飾，進(jìn)行主次分明，疏密有致的畫面重組，同時又保留了整體紋飾的和諧性。此外，需結(jié)合器型和構(gòu)圖的需要確定開光的數(shù)量和面積大小。開光式這種構(gòu)圖裝飾手法在廣彩瓷繪中非常多見，并且常與滿地式構(gòu)圖結(jié)合使用，稱為“滿地開光”（如圖3所示）。

圖3 廣彩瓷常用開光式構(gòu)圖示意圖（江濤制作）

3）錦地式?！板\地”是仿照明代織錦工藝產(chǎn)生的裝飾手法，在填充好底部顏色的基礎(chǔ)上用金色進(jìn)行鉤、織、描、填，圖案繁復(fù)連貫，構(gòu)圖緊密嚴(yán)謹(jǐn)。[4]與滿地式常用相對寫實的花卉和蟲鳥紋飾不同，錦地式多以畫工精致、繁而有序的圖案性裝飾紋樣與開光式構(gòu)圖搭配使用，俗稱“錦地開光”，鋪滿于器物的開光圖形之外，多以重復(fù)的形式相互緊密連接，襯托開光圖形內(nèi)的主體紋飾，表現(xiàn)出強(qiáng)烈的民族風(fēng)格，見圖４。錦地紋由幾何紋、萬字錦、祥云錦、古錢錦等一種或多種圖案連續(xù)重復(fù)而構(gòu)成，廣彩瓷的錦地式構(gòu)圖借鑒了這種連續(xù)重復(fù)的構(gòu)成方式。

圖4 廣彩瓷常用錦地式構(gòu)圖局部放大圖（江濤制作）

2 廣彩瓷圖像在粵語APP界面設(shè)計中的解構(gòu)創(chuàng)新應(yīng)用

APP界面是介于用戶與硬件之間，為彼此溝通而設(shè)計的相關(guān)媒介[5]。界面設(shè)計主要是指對軟件在硬件界面所呈現(xiàn)出的人機(jī)交互、操作邏輯、創(chuàng)意美觀等方面進(jìn)行的整體設(shè)計?！奥穸讯选盇PP是一款粵語社交APP，將廣彩瓷圖像重構(gòu)應(yīng)用于此界面設(shè)計中，可以提升其粵文化內(nèi)涵，在視覺上配合推動粵語的推廣。就具體應(yīng)用方法而言，本研究在上述分析與總結(jié)廣彩瓷圖像視覺特征的基礎(chǔ)上，主張結(jié)合APP設(shè)計的基本原則，運(yùn)用現(xiàn)代設(shè)計解構(gòu)方法對廣彩瓷圖像進(jìn)行形式上的分解，并在APP設(shè)計中重構(gòu)，以下主要從“埋堆堆”APP色彩設(shè)計、APP圖標(biāo)設(shè)計和APP插畫設(shè)計三方面進(jìn)行具體分析。

2.1 廣彩瓷色彩在“埋堆堆”APP色彩設(shè)計中的分解與重構(gòu)方法

色彩是人們視知覺感知事物的第一符號，確定界面的配色方案是APP界面設(shè)計中的重要組成部分，基于設(shè)計元素中的配色研究實驗可以證明，人在觀察某種客觀存在的事物時，首先在其視覺中樞形成反射弧的就是色彩。[6]廣彩瓷用色豐富，藝術(shù)觀賞性強(qiáng)，而界面設(shè)計則需要簡潔明了，突出功能性，應(yīng)用時的關(guān)鍵問題在于如何結(jié)合現(xiàn)代色彩原理與界面色彩設(shè)計的基本原則，將廣彩瓷色彩進(jìn)行分解和重構(gòu)，從而既能保留廣彩瓷色彩的視覺特征展現(xiàn)在地性，又能符合現(xiàn)代審美體現(xiàn)現(xiàn)代性。

2.1.1 確定APP界面主色、輔助色和點綴色的比例關(guān)系

圖形的大小和顏色的數(shù)量都會對色彩的和諧度產(chǎn)生影響[7]。APP界面設(shè)計本質(zhì)上遵循平面設(shè)計領(lǐng)域的原理，確定各種色彩的色相，以及不同色彩之間的比例關(guān)系是處理好所有平面設(shè)計，當(dāng)然也包括APP設(shè)計的關(guān)鍵。由于頁面內(nèi)容和圖片本身具有多樣性，在APP界面設(shè)計中，要盡量減少色彩種類，使基礎(chǔ)頁面簡潔有序，減輕用戶的視覺負(fù)擔(dān)。界面設(shè)計中的色彩搭配通常不會超過3種，即主色、輔助色、點綴色，一般采用6∶3∶1的比例關(guān)系。

2.1.2 對廣彩瓷色彩進(jìn)行重構(gòu)，確定APP界面主色、輔助色和點綴色的色相與色彩關(guān)系

在前文對廣彩瓷圖像色彩特征的分析和總結(jié)中，已經(jīng)對廣彩瓷常用色彩進(jìn)行了提取和分解，發(fā)現(xiàn)廣彩瓷圖像常用的顏色有大紅、茄紫、西紅、水青、大綠、雙黃等，這些顏色幾乎涵蓋了色環(huán)中的各類不同色相，見圖1。

在此基礎(chǔ)上，還需要進(jìn)一步將分解后的色彩在APP界面設(shè)計中進(jìn)行重構(gòu)。首先，廣彩瓷圖像只是與傳統(tǒng)色彩及配色相比，具有色彩飽和度高和大膽使用色彩互補(bǔ)關(guān)系的特點，但為了符合APP色彩設(shè)計的現(xiàn)代性，仍然需要進(jìn)一步提升色彩的飽和度。因此在廣彩瓷的常用色雙黃（如圖1所示）的基礎(chǔ)上，選定此APP的主色為飽和度更高的明黃色（#FFC107）。

在確定好APP的主色之后，還需要選擇輔助色和點綴色。輔助色的作用是輔助和凸顯主色，并使畫面具有層次感，通常選用主色的同類色。“埋堆堆”APP是廣東年輕人的APP社交平臺，在使用廣彩瓷色彩風(fēng)格特點增強(qiáng)鮮明在地性的同時，還要進(jìn)一步帶給用戶年輕活潑的使用感。因此選取了在色相上與廣彩瓷的常用顏色西紅（如圖1所示）接近，但飽和度更高的玫粉色（#FF4081）作為輔助色。點綴色通常選取與主色和輔助色互補(bǔ)的色彩，可以增強(qiáng)整個APP界面設(shè)計的視覺沖擊力，而恰好廣彩瓷圖像也有將對比強(qiáng)烈的色彩并置使用以刺激視覺，營造出富麗堂皇效果的特點。因此，“埋堆堆”APP界面色彩設(shè)計中選取了主色和輔助色的對比色——寶藍(lán)色（#536DFE）和翠綠色（#43BC56）作為點綴色，它們在色相上類似于廣彩瓷常用色彩中的水青和大綠（如圖1所示），同樣也是飽和度更高。最后，再根據(jù)界面設(shè)計常用的配色占比，確定了主色（明黃色）、輔助色（玫紅色）、點綴色（寶藍(lán)色+翠綠色）的比例為6∶3∶1，見圖5。

圖5 “埋堆堆”APP設(shè)計配色（郝鵬制作）

2.1.3 廣彩瓷色彩在“埋堆堆”APP色彩設(shè)計中的應(yīng)用效果展示

圖6為運(yùn)用現(xiàn)代解構(gòu)設(shè)計方法，將廣彩瓷色彩在“埋堆堆”APP設(shè)計中進(jìn)行解構(gòu)后的應(yīng)用效果展示。在追求APP界面設(shè)計簡潔統(tǒng)一、輕松活潑的現(xiàn)代感的同時，進(jìn)一步加強(qiáng)了廣彩瓷顏色鮮艷豐富、視覺沖擊力強(qiáng)的色彩特征，使“埋堆堆”APP界面設(shè)計兼具現(xiàn)代性與在地性特征。

2.2 廣彩瓷紋樣在“埋堆堆”APP圖標(biāo)設(shè)計中的分解與重構(gòu)方法

APP中的圖標(biāo)就像是電影的海報，書本的封套，它起著宣傳和吸引受眾注意力、傳遞和象征手機(jī)應(yīng)用功能的作用。[8]圖標(biāo)是有指代意義的圖形符號，通常是界面之間跳轉(zhuǎn)的鏈接入口，使用頻率非常高，因此圖標(biāo)設(shè)計在界面設(shè)計中就顯得尤為重要[9]。將廣彩瓷紋樣濃縮、簡化用于圖標(biāo)設(shè)計中，可以增強(qiáng)“埋堆堆”APP社交平臺的粵文化屬性，廣彩瓷紋樣表現(xiàn)形式多樣，如需將其應(yīng)用于“埋堆堆”APP圖標(biāo)設(shè)計中，則必須經(jīng)過紋樣的提取、分解與重構(gòu)。

2.2.1 廣彩瓷圖像中傳統(tǒng)紋樣的直接提取

一些經(jīng)典傳統(tǒng)紋樣是歷史和文化意義的視覺呈現(xiàn)，可將這些紋樣直接用于APP圖標(biāo)設(shè)計中，是最直觀、最便捷的方式。廣彩瓷中很多傳統(tǒng)紋樣都很經(jīng)典，如由法螺、法輪、寶傘、白蓋、蓮花、寶瓶、金魚、盤長8種吉祥物組成的八吉祥紋樣等。阿爾弗雷德·C·哈登（Alfred C. Haddon）在1895年出版的《從設(shè)計的歷史看藝術(shù)進(jìn)化》中便已指出：“我們必須對形式，對輪廓內(nèi)和凹凸面上的細(xì)節(jié)的意義作出解釋。顯然，不起眼或微不足道的東西并非沒有意義。它們是沉默的而又是有說服力的證據(jù)，能夠說明它們過去的意義?！盵10]使用“埋堆堆”APP的現(xiàn)代人可以直觀地感受到傳統(tǒng)吉祥紋樣的形式美和文化魅力，無論是古代人，還是現(xiàn)代人，都會向往美好和吉祥。

圖6 色彩方案在“埋堆堆”APP設(shè)計中的整體應(yīng)用效果展示（陳子龍制作）

2.2.2 對廣彩瓷紋樣進(jìn)行重構(gòu)，形成簡潔直觀，并具有廣彩瓷韻味的APP圖標(biāo)設(shè)計

廣彩瓷紋樣形式多樣，APP中的圖標(biāo)有大小限制，可以運(yùn)用現(xiàn)代解構(gòu)設(shè)計方法將其分解成局部后進(jìn)行重構(gòu)，設(shè)計出盡量簡潔直觀，并具有粵文化韻味的圖標(biāo)。

圖標(biāo)設(shè)計的重構(gòu)方式可以是對形態(tài)的重構(gòu)，對結(jié)構(gòu)的重構(gòu)，也可以是對表現(xiàn)手法的重構(gòu)。變形重組是重構(gòu)中的一種重要方法，是對原始紋樣解構(gòu)、重組并創(chuàng)造新圖樣的過程。[11]通過研究廣彩瓷紋樣的形式元素可以發(fā)現(xiàn)，傳統(tǒng)廣彩瓷紋樣大多由流暢的曲線勾勒（如圖7所示），因此在圖標(biāo)設(shè)計中也采用圓滑的形態(tài)，同時對圖標(biāo)進(jìn)行簡化和扁平化處理，使其在表現(xiàn)廣彩瓷韻味的同時，具有簡潔和高識別度的現(xiàn)代圖形特點（如圖8所示），以此來引發(fā)用戶文化基因深處的好感和共鳴，進(jìn)而引導(dǎo)用戶自發(fā)地去理解圖標(biāo)意義，起到傳遞信息，引導(dǎo)用戶操作的作用。

圖7 廣彩瓷紋飾（來源于廣彩瓷圖像的局部）

圖8 “埋堆堆”APP功能圖標(biāo)設(shè)計（郝鵬制作）

2.2.3 廣彩瓷紋樣在“埋堆堆”APP圖標(biāo)設(shè)計中的應(yīng)用效果展示

將廣彩瓷紋樣進(jìn)行提取、分解和重構(gòu)后，形成了既保留廣彩瓷韻味，又具有簡潔和高識別度的現(xiàn)代圖標(biāo)。圖標(biāo)設(shè)計在“埋堆堆”APP中的實際應(yīng)用效果展示，見圖9。

2.3 廣彩瓷圖像在“埋堆堆”APP插畫設(shè)計中的分解與重構(gòu)方法

插畫的運(yùn)用可以為界面設(shè)計增加藝術(shù)性，并增強(qiáng)界面設(shè)計的情感屬性，是提升用戶情感體驗的一個重要途徑。將廣彩瓷圖像元素重構(gòu)應(yīng)用于“埋堆堆”APP插畫設(shè)計中，能夠以更直觀的方式在現(xiàn)代性與在地性之間建立鏈接，增添“埋堆堆”APP的粵文化內(nèi)涵。

圖9 “埋堆堆”APP中的圖標(biāo)設(shè)計應(yīng)用（陳子龍制作）

2.3.1 APP插畫設(shè)計中對廣彩瓷圖像元素進(jìn)行分解與重構(gòu)的具體方法

將廣彩瓷圖像應(yīng)用于APP插畫設(shè)計時，不只是簡單地將圖像元素提取復(fù)制到APP插畫中，還需將原始圖像打散分解為多個部分，重構(gòu)于插畫設(shè)計中。重構(gòu)包括形式和色彩的重構(gòu)，形式的重構(gòu)主要有兩種方式：一種方式是將分解后的圖像提煉出基本視覺元素，根據(jù)需求進(jìn)行適當(dāng)?shù)奶砑踊蚝喕?，并用二方連續(xù)四方連續(xù)等設(shè)計手段重新組合畫面，使得傳統(tǒng)的廣彩瓷圖像更具有現(xiàn)代性；另一種方式則是在不改變原圖像元素的基礎(chǔ)上對局部進(jìn)行提取，并運(yùn)用現(xiàn)代插畫的藝術(shù)表現(xiàn)形式進(jìn)行扁平化等形式重組，將其重新塑造為APP插畫主體，實現(xiàn)現(xiàn)代性與在地性的融合。

插畫色彩的重構(gòu)需要注意在界面設(shè)計中保持所有插畫的創(chuàng)作風(fēng)格大體一致，與界面設(shè)計本身已有的主色、輔助色和點綴色相協(xié)調(diào)，以此來保證界面視覺上的整體性。傳統(tǒng)廣彩瓷圖像的繪制方法融入西方古典油畫強(qiáng)調(diào)光影和體積表達(dá)的創(chuàng)作理念，用色豐富強(qiáng)烈，視覺效果華麗。但在APP設(shè)計中，這樣的視覺表現(xiàn)方式會增加用戶的視覺負(fù)擔(dān)和干擾，繼而影響用戶體驗，因此將廣彩瓷圖像應(yīng)用于APP插畫設(shè)計時多采用平面化的現(xiàn)代設(shè)計手法進(jìn)行圖形和色塊的編排來構(gòu)建視覺層次。[12]

2.3.2 廣彩瓷圖像在“埋堆堆”APP插畫設(shè)計中的應(yīng)用效果展示

APP中的啟動頁是為了增強(qiáng)應(yīng)用程序啟動時的用戶體驗，緩解用戶等待的焦慮而產(chǎn)生的，有品牌傳遞的重要作用。當(dāng)啟動頁在最短的時間內(nèi)向用戶展現(xiàn)獨(dú)有的風(fēng)格或內(nèi)容，抓住人們對文化精神的共鳴點，才能引起用戶的興趣，給他們留下深刻的印象，這是啟動頁必不可少的一項功能。[13]“埋堆堆”APP的啟動頁采用基于對廣彩瓷圖像進(jìn)行分解和重構(gòu)的插畫設(shè)計，形式上選取廣彩瓷中有代表性的蝴蝶、花卉等紋樣，并進(jìn)行扁平化處理；色彩上采用比廣彩瓷色彩飽和度高一些的顏色，并使用主色、輔助色與點綴色形成互補(bǔ)色彩關(guān)系，從而加強(qiáng)畫面的視覺沖擊；構(gòu)圖上則借鑒廣彩瓷圖像的“滿地式”構(gòu)圖表現(xiàn)手法，將主體圖像疏密有致地滿幅排布于畫面之上，既保留了廣彩瓷的風(fēng)格特征，又符合強(qiáng)調(diào)平面性的現(xiàn)代設(shè)計方法（如圖10所示）。

圖10　“埋堆堆”APP啟動頁和推送頁插畫設(shè)計（陳子龍制作）

缺省頁簡單來說就是頁面無內(nèi)容或操作異常的狀態(tài)時展示的APP頁面，需要友好提醒用戶異常，并安撫用戶情緒?！奥穸讯选盇PP缺省頁的插畫設(shè)計在色彩上與主色調(diào)保持一致，采用廣彩瓷圖像中常見的可愛仕女、兒童形象，選用線條勾勒，并平涂色彩的輕松插畫風(fēng)格，在一定程度上可以緩解用戶的焦慮情緒，并結(jié)合粵語元素，由此突出“埋堆堆”APP粵語交流平臺的屬性。缺省頁是由于操作異常引起的，因此需將整體色彩純度降低，來提示用戶操作存在異常的情況（如圖11所示）。

圖11 “埋堆堆”APP缺省頁設(shè)計（陳子龍、王萌制作）

3 結(jié)語

互聯(lián)網(wǎng)時代已經(jīng)到來，APP界面設(shè)計順應(yīng)互聯(lián)網(wǎng)時代而不斷發(fā)展。我國的界面設(shè)計領(lǐng)域還在探索階段，如何兼具現(xiàn)代性與在地性，是目前急需解決的重要課題。本文就“究竟如何將傳統(tǒng)視覺元素融入APP界面設(shè)計”這一關(guān)鍵問題，做了一系列的探索。廣彩瓷是廣府特有的傳統(tǒng)手工藝，可以作為粵文化的載體與界面設(shè)計的創(chuàng)意和靈感來源，將其豐富的圖像資源進(jìn)行源于現(xiàn)代設(shè)計解構(gòu)方法的提取、分解和重構(gòu)等視覺創(chuàng)新，并應(yīng)用于“埋堆堆”粵語APP社交平臺的界面設(shè)計中。這樣不僅可以豐富界面設(shè)計的內(nèi)容和形式，也可以讓人們在瀏覽和使用APP時感受到廣彩瓷的獨(dú)特文化魅力。這對正在逐步被人們忽視和遺忘的傳統(tǒng)文化而言無疑是一次重生，同時也讓界面設(shè)計在實現(xiàn)現(xiàn)代性的同時擁有了獨(dú)特的廣府文化價值意義，實現(xiàn)了兩者的雙向共贏。[14]

[1] 冷東, 肖楚熊. 十三行與瓷器加工制造業(yè)的發(fā)展[J]. 廣州大學(xué)學(xué)報(社會科學(xué)版), 2011(10): 87-92. LENG Dong, XIAO Chu-xiong. The Thirteen Lines and the Development of Porcelain Processing and Manufacturing[J]. Journal of Guangzhou University (Social Science Edition), 2011(10): 87-92.

[2] 廣東省博物館. 廣彩瓷器[M]. 北京: 文物出版社, 2001. Guangdong Provincial Museum. Cantonese Porcelain[M]. Beijing: Cultural Relics Press, 2001.

[3] 陳斯奇，崔慧，杜明漢, 等. 基于機(jī)器學(xué)習(xí)的廣彩瓷圖案生成系統(tǒng)[J]. 信息技術(shù)與電子技術(shù)前沿, 2019(10): 44-56. CHEN Si-qi, CUI Hui, DU Ming-han, et al.Cantonese Porcelain Classification and Image Synthesis by Ensemble Learning and Generative Adversarial Network[J]. Frontiers of Information Technology & Electronic Engineering, 2019(10): 44-56.

[4] 李雪, 王娟. 廣彩瓷在現(xiàn)代包裝設(shè)計中的創(chuàng)新應(yīng)用研究[J]. 西部皮革, 2021, 43(5): 77-78. LI Xue, WANG Juan. Research on Innovative Application of Cantonese Porcelain in Modern Packaging Design[J]. West Leather, 2021, 43(5): 77-78.

[5] 常方圓、余勝男. 移動應(yīng)用界面設(shè)計[M]. 北京：機(jī)械工業(yè)出版社, 2014. CHANG Fang-yuan, YU Sheng-nan. Mobile Application Interface Design[M]. Beijing: Machinery Industry Press, 2014.

[6] 姜波. 配色方案與策略研究及其在用戶界面設(shè)計中的應(yīng)用[J]. 計算機(jī)產(chǎn)品與流通, 2019(9): 250. JIANG Bo. Research on Color Scheme and Strategy and Its Application in User Interface Design[J]. Computer Products and Circulation, 2019(9): 250.

[7] 阿恩海姆 R. 藝術(shù)與視知覺[M]. 朱疆源, 譯. 四川: 四川人民出版社, 1998. ARNHEIM R. Art and Visual Perception[M]. ZHU Jiang-yuan, translated. Sichuan: Sichuan People Press, 1998.

[8] 南京. 移動端手機(jī)主題圖標(biāo)的配色設(shè)計[J]. 設(shè)計, 2018(15): 16-18. NAN Jing. The Color Matching Design of the Mobile Phone Theme Icon[J]. Sheji, 2018(15): 16-18.

[9] 拉爾 J. UI界面設(shè)計黃金法則[M]. 王軍峰, 高戈涵, 饒錦鋒, 譯.北京: 中國青年出版社, 2014. LAR J. Golden Rules on User Interface Design [M]. WANG Jun-feng, GAO Ge-han, RAO Jin-feng, translated. Beijing: China Youth Press, 2014.

[10] 貢布里希 E H. 秩序感——裝飾藝術(shù)的心理學(xué)研究[M]. 楊思梁, 徐一維, 范景中, 譯. 南寧: 廣西美術(shù)出版社, 2017. GOMBRICH E H. The Sense of Order: A Study in the Psychology of Decorative Art[M]. LIANG Si-liang, XU Yi-wei, FAN Jing-zhong, translated. Nanning: Guangxi Fine Arts Press, 2017.

[11] 郭亮亮, 胡書可. 當(dāng)代設(shè)計語境下廣西傳統(tǒng)文化的價值再現(xiàn)[J]. 包裝工程, 2021, 42(8): 248-254. GUO Liang-liang, HU Shu-ke. The Value Reappearance of Guangxi Traditional Culture in the Context of Contemporary Design[J]. Packaging Engineering, 2021, 42(8): 248-254.

[12] 強(qiáng)生 J. 認(rèn)知與設(shè)計: 理解UI界面設(shè)計準(zhǔn)則[M]. 張一寧, 王軍峰, 譯. 北京: 人民郵電出版社, 2011. JOHNSON J. Cognition and Design: Understanding UI Design Guidelines[M]. ZHANG Yi-ning, WANG Jun- feng, translated. Beijing: People's Post Press, 2011.

[13] 李錦. 淺析App啟動頁的功能與設(shè)計趨勢[J]. 美術(shù)教育研究, 2019(8): 66-67. LI Jin. Analysis on the Function and Design Trend of APP Start-up Page[J]. Art Education Research, 2019(8): 66-67.

[14] 代蕾. 現(xiàn)代平面設(shè)計中的民族化趨向探索[J]. 包裝工程, 2021, 42(6): 349-351. DAI Lei. Nationalization Trend in Modern Graphic Design[J]. Packaging Engineering, 2021, 42(6): 349-351.

Deconstruction Application of Cantonese Porcelain Image in User Interface Design of Cantonese APP

JIANG Tao1, HAO Peng2, YANG Chao3

(1.College of Arts, South China Agriculture University, Guangzhou 510642, China; 2.Mai Duidui Technology Co., Ltd., Guangzhou 511466, China; 3.Communication University of Zhejiang, Hangzhou 310018, China)

With the interface design of Cantonese social APP "Mai Duidui" as an example,the work aims to explore how to transform Cantonese porcelain images into contemporary visuals and apply them to APP interface design by modern design methods of deconstruction, so as to enhance the cultural connotation of APP interface design and activate the traditional handicrafts to improve their vitality. With Cantonese porcelain images as the research object, the research method of image analysis was used to summarize the visual characteristics of Cantonese porcelain images.Combined with the specific cases of applying Cantonese porcelain images in interface design of Cantonese social APP "Mai Duidui", how to use modern design methods of deconstruction to decompose and reconstruct the form and color of Cantonese porcelain images and apply them to APP interface design was explored and summarized respectively from three aspects, such as APP color design, APP icon design and APP illustration design. Modern deconstruction design methods provide specific and innovative ways of applying Cantonese porcelain images to APP interface design. These methods can not only enrich the content and form of APP interface design and provide practical innovation paths for the development of modern APP interface design in China, but also make people feel the unique charm of Cantonese porcelain when they browse and use APP. The methods can give an imperceptible impact on promoting Chinese excellent traditional culture and inject new vitality during daily used of APP.

Cantonese porcelain; image; APP interface design; deconstruction

J525.2

A

1001-3563(2023)14-0340-07

10.19554/j.cnki.1001-3563.2023.14.038

2023–02–14

2020年國家社科基金藝術(shù)學(xué)一般項目（20BG121）

江濤（1977—），女，博士，副教授，主要研究方向為視覺設(shè)計及其理論研究。

責(zé)任編輯：藍(lán)英僑