APP界面設計中傳統文化應用研究

朱武貞

（武漢理工大學 藝術與設計學院，湖北武漢，430000）

引言

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

1 傳統文化元素在app界面交互設計上的體現

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

1.1 場景構建

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

圖1 人物的實景表演

圖2 還原古代賞畫的場景

1.2 角色引入

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

圖3 使用放大鏡對畫作進行查看與鑒賞

1.3 互動游戲

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

圖4 斗拱組裝游戲

圖5 瑞獸DIY游戲

1.4 3D瀏覽

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

圖6 部件的360°瀏覽

2 傳統文化元素在app界面視覺設計上的體現

中國傳統文化元素諸如祥云、燈籠等體現了中國獨特樣貌，通過利用傳統文化元素進行設計與 app界面結合，中國風色彩的運用，不僅為設計師提供了界面風格設計的豐富靈感，同時也能夠讓幾千年的傳統文化特色在現代生活中大方異彩，展示其特有的魅力。

2.1 元素運用與設計

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

圖7 微信紅包

圖8 qq音樂

2.2 色彩應用

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

圖9 清代皇帝服飾

3 傳統文化元素在app界面上的框架設計

傳統文化類app在框架上其實沒有固定的格式，他與一般都app不一樣，他不一定需要規范的導航欄標簽欄，而是跟據文化本身去定制合適的首頁布局和引導方式，文化類 app的本身功能不是重點，而是通過文化傳達一種理念，他傳達的是一種在生活，用戶不需要用它達到任何功能而是在一個悠閑地午后慢慢品茗，徜徉在文化之中。《紫禁城祥瑞》的布局是瀑布流式的，用戶通過從上往下滑動，瑞獸則是從天上到地下再到水里，如同畫卷娓娓道來，使用 app的人成為了一個觀賞者，讓產品的的功能不再是簡單的展品的陳列的與傳播，而是通過這種布局穿插展品的信息，不動聲色的將展品灌輸進了用戶的記憶里。《韓熙載夜宴圖》首頁進入時為故事的講解，通過故事的形式交代了文化背景，框架為簡單的二級頁面，首頁長畫卷展示出全部可以觀看的部分，用戶通過點擊可以查看相應部分的表演，就如同一個點播臺，使得即時不懂得欣賞畫作的人也能夠輕松的了解這幅畫上的故事。

4 結束語

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

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

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

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

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

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