畬族傳統(tǒng)圖案在旅游APP界面視覺設(shè)計中的應(yīng)用

黃慧子 董曉瑋 吳佩芬 王藝霏

（嘉興學(xué)院，浙江 嘉興314000）

一、引言

近年來，傳統(tǒng)文化的傳承和創(chuàng)新越發(fā)得到了黨和國家的重視，在大力弘揚和發(fā)展傳統(tǒng)文化的新時代的背景下，不妨將具有傳統(tǒng)特色的畬族圖案進(jìn)行基因提取，經(jīng)過處理和加工，并結(jié)合現(xiàn)代審美元素創(chuàng)造新的符合時下互聯(lián)網(wǎng)審美的圖案，嘗試將畬族圖案更廣泛地應(yīng)用到移動終端的視覺界面設(shè)計中。畬族傳統(tǒng)圖案在旅游APP界面視覺設(shè)計中的應(yīng)用能夠推動畬族文化創(chuàng)造性轉(zhuǎn)化、創(chuàng)新性發(fā)展，探知畬族裝飾藝術(shù)文化的精髓和畬族的審美心理，同時透過畬族圖案元素的文化符號，大力提升了界面視覺設(shè)計的文化性和傳播性。

目前，國外對畬族方面相關(guān)的課題研究還比較缺乏，尤其是畬族傳統(tǒng)紋飾、圖案一類的研究，尚止步于淺層。而其他對中國傳統(tǒng)紋飾研究的著作有：杰西卡·羅森、張平《蓮與龍：中國紋飾》（上海書畫出版社2019.4），Yongyan LI《民族服飾元素在現(xiàn)代服裝設(shè)計中的應(yīng)用研究》（Cross-cultural Communication，2008）等。海內(nèi)與畬族有關(guān)的專論著作也并不多，像雷光振《景寧畬族服裝的形制》(浙江理工大學(xué)報2005)，許奸超《畬族服飾藝術(shù)》這類關(guān)注到了古代畬族服飾的問題的藝術(shù)家和學(xué)者僅僅是少數(shù)，而像藍(lán)炯熹《畬族家族文化》(2002，福建人民出版社)，雷彎山《畬族風(fēng)情》(2002，福建人民出版社)等論著還僅限于對畬族民風(fēng)民俗的闡述。

文章通過調(diào)查研究的方法整理田野考察得到的畬族實物拍攝圖，進(jìn)行文獻(xiàn)資料搜集與整合，基于前期對畬族傳統(tǒng)圖案特征的研究，分析畬族圖案的界面視覺設(shè)計應(yīng)用情況及發(fā)展應(yīng)用的意義。基于符號學(xué)、圖案學(xué)的解讀方法，結(jié)合運用設(shè)計學(xué)、交互學(xué)、心理學(xué)等研究理論，通過了解畬族裝飾圖案的文化價值和藝術(shù)特征，結(jié)合定性研究、界面視覺設(shè)計原則等方法，以設(shè)計APP界面、圖標(biāo)為例，進(jìn)行應(yīng)用畬族圖案的特色旅游APP界面視覺設(shè)計案例呈現(xiàn)。

二、畬族傳統(tǒng)圖案概述

畬族是生活在我國東南山區(qū)的散雜居少數(shù)民族，隋唐以來在悠久的民族發(fā)展歷程中逐漸形成了風(fēng)格鮮明獨具特征的民族裝飾圖案。畬族傳統(tǒng)圖案種類繁多，由于畬族人民民族信仰和祖先崇拜的特性，圖騰也就成為畬族裝飾圖案中相當(dāng)重要的一部分。畬族人民對動植物的崇拜、對生活的熱愛，和對民族文化的信仰等也成為了畬族裝飾圖案題材豐富的來源。圖案靈感來源山野生活、祖靈形象、人物故事和吉祥愿景等方面。畬族傳統(tǒng)圖案體現(xiàn)著畬族人的文化認(rèn)同、生活習(xí)俗、情感認(rèn)知等方面，是文化交融、共生、演繹的結(jié)果。圖案表象展現(xiàn)了豐厚的民族文化和情感表達(dá)的符號，解讀其獨特的藝術(shù)特征，對當(dāng)代民族傳統(tǒng)文化傳承與設(shè)計創(chuàng)新有重要的理論價值和指導(dǎo)意義。

（一）題材

畬族百姓依山而居，在自給自足的生產(chǎn)方式下逐漸產(chǎn)生了極其豐富的，與畬民生活、自然生命息息相關(guān)的圖案與樣式，通過畬族人民的服飾、建筑、傳統(tǒng)等媒介代代保存至今。主要將其分作兩類：（1）自然動植物類；（2）器物、幾何字符變形類。

畬族人民依山而居，親近自然，在許多畬族服飾、建筑上出現(xiàn)的裝飾圖案都是與自然界動植物相關(guān)聯(lián)的，最典型的就是由畬民原始的自然崇拜而衍化出的“鳳紋”。

此外，還有植物花卉，動物，自然幾何元素等延伸變換出的圖案，植物花卉類是畬族人民參照身邊的植物作為題材的，常見有牡丹、荷花、石榴、桔子等。動物類常見的有飼養(yǎng)的雞、鴨、狗、羊等家畜。

（二）色彩

畬族人民崇尚黑色和深藍(lán)色，在衣物等用色上往往使用大面積的黑、深藍(lán)底色，給人以樸實莊嚴(yán)的感覺。而在細(xì)節(jié)裝飾上的用色則偏重于豐富鮮明、艷麗濃烈的風(fēng)格。比如在黑底色上添加小面積的紅、黃、綠、藍(lán)或白等純度較高的色彩，形成強烈的對比，使紅的更艷，綠的更鮮，藍(lán)的更透，帶來視覺上的沖擊感。同時，畬族人民重視色彩的象征性和寓意性，且講究用色整體的和諧統(tǒng)一與視覺美感。大面積底色與小面積點綴色的相結(jié)合，使整體色彩并不顯得雜亂，反而體現(xiàn)出喜慶、幸福的感覺。畬族人民的用色是是生活的經(jīng)驗，也是心靈的感受，具有神秘、粗獷的質(zhì)樸美。

（三）寓意

畬族人民與大自然較為親近，對動物生存習(xí)性非常熟悉，他們常以鹿、鶴、獅代表人的質(zhì)樸剛健，以狐貍，老虎等動物代表具有巫力，以喜鵲、蝴蝶、蝙蝠等代表生動活潑。畬族經(jīng)常將動物與植物花卉紋相結(jié)合，組成“喜上眉梢”、“竹鹿同春”等吉祥紋飾。自然幾何元素類主要是從大自然中提取的元素進(jìn)行抽象化而形成的幾何圖案，即意符文字，常見的有云彩、日、月、閃電、魚等，大多是繡在畬族彩帶上，或者服飾邊緣。

三、界面視覺設(shè)計概述

隨著全球數(shù)字化的發(fā)展，數(shù)字化環(huán)境在人們?nèi)粘Ｉ钪械膽?yīng)用范圍越來越廣，也對傳統(tǒng)的視覺傳達(dá)設(shè)計內(nèi)容提出了新的時代需求。界面視覺設(shè)計內(nèi)容包含圖標(biāo)、圖形、色彩、文字、布局等要素。界面視覺設(shè)計通過定位使用者、使用環(huán)境和使用方式，以友好美觀的界面帶給人舒適的視覺享受，提高界面的可讀性，拉近人與物的距離。在界面視覺設(shè)計中的色彩、元素和布局極為重要。界面所使用的色彩往往奠定了界面的情感和風(fēng)格，準(zhǔn)確的元素選用能直觀形象的表現(xiàn)主題，在細(xì)節(jié)上體現(xiàn)修飾整體畫面，而界面的布局能夠引導(dǎo)使用者的視覺重點、突出功能重點。

四、畬族傳統(tǒng)圖案在旅游APP界面視覺設(shè)計中的應(yīng)用意義

一個民族的傳統(tǒng)裝飾圖案是族群發(fā)展變遷的非文本載體，也是歷史文化的見證和烙印。畬族人民在長期的生活生產(chǎn)實踐中，挖掘自然美感，發(fā)揮主觀能動性，用敏銳的洞察力和豐富的想象力創(chuàng)造出了具有鮮明生活印記、獨特審美思考和歷史民族情結(jié)的豐富的畬族傳統(tǒng)圖案寶庫。如云紋、卷草紋、線型紋等紋樣常出現(xiàn)在畬族的服飾和建筑中，蝴蝶、鳳凰等動物紋樣也深受畬民的喜愛，它們往往寓意著吉祥和祝福，寄托了畬族人民美好的愿景。這種特殊的文化瑰寶凝聚了歷代畬民的文化和審美，被運用于畬族人民的傳統(tǒng)服飾、建筑、生活用品、飾品等方方面面，在歷史長河中迭代相傳。但如果缺乏有意識的保護(hù)和傳承，傳統(tǒng)裝飾圖案背后的文化基因和進(jìn)化歷程也將漸漸丟失，再不可考。

改革開放以來，越來越多的有識之士認(rèn)識到對畬族文化的保護(hù)和開發(fā)是必要的。在全國和地方先后召開的多次畬族文化研討會、國家政府不斷推出的保護(hù)和挖掘民族傳統(tǒng)文化的政策等，都對畬族文化的保護(hù)和發(fā)展起到了至關(guān)重要的作用。

如今，畬族文化的發(fā)展呈現(xiàn)出了日新月異的態(tài)勢，并在發(fā)展中不斷開辟出新的領(lǐng)域。將畬族紋飾元素、意符文字等結(jié)合現(xiàn)代設(shè)計方法融入當(dāng)?shù)芈糜蜛PP界面，設(shè)計相關(guān)的icon、logo，能夠彰顯民族文化特色、提升民族自信、美化界面視覺設(shè)計并推動民族傳統(tǒng)圖案與現(xiàn)代移動終端應(yīng)用的形式相結(jié)合，締造符合互聯(lián)網(wǎng)審美的新創(chuàng)意和新設(shè)計。

畬族傳統(tǒng)圖案在旅游APP界面視覺設(shè)計上的應(yīng)用研究，是在新領(lǐng)域開辟過程中的一種重要嘗試。將畬族傳統(tǒng)的圖案用于旅游APP界面視覺設(shè)計，提高其視覺美觀性和文化創(chuàng)意性，同時也傳承和推廣了畬族極具魅力的傳統(tǒng)文化和裝飾圖案。將民族文化的融合共生與互聯(lián)網(wǎng)時代的新特色進(jìn)行演繹變化和組合碰撞，發(fā)展中的畬族文化，正越來越散發(fā)出迷人的獨特魅力。這樣的良性循環(huán)使得中國傳統(tǒng)文化在全球化的時代背景下仍能獨樹一幟，再次印證了“越是民族的，就越是世界的”。

五、畬族傳統(tǒng)圖案在旅游APP界面視覺設(shè)計中的應(yīng)用方法

（一）圖形提取

將一組圖形進(jìn)行分塊化，構(gòu)造出圖案的層次表達(dá)模型，如圖1所示。假設(shè)將圖形分成N個區(qū)域，則每一塊圖都用字母“T1、T2、T3...TN”進(jìn)行表示，而每一個“T”區(qū)塊中包含的復(fù)合圖案還將進(jìn)行細(xì)化和拆解，拆解出來的n個初始單位則用字母“U1、U2、U3...Un”進(jìn)行表示。畬族傳統(tǒng)圖案的分割和提取就是根據(jù)構(gòu)造出的層次表達(dá)模型和區(qū)塊進(jìn)行運算而得到的。

構(gòu)造從句,根據(jù)第一提取出來的圖案再次進(jìn)行細(xì)分，對于空間上臨近的輪廓，需要對他們的邊緣相距的距離進(jìn)行估算，從而判斷是否對復(fù)合圖案進(jìn)行拆分。輪廓清晰的復(fù)合圖案可以繼續(xù)進(jìn)行拆解，利用輪廓識別提取的方法，根據(jù)每一個復(fù)合圖案的N個子圖案進(jìn)行從句表示，即構(gòu)造包含N個字母的初始符“U12,U13,U14...”，對于更多層的圖形可以再次構(gòu)造更加復(fù)雜的從句進(jìn)行拆解。

對于色彩也可以進(jìn)行提取利用，主要提取占比例較大的色彩，再進(jìn)行同色處理，以便于對比區(qū)分圖案輪廓，最后基于顏色特征及色彩區(qū)域的輪廓特點對得到的同色區(qū)域進(jìn)行提取。

圖1圖形提取

（二）色彩提取

圖2色彩提取

以單幅畬族傳統(tǒng)圖案為例，先將原圖片進(jìn)行像素化，可以得到弱化細(xì)節(jié)、凸顯色塊的全像素圖。即使用“馬賽克”濾鏡對源圖細(xì)節(jié)進(jìn)行模糊處理，在案例中使用的單元格大小數(shù)值為100方形（即每個色塊的大小）。去除范圍內(nèi)圖像的色階細(xì)節(jié)，僅保留色塊特征，得到全像素圖。最后對全像素圖中幾種主要顏色的區(qū)域像素點進(jìn)行提取。以上展示的是該圖部分顏色像素點的提取圖。

通過Adobe Photoshop軟件進(jìn)行色板提取，得到圖主色及比例。構(gòu)造公式（單色像素點個數(shù)÷全像素點個數(shù)*100%），通過計算可以得到各主色的像素比例。

由此得到顏色提取的全流程：源圖→全像素圖→色板提取→主色提取→像素比例

運用軟件及公式，通過對多組圖進(jìn)行顏色批量提取，綜合得到畬族圖案色彩庫。此時，按像素比例將圖綜合色彩庫中的主色分出，形成主色庫；輔色分出，形成輔色庫；點綴色分出，形成點綴色庫。通過排列與組合的公式，計算從三個色庫中可以得到的配色方案。結(jié)合設(shè)計師的審美和需求，發(fā)揮主觀能動性，選取若干配色方案加以應(yīng)用。例如從包含五十種主色的主色庫中選取一種顏色，從包含一百種輔色的輔色庫中選取兩種顏色，從包含一百五十種點綴色的點綴色庫中選取三種顏色，可以得到配色方案。

（三）解構(gòu)與重組

從極富畬族民族特色的事物中提取出的傳統(tǒng)圖案樣式與圖形紋樣具有多樣性和豐富性的特點，通過觀察不難發(fā)現(xiàn)，畬族傳統(tǒng)圖案在構(gòu)圖布局中常常體現(xiàn)出對稱、均衡、充實、秩序化等特征。在此基礎(chǔ)上分析、提取出畬族傳統(tǒng)圖案在視覺符號語系中的一套法則，參考法則進(jìn)行后續(xù)的圖案變形研究，并加以應(yīng)用。在各類豐富的畬族圖案中，最突出的特點就是講求圖案布局上的對稱均衡和變化統(tǒng)一。

圖3圖形重構(gòu)

對稱的圖案具有天然的平衡美感，在畬族的傳統(tǒng)圖案中，常能見到形式不一的對稱圖案。上下、左右、中心、旋轉(zhuǎn)等對稱在畬族傳統(tǒng)圖案中都是十分常見的。在對稱的圖案中，常能感受到靜態(tài)的整齊、穩(wěn)重和沉靜，同時突出中心。

均衡是指不同部分和圖案元素之間既對立又統(tǒng)一的空間關(guān)系，在不同部分的圖案之間即使沒有完全對稱，在視覺上卻不會產(chǎn)生失衡感，仍保有圖案整體的協(xié)調(diào)性、美觀性。均衡的圖案更加富有變化，它的形式自由，具有活潑、跳躍、豐富的動態(tài)美。人在視覺感受上的平衡感需要依靠合理的構(gòu)圖獲得，因此對稱與均衡法則在設(shè)計中也是極其重要的。

變化是指各個圖案所代表的的事物之間個性的差異，而統(tǒng)一是指各個事物之間仍存有共性相同的地方。在圖案構(gòu)成中，過于多變紛雜的事物組成容易造成人們視覺上的感知負(fù)荷過大，但千篇一律的單調(diào)圖案又不免顯得乏味。

人們追求既有整體規(guī)律感，又兼具變化性和新鮮美感的圖案。畬族裝飾圖案顯然遵循變化與統(tǒng)一的法則，常能看到由多種形式因素組成的圖案之間，按照富于變化又具有規(guī)律的形式排列和組合在一起，達(dá)到了變化統(tǒng)一的最終目的——和諧。

文章根據(jù)上述的符號構(gòu)成法則，結(jié)合圖形提取及色彩提取的方法，對元素進(jìn)行解構(gòu)和重組進(jìn)而完成交互元素的設(shè)計。

1.圖案元素的變形

在保持畬族傳統(tǒng)圖案紋飾的結(jié)構(gòu)特點的基礎(chǔ)上，結(jié)合現(xiàn)代藝術(shù)風(fēng)格，運用基本形變異的方式，通過平移、旋轉(zhuǎn)、軸對稱、中心對稱、縮放、變形等功能對單個圖案元素進(jìn)行變形，強化和夸張動植物紋飾、幾何紋飾的基本形抽象特征，得到變異基本形。

2.組合和重構(gòu)

在保留基本形主要結(jié)構(gòu)特征的前提下，依據(jù)設(shè)計師的設(shè)計意圖進(jìn)行靈活設(shè)計和調(diào)整，主要是在基本形的邊緣和次要部分采用打散、重構(gòu)等方法，組合或疊加使用變異基本形圖案，并調(diào)整元素的空間位置及數(shù)量，重構(gòu)得到新的圖形，使其兼具畬族傳統(tǒng)民族風(fēng)格特色和現(xiàn)代美學(xué)美觀性，做到分中有合、主次分明。

3.顏色的調(diào)整

使用色彩提取的方法并進(jìn)行計算可以直接得到多組配色方案，通過發(fā)揮設(shè)計師的主觀能動性，選取適配度較高，符合現(xiàn)代審美的配色方案加以應(yīng)用。批量配色方案使一組重構(gòu)圖案在視覺上產(chǎn)生新鮮感，能夠適應(yīng)更廣泛的應(yīng)用場景。

（四）應(yīng)用

文章通過收集畬族傳統(tǒng)圖案的資料和圖片，從中歸納和提煉出部分畬族標(biāo)志性的傳統(tǒng)圖案。在此基礎(chǔ)上對畬族傳統(tǒng)圖案進(jìn)行二次抽象和簡化，將民族傳統(tǒng)風(fēng)情與時代審美糅合在一起，產(chǎn)生全新的裝飾圖案，再將其應(yīng)用于畬族特色旅游APP相關(guān)的界面視覺設(shè)計。

在APP界面視覺設(shè)計中必不可少的是icon和logo，以畬族當(dāng)?shù)氐穆糜翁厣獳PP為例，從意符文字中選取特色鮮明的特定符號可以直接作為icon，或者將意符文字進(jìn)行中心旋轉(zhuǎn)等變形，得到更加飽滿的符號。同時，logo中也對“畬”這個字體進(jìn)行了創(chuàng)意形變和抽象表達(dá)。色彩上采用畬族崇尚的深藍(lán)色（RGB：26,54,127）作為主題色，在logo上點綴以鮮亮的紅色（RGB：215,39,40）,在保留畬族追求顏色濃郁和厚重艷麗感的同時平添幾分情趣。如圖4所示。

在具體APP界面中也大量運用了穩(wěn)重的厚藍(lán)色，各個界面明確了分工，尤其是旅游內(nèi)容相關(guān)的頁面排版，圖文并茂，最大化滿足用戶的使用體驗和視覺體驗需求，如圖5所示。

圖4 icon和logo設(shè)計

圖5旅游APP界面視覺設(shè)計

圖6畬族裝飾詞條

傳統(tǒng)百科詞條追求簡潔大方，統(tǒng)一的形式弱化了不同詞條的差異和特點。而在當(dāng)?shù)芈糜蜛PP中，我們?yōu)楫屪鍌鹘y(tǒng)元素相關(guān)的百科詞條設(shè)計了極富民族特色的裝飾條，如圖6所示。

畬族傳統(tǒng)紋飾元素通過色彩搭配、空間布局和樣式組合，可以呈現(xiàn)出豐富且極具藝術(shù)美感的裝飾效果。這類具有畬族特色的裝飾詞條在提升美觀性的同時也能更具象地傳遞畬族的文化形象，體現(xiàn)民族風(fēng)情和文化特色，增加人們對畬族圖案的熟識度。

六、結(jié)語

文章對畬族傳統(tǒng)圖案進(jìn)行了特征提取與簡化，并與現(xiàn)代的互聯(lián)網(wǎng)審美相結(jié)合，最終應(yīng)用于畬族特色旅游APP的界面視覺設(shè)計。以現(xiàn)代語境、結(jié)合界面視覺設(shè)計的形式呈現(xiàn)出豐富的畬族文化，實現(xiàn)了畬族文化的現(xiàn)代設(shè)計轉(zhuǎn)譯。但保護(hù)和發(fā)揚傳統(tǒng)文化的道路遠(yuǎn)不止于此，要將古老的中華民族傳統(tǒng)文化傳承下去，讓它在互聯(lián)網(wǎng)時代大放異彩，還需要現(xiàn)代設(shè)計師們的共同思考和努力。