APP界面設(shè)計中傳統(tǒng)文化應(yīng)用研究

朱武貞

（武漢理工大學(xué) 藝術(shù)與設(shè)計學(xué)院，湖北武漢，430000）

引言

中華民族擁有數(shù)千年的燦爛文化，形成了獨(dú)具中國特色的傳統(tǒng)文化符號，他們一起構(gòu)成了中華文化的一部分。帶有吉祥意味的祥云、火紅喜慶的剪紙、各具特色的非物質(zhì)文化遺產(chǎn)等傳統(tǒng)美學(xué)元素，曾經(jīng)：在中國歷史上扮演著重要的角色。隨著新文化的入侵，傳統(tǒng)文化元素的發(fā)揚(yáng)更是成為了國家關(guān)注的問題，將傳統(tǒng)文化元素與當(dāng)代社會產(chǎn)物相結(jié)合也不是一個新的命題，各個領(lǐng)域的設(shè)計師們更是為此不遺余力。20世紀(jì)五六十年代，就涌現(xiàn)了不少傳統(tǒng)元素與電視動畫相結(jié)合的例子，如，與中國水墨畫結(jié)合的小蝌蚪找媽媽，在西游記中利用祥云元素設(shè)計成孫悟空的筋斗云、孫悟空的角色形象更是借鑒了京劇中孫悟空的臉譜造型等；在現(xiàn)代，西游記故事的各類再創(chuàng)造，以及動畫電影《大魚海棠》中的福建土樓建筑、山海經(jīng)故事的運(yùn)用，都是現(xiàn)代媒體設(shè)備與傳統(tǒng)文化元素結(jié)合的產(chǎn)物，而他們中許多都對社會產(chǎn)生了不小的影響。而現(xiàn)在，手機(jī)作為人們?nèi)粘Ｉ畹谋匦杵?，?yīng)用與服務(wù)充斥其中，而利用傳統(tǒng)文化元素進(jìn)行設(shè)計的app更是不在少數(shù)，利用app的特色，將app打造成傳統(tǒng)文化的傳播平臺更是許多設(shè)計師在探尋的問題。

1 傳統(tǒng)文化元素在app界面交互設(shè)計上的體現(xiàn)

縱觀目前國內(nèi)市場的app設(shè)計，對傳統(tǒng)文化元素進(jìn)行運(yùn)用的app主要有三大類，第一類是以非物質(zhì)文化遺產(chǎn)為載體的純傳統(tǒng)文化傳播類 app，這類app目前做的比較有突出的有故宮博物院的系列app，如《紫禁城祥瑞》、《韓熙載夜宴圖》等；第二類是產(chǎn)品功能本身與傳統(tǒng)文化元素有相似性與關(guān)聯(lián)性，如《每日故宮》，擁有日歷功能的同時傳播中國的節(jié)氣文化以及每日的故宮展覽等；第三類是產(chǎn)品功能本身與傳統(tǒng)文化聯(lián)系不多，但是在傳統(tǒng)節(jié)日里會跟據(jù)節(jié)日氛圍修改閃屏內(nèi)容，如《百度貼吧》等的中秋節(jié)專題閃屏。通過整合，筆者將從以上類別的app里界面交互設(shè)計進(jìn)行分析與總結(jié)。

1.1 場景構(gòu)建

場景構(gòu)建式app大部分應(yīng)用于非遺類app中，以場景的形式模擬傳統(tǒng)文化、手工藝等的場景，目的式將用戶快速引入一個氛圍中。頁面的信息呈現(xiàn)方式以還原最初的場景為契機(jī)，啟發(fā)用戶的興趣。故宮博物院出品的《韓熙載夜宴圖》，用戶在瀏覽過程中，不僅可以觀看畫卷的故事，同時在某些部分還可以長按圖中人物觀看畫卷中人物的實(shí)景表演（例如圖1），讓觀看者猶如身臨其境；《胤禛美人圖》以畫卷的形式鋪展開來，按照12圖美人的順序?yàn)g覽和頁面滑動方向從右到左，還原古代賞畫的場景（例如圖2）。上海博物館出品的《元青花》app，在科普瓷器文化的同時，用戶可以通過親手操作制作陶器，完成拉胚、燒制等步驟，模擬瓷器生成的過程讓用戶在家也能身臨其境的感受到瓷器制作的魅力。

圖1 人物的實(shí)景表演

圖2 還原古代賞畫的場景

1.2 角色引入

角色引入與場景構(gòu)建的手法相類似，場景構(gòu)建是將場景帶到用戶眼前，而角色引入則是讓用戶代入角色，用戶成為產(chǎn)品的一部分。《胤禛美人圖》讓用成為畫作欣賞者，用戶可以使用放大鏡對畫作進(jìn)行查看與鑒賞（例如圖3），可以查看畫作中各種飾品、家具的細(xì)節(jié)與來源，用戶宛如成為了一個畫作的鑒賞者，在這個過程中，用戶對于 app不在是局外者，而是融入了這個產(chǎn)品成為了其中之一。

圖3 使用放大鏡對畫作進(jìn)行查看與鑒賞

1.3 互動游戲

游戲互動在許多app上并不陌生，而在這類中國風(fēng)app中，游戲店運(yùn)用主要用于讓用戶更好的理解產(chǎn)品內(nèi)容，通過游戲，用戶不僅獲得成就感而且能夠加深用戶的印象，這對于文化的傳播有極大的幫助。例如《斗拱》app，主要功能為介紹斗拱結(jié)構(gòu)，斗拱結(jié)構(gòu)較為復(fù)雜，通過文字與圖片描述比較難讓用戶理解，在app里面設(shè)置了斗拱組裝游戲（例如圖4），必須完成上一個關(guān)卡才能進(jìn)行下一關(guān)，每一關(guān)都有規(guī)定時間來完成，用戶通過組裝游戲，從簡單開始一關(guān)一關(guān)的進(jìn)行，最終通關(guān)，是一個斗拱由簡到難的學(xué)習(xí)過程，同時用戶也能在游戲中真正了解到斗拱的特殊結(jié)構(gòu)，寓學(xué)于樂；《紫禁城祥瑞》主要內(nèi)容為向用戶展示和介紹紫禁城的瑞獸以及與瑞獸相關(guān)的藏品，在展示的最后，通過一個瑞獸DIY游戲（例如圖5），分別為瑞獸換上自己喜歡的羽毛、角、顏色、鱗片等，通過這種形式側(cè)面體現(xiàn)了瑞獸的造型的多變。

圖4 斗拱組裝游戲

圖5 瑞獸DIY游戲

1.4 3D瀏覽

作為一種最接近于實(shí)物的展示方式，360°虛擬瀏覽廣泛應(yīng)用于虛擬博物館展品展示及電子商務(wù)平臺商。[1]在商品展示中，達(dá)到使用者與展示品最好的溝通與交流這種手法，通過模型重建的形式，在軟件設(shè)計中，用戶可以通過點(diǎn)擊翻轉(zhuǎn)等全面瀏覽產(chǎn)品，觀察產(chǎn)品各個部分的細(xì)節(jié)，主要應(yīng)用于展品的app中。《榫卯》app，榫卯是我國一種特色的家居產(chǎn)品結(jié)構(gòu)，結(jié)構(gòu)相對復(fù)雜同時種類繁多，用戶在app內(nèi)可以通過對部件的360°瀏覽觀察他的結(jié)構(gòu)特點(diǎn)（例如圖6）。

圖6 部件的360°瀏覽

2 傳統(tǒng)文化元素在app界面視覺設(shè)計上的體現(xiàn)

中國傳統(tǒng)文化元素諸如祥云、燈籠等體現(xiàn)了中國獨(dú)特樣貌，通過利用傳統(tǒng)文化元素進(jìn)行設(shè)計與 app界面結(jié)合，中國風(fēng)色彩的運(yùn)用，不僅為設(shè)計師提供了界面風(fēng)格設(shè)計的豐富靈感，同時也能夠讓幾千年的傳統(tǒng)文化特色在現(xiàn)代生活中大方異彩，展示其特有的魅力。

2.1 元素運(yùn)用與設(shè)計

通過對傳統(tǒng)文化元素的再設(shè)計，結(jié)合當(dāng)下的流行趨勢或者 app本身的特點(diǎn)進(jìn)行元素再創(chuàng)造。紅包，一個春節(jié)的符號，象征喜慶與美好的祝愿，本來對于常人來說受到紅包只是再一年中的春節(jié)，而微信紅包的出現(xiàn)，一改這種形式，她出現(xiàn)在某一年的春節(jié)活動，而他的功能卻保留到了今天，使得人們再平常的生活中仍人可以發(fā)紅包、收紅包，給“紅包”這個特色賦予了新的生命力（例如圖7）；qq音樂在中秋節(jié)的時候?qū)㈤W屏改成中秋節(jié)的特色，與其他的app的閃屏不一樣的是，她將月亮與自身的logo達(dá)到了一個很好的結(jié)合，而不是簡單的閃屏，不僅達(dá)到了跟隨熱點(diǎn)的目的同時也能顧很好的營銷自己的產(chǎn)品（例如圖8）。在許多非遺產(chǎn)品中，他們會利用傳統(tǒng)的音樂如二胡或者琵琶等樂器的背景音樂，在視覺體驗(yàn)的同時帶來聽覺上的享受，這種現(xiàn)象在一般app中也有體現(xiàn)。

圖7 微信紅包

圖8 qq音樂

2.2 色彩應(yīng)用

在眾多的設(shè)計語言中，色彩是最能夠快速直觀傳達(dá)信息的語言，他通過色彩的調(diào)配能夠表達(dá)不同的風(fēng)格特色以及情感表達(dá)，同時，用戶再使用app中對界面中最敏感的就是色彩了，他直接關(guān)系到能不能夠在第一眼就抓住用戶的目光。在這些軟件中最常用的顏色有紅、黃、綠、灰、白、水墨、黑、白、灰等，而這些顏色也正是中國的傳統(tǒng)色彩，再《清代皇帝服飾》中，主色調(diào)深藍(lán)和黃色，顏色的大面積使用，營造了一種清宮中神秘而高貴的氛圍（例如圖9），再營造場景效果中，色彩的選擇尤為重要。在故宮系列app中，最長用的色彩磚紅色、宣紙黃等，整體色調(diào)低保和低純度，營造出一種真實(shí)的質(zhì)感，最大化的還原了當(dāng)代的文化氛圍。

圖9 清代皇帝服飾

3 傳統(tǒng)文化元素在app界面上的框架設(shè)計

傳統(tǒng)文化類app在框架上其實(shí)沒有固定的格式，他與一般都app不一樣，他不一定需要規(guī)范的導(dǎo)航欄標(biāo)簽欄，而是跟據(jù)文化本身去定制合適的首頁布局和引導(dǎo)方式，文化類 app的本身功能不是重點(diǎn)，而是通過文化傳達(dá)一種理念，他傳達(dá)的是一種在生活，用戶不需要用它達(dá)到任何功能而是在一個悠閑地午后慢慢品茗，徜徉在文化之中?！蹲辖窍槿稹返牟季质瞧俨剂魇降模脩敉ㄟ^從上往下滑動，瑞獸則是從天上到地下再到水里，如同畫卷娓娓道來，使用 app的人成為了一個觀賞者，讓產(chǎn)品的的功能不再是簡單的展品的陳列的與傳播，而是通過這種布局穿插展品的信息，不動聲色的將展品灌輸進(jìn)了用戶的記憶里?！俄n熙載夜宴圖》首頁進(jìn)入時為故事的講解，通過故事的形式交代了文化背景，框架為簡單的二級頁面，首頁長畫卷展示出全部可以觀看的部分，用戶通過點(diǎn)擊可以查看相應(yīng)部分的表演，就如同一個點(diǎn)播臺，使得即時不懂得欣賞畫作的人也能夠輕松的了解這幅畫上的故事。

4 結(jié)束語

結(jié)合中國傳統(tǒng)文化元素對 app進(jìn)行設(shè)計，首先，在功能上，用戶與 app之間有效的游戲與互動要比簡單的知識堆砌能夠讓用戶的印象更深刻；其次，在色彩運(yùn)用上，利用傳統(tǒng)文化元素本身的固有色能夠營最大化的還原文化氛圍；最后，文化內(nèi)容決定信息架構(gòu)，信息架構(gòu)影響視覺設(shè)計，交互形式依附于視覺和框架。利用傳統(tǒng)文化元素進(jìn)行設(shè)計的 app，首先應(yīng)該思考如何去傳達(dá)中國文化元素的內(nèi)涵，而不是簡單的展示與普及，結(jié)合文化的意境與現(xiàn)代的流行趨勢相結(jié)合，讓他們碰撞出不一樣的火花。

[1]譚坤, 劉正宏, 李穎.“非遺”傳承創(chuàng)新語境下的APP界面設(shè)計研究[J].包裝工程, 2015, 36(08): 60-63+115.

[2]王琳.品牌傳播新媒介—品牌APP界面設(shè)計研究與探索[D].東華大學(xué), 2014.

[3]疏梅.中國吉慶元素在APP界面設(shè)計中的應(yīng)用研究[J].淮海工學(xué)院學(xué)報(人文社會科學(xué)版), 2015, 13(12): 61-63.

[4]榮琪明.手機(jī)游戲APP中的中國傳統(tǒng)元素應(yīng)用[J].藝術(shù)研究, 2015, (4):178-179.

[5]袁師，王相和.中國傳統(tǒng)文化符號融入APP界面設(shè)計中的必要性[J].中外交流 , 2017 (37)