基于漢服文化的交互產(chǎn)品設(shè)計

陳虹婷　李晶

摘要：漢服作為漢民族傳統(tǒng)服飾，經(jīng)歷了數(shù)干年的發(fā)展，已經(jīng)形成了一套完善的體系。文章在對漢服文化體系研究的基礎(chǔ)上，提出漢服文化APP建設(shè)的必要性和可行性。通過對漢服文化APP目標(biāo)用戶的調(diào)研，分析目標(biāo)用戶的認(rèn)知心理、行為及情感特征，以及研究現(xiàn)有漢服相關(guān)APP的痛點。提出了漢服文化APP的設(shè)計思路、信息架構(gòu)、界面視覺、交互設(shè)計，為漢服文化APP的建設(shè)提供了一種新思路。

關(guān)鍵詞：漢服APP 交互設(shè)計 傳統(tǒng)文化 科普

中國分類號：TB472

文獻(xiàn)標(biāo)識碼：A

文章編號：1003-0069 （2020） 02-0134-03

一、背景現(xiàn)狀分析

（一）漢服現(xiàn)狀

漢服作為漢民族傳統(tǒng)服飾，是從黃帝即位到明末清初，在漢族的主要居住區(qū)，以華夏禮儀文化為中心，通過自然演化而形成的具有獨(dú)特漢民族風(fēng)貌的傳統(tǒng)服裝和配飾體系。隨著社會文明的發(fā)展，出于工作和出行的考慮，人們的日常服飾越來越傾向于方便與快捷。傳統(tǒng)漢服因其褒衣博帶，樣式繁瑣，無法適應(yīng)快節(jié)奏的現(xiàn)代生活，逐漸淡出了人們的視線。

而全球化進(jìn)程的加快，使得中國服飾受到了各國服飾文化的沖擊，中國文化創(chuàng)意產(chǎn)業(yè)迎風(fēng)崛起，對中國傳統(tǒng)文化元素進(jìn)行二次創(chuàng)作，其作品受到了廣大年輕人的喜愛。漢服作為中國傳統(tǒng)文化元素的重要元素之一，在文化創(chuàng)意作品中扮演著不可替代的角色。

漢服運(yùn)動自2003年始，時至今日已有16年，接觸、了解、喜歡漢服的人數(shù)在不斷增加，運(yùn)動效果逐漸顯著。近年來，各大高校甚至部分高中紛紛成立了漢服相關(guān)的學(xué)生社團(tuán)。一些較為成功的漢服復(fù)興活動，如西塘漢服文化周，受到了政府部門與主流媒體的關(guān)注與支持，第五屆西塘漢服文化周更是獲得了201 7中國旅游總評榜“年度最具影響力節(jié)慶活動”的榮譽(yù)。但由于傳統(tǒng)漢服經(jīng)歷了清朝“剃發(fā)易服”的政策沖擊，造成了文化斷層，目前仍然有不少國民對漢服的認(rèn)知度較低，將漢服與古裝戲服、和服、韓服混淆，或者簡單地將其歸于漢朝服飾、漢元素服飾。

（二）APP（互聯(lián)網(wǎng)、移動應(yīng)用平臺）現(xiàn)狀

近年來，數(shù)字化技術(shù)漸漸走上了正軌，越來越多的文化科普及宣傳工作者認(rèn)識到了這一強(qiáng)大助力所帶來的改變。信息化時代的年輕人，他們的生活環(huán)境與生活方式與過去有著巨大的差異，對互聯(lián)網(wǎng)平臺及數(shù)字化體驗十分熟悉，也更愿意通過APP（移動應(yīng)用平臺）獲取信息。相較過去，現(xiàn)在許多自然遺產(chǎn)、文化遺產(chǎn)都通過數(shù)字化的方式進(jìn)行收集及存儲，并且以數(shù)字建模、虛擬展示、數(shù)字展演等方式進(jìn)行傳播，提升了傳播的效率和范圍，吸引了更多的年輕人參與其中。

但是，現(xiàn)在的許多傳統(tǒng)文化相關(guān)產(chǎn)品依然走在摸索的道路之上，無法深入地運(yùn)用設(shè)計語言和數(shù)字化交互方式來產(chǎn)生良好的互動，依然通過大量的專業(yè)名詞和灌輸式的教育方式來進(jìn)行信息傳遞。這導(dǎo)致了許多人在接收信息時既無法理解，也缺乏情感化的體驗。

（三）兩者的交叉點

漢服運(yùn)動帶動了越來越多的年輕人加入“同袍（漢服愛好者）”的行列。據(jù)不完全統(tǒng)計，漢服愛好者的活躍人數(shù)已過百萬，并且，由于年輕人的占比較大，近90%的成員選擇在網(wǎng)絡(luò)上進(jìn)行交流分享，包括但不限于微博、貼吧、QQ群、微信公眾號等。截至201 9年2月，漢服資訊相關(guān)微博關(guān)注人數(shù)已達(dá)171.4萬，漢服貼吧關(guān)注人數(shù)95.5萬，累計發(fā)帖數(shù)1373萬。移動互聯(lián)網(wǎng)作為當(dāng)代人日常生活和工作中不可或缺的一部分，接收信息的方式也漸漸走向移動化，碎片化。APP作為互聯(lián)網(wǎng)時代的產(chǎn)物，因其溝通便捷及時，在時間地點方面受限程度低等特性，得到了大量用戶的追捧。我們可以以其為切入點，利用人們對通過移動平臺獲取信息的渴求性的提高，將傳統(tǒng)文化與移動應(yīng)用平臺進(jìn)行結(jié)合。

二、目標(biāo)用戶分析

（一）目標(biāo)用戶范圍

經(jīng)過多方調(diào)研，并通過數(shù)據(jù)分析，我們可以看到，從性別比例上來看，漢服愛好者的男女比例接近1：2，女性漢服愛好者的數(shù)量是男性的兩倍，并且女性的購買力也往往高于男性;從年齡層次上來看，以18-25歲的青年居多，占總?cè)藬?shù)的七成，其次為18歲以下的青少年，約占兩成，其余漢服愛好者多為26-35歲的年輕上班族，由此得出，年輕人對漢服的認(rèn)知程度及接受程度更高;從職業(yè)收入上看，約八成一一也就是絕大多數(shù)漢服愛好者是無穩(wěn)定收入的在校學(xué)生，尤其是大學(xué)生，還有一部分是畢業(yè)不久，初入社會的職業(yè)新人及一部分喜歡國學(xué)的白領(lǐng)、學(xué)者;從購買目的上來看，有一部分人（特別是女性）是出于對服飾本身美觀的喜愛而進(jìn)行購買，對漢服文化本身的認(rèn)知并不多，有一部分人是將其當(dāng)作類似cosplay的寫真服飾，僅用于娛樂活動，如漫展、攝影等，還有一部分人則是出于對漢服文化的喜愛，并會通過各種途徑了解相關(guān)知識、文獻(xiàn)、文物等。在單獨(dú)針對大學(xué)生的問卷調(diào)查中顯示，雖然目前只有不到三成的大學(xué)生接觸過漢服，但超過九成的大學(xué)生表現(xiàn)出對漢服的好感，可見其潛在用戶多，有一定的發(fā)展前景。

（二）目標(biāo)用戶的認(rèn)知心理、行為及情感特征

1.認(rèn)知心理特征

認(rèn)知心理即人通過感覺、知覺、記憶、思維、想象等形式對客觀事物產(chǎn)生的能動反應(yīng)。漢服APP目標(biāo)用戶的年齡基本上是16-25歲的青少年。隨著年齡的增長，青少年個體的智力水平漸漸趨于成熟，認(rèn)知的目的性更加明確。他們在使用APP時更傾向于選擇有用、有趣的產(chǎn)品，因此在制作相關(guān)APP時要有明確的市場定位，合理運(yùn)用設(shè)計語言達(dá)成交互方式的趣味性，內(nèi)容上減少枯燥的專業(yè)名詞的堆砌。同時，為了避免用戶在使用過程中產(chǎn)生心理挫敗感，對于新用戶，要做好交互界面的引導(dǎo)與提示，幫助用戶快速獨(dú)立地完成對APP操作方式的初步了解，建立好初步印象;在設(shè)計時，要調(diào)整好指點位置和目標(biāo)位置及大小之間的合理關(guān)系，盡可能降低操作失敗的可能性。

2.行為特征

“行為是指人們一切有目的的活動，它是由一系列簡單動作構(gòu)成的?！毕鄬τ谀昙o(jì)較大的用戶，青少年用戶往往具備強(qiáng)烈的好奇心，他們熱衷于嘗試新事物，對具有創(chuàng)新性的產(chǎn)品表現(xiàn)出較高程度的喜愛，通過數(shù)字化交互的方式來展現(xiàn)傳統(tǒng)文化，往往比單純的文字圖片更能被他們接納。作為在互聯(lián)網(wǎng)時代長大的青少年，他們更熟悉甚至更樂于使用各種人機(jī)交互產(chǎn)品，能夠通過模仿以往的經(jīng)驗，快速掌握操作方式。但在人們的閱讀習(xí)慣越發(fā)移動化、碎片化的背景下，青少年用戶也具有注意力容易分散、三分鐘熱度等行為特征，往往需要通過或動態(tài)移動或精致有趣的畫面來吸引他們的注意力，以維持用戶的活躍度。

3.情感特征

“情感是人對客觀事物是否滿足自己的需要而產(chǎn)生的態(tài)度體驗?！鼻嗌倌甑那楦型容^敏感，無法自如地約束和控制自身，容易因為外來刺激產(chǎn)生情感上的變化。良好的交互反饋能夠引導(dǎo)青少年產(chǎn)生正面的、積極的情緒，能夠幫助促進(jìn)信息的接收和認(rèn)知的發(fā)展，進(jìn)而滿足他們對通過移動平臺獲取信息的渴求性。并且，在一個群體環(huán)境中，多數(shù)青少年的情感會相互傳導(dǎo)，一個青少年的消極情緒往往會影響其他青少年的使用體驗，反之亦然。因此，APP需要創(chuàng)造一個相對和諧友好的科普及社交環(huán)境，滿足用戶尋求同好并進(jìn)行交流分享的需求的同時，幫助用戶建立輕松愉悅的情感，促使用戶自主對外分享APP，擴(kuò)大用戶群體，吸引用戶流量。

三、設(shè)計研究

（一）設(shè)計思路

1.現(xiàn)有APP痛點

總體說來，絕大多數(shù)漢服APP流量不高且不穩(wěn)定，甚至有些APP自幾年前就不再進(jìn)行更新維護(hù)。所以，現(xiàn)狀是漢服目標(biāo)用戶群體越來越多，然而相關(guān)平臺數(shù)量卻很少，更是缺乏系統(tǒng)化的科普向APP。 而造成這種狀況的原因是現(xiàn)有大多數(shù)漢服APP所具備的功能不具備獨(dú)創(chuàng)性。它們將著力點放在購物和社交上，而市面上同類APP眾多，以更早的發(fā)行時間和更完善的功能吸引了大多數(shù)流量。如購物功能，漢服愛好者完全可以選擇淘寶、天貓，甚至微店、京東;社交功能，同樣有微博、貼吧、QQ等APP可以選擇。特別是面對淘寶、微博這兩個幾乎呈壟斷形勢的APP，現(xiàn)有漢服相關(guān)APP在平臺規(guī)模與用戶基數(shù)上已缺乏明顯優(yōu)勢。最重要的是，這兩款軟件是大多數(shù)進(jìn)行網(wǎng)絡(luò)購物、網(wǎng)絡(luò)社交的用戶都會安裝的軟件，因此用戶專門為漢服下載一個功能雷同的APP的可能性較低，如圖1。

2.設(shè)計創(chuàng)新

漢服作為一個較為小眾的文化，APP設(shè)計著力點應(yīng)在專業(yè)性、獨(dú)創(chuàng)性上，體現(xiàn)中國的傳統(tǒng)文化和歷史變遷。APP的目的是向用戶展現(xiàn)漢服之美，并科普漢服相關(guān)歷史文化，目標(biāo)用戶多接受過良好的教育，以大學(xué)生為主，對漢服有所研究或?qū)h服較為感興趣，文化涵養(yǎng)較高。因此一要迎合當(dāng)下用戶審美，融合傳統(tǒng)文化元素：APP界面設(shè)計需突出漢服文化的風(fēng)格特征，并根據(jù)當(dāng)下年輕人的潮流進(jìn)行融合;二要創(chuàng)新特色核心功能，建立內(nèi)容營銷模式：整合并系統(tǒng)化整理漢服相關(guān)科普，實時更新漢服文獻(xiàn)、文物相關(guān)的新動態(tài)。三要增強(qiáng)交互性設(shè)計，提高用戶黏性：提供漢服DIY設(shè)計功能，開放與漢服定制商家合作的通道。

（二）信息架構(gòu)

APP設(shè)計中的信息架構(gòu)主要指為完成應(yīng)用目標(biāo)中的信息傳播和訪問任務(wù)而進(jìn)行的框架性規(guī)劃，具體體現(xiàn)為對信息組織的深度和廣度的設(shè)計以及主次任務(wù)的規(guī)劃。當(dāng)代用戶使用APP的時間較為碎片化，加之目標(biāo)用戶注意力短暫，容易受環(huán)境影響。因此信息架構(gòu)需簡潔明了，在有限的手機(jī)端應(yīng)用界面上突出核心內(nèi)容，將常用功能放在顯眼易找到的位置。在信息架構(gòu)的廣度上，為確保獲取信息的流暢度，避免用戶失去耐心，縱向?qū)蛹壘S持在3～4個。如第一層級為APP總覽，開啟時的頁面定位在文化體系上，第二層級文化體系、活動資訊、手工制作和個人中心，除個人中心外，其他三個分類能夠保證興趣點不同側(cè)重點的用戶都能找到合適自己的內(nèi)容，第三層級則將上個層次進(jìn)行更細(xì)化的分類，方便用戶進(jìn)行更深入具體的了解，如圖2。

（三）界面視覺

界面視覺設(shè)計指對色彩、文字、圖標(biāo)、圖片、空間整體的編排設(shè)計。一個易懂好用的界面通常建立在良好的視覺層次之上。通過控制不同的視覺元素（即色彩、文字、圖標(biāo)、圖片、空間）的視覺差異，讓用戶在使用APP時自主進(jìn)行區(qū)分，明白他們的重要程度差異，幫助用戶有效地獲得導(dǎo)航指引。

色彩：在色彩運(yùn)用方面，可以參考各朝代的漢服配色，傳統(tǒng)布料色彩飽和度低，多用中間色。同時出于對目標(biāo)用戶及當(dāng)下潮流的考慮，以傳統(tǒng)色彩中的紅色色彩為主，例如胭脂、檀色、海棠紅等，輔以黛色、青豆色，在視覺上給用戶以素雅沉靜又不失活力感的感受。

文字：文字的整體風(fēng)格要統(tǒng)一規(guī)整，如宋體、黑體等，避免使用大量裝飾性或形式多變的文字，一來展示漢服的古典之意，二來字體多變?nèi)菀赘蓴_大腦的識別能力，降低閱讀效率。在文字的大小、間隔的排版上，應(yīng)以簡潔易讀為標(biāo)準(zhǔn)。

圖標(biāo)：圖標(biāo)可分為“功能性圖標(biāo)”和“展示型圖標(biāo)”?！肮δ苄試鴺?biāo)”可進(jìn)行點擊跳轉(zhuǎn)頁面，設(shè)計上以傳遞相應(yīng)的信息為主，如圖3（a），而“展示型圖標(biāo)”更具設(shè)計感。圖標(biāo)的設(shè)計可參考現(xiàn)代常用的簡潔風(fēng)線性圖標(biāo)，結(jié)合漢服的相關(guān)元素，如漢服形制、團(tuán)扇、發(fā)飾、燈籠等，通過線條的方式進(jìn)行繪制，如圖3（b）。

圖片：不同比例的圖片所傳遞的主要信息各不相同，需要結(jié)合產(chǎn)品的特點，并根據(jù)不同的場景來選擇合適的圖片比例進(jìn)行設(shè)計。圖片內(nèi)容以文獻(xiàn)掃描、出土文物、相關(guān)古畫等為主，豐富產(chǎn)品內(nèi)容，避免純文字的枯燥。

空間：空間布局采用“8像素”柵格規(guī)則，利用8的倍數(shù)來規(guī)定頁面中元素的尺寸及各自間距。在UI設(shè)計過程中，Android系統(tǒng)需要導(dǎo)出特殊的@1.5x的切圖，如果圖片尺寸為奇數(shù)，則會出現(xiàn)半像素和虛邊的問題，并且主流的屏幕尺寸大部分都是8的整數(shù)倍。

（四）交互設(shè)計

交互設(shè)計是定義、設(shè)計人造系統(tǒng)的行為的設(shè)計領(lǐng)域，它定義了兩個或多個互動的個體之間交流的內(nèi)容和結(jié)構(gòu)，使之互相配合，共同達(dá)成某種目的。一個優(yōu)秀的移動應(yīng)用產(chǎn)品需要在交互設(shè)計上迎合用戶的心理、行為及情感特征，并對其進(jìn)行合適的引導(dǎo)。首先要提升交互體驗的信息反饋，在用戶執(zhí)行操作時，提供一個快速而簡潔的反饋，如點擊下載后顯示下載的進(jìn)度，網(wǎng)絡(luò)不好加載頁面時增加一個小動畫等，對于用戶容易出錯的操作也要及時給予相應(yīng)的提示信息。其次，交互方式不要過于復(fù)雜，提供恰當(dāng)?shù)慕换ヒ龑?dǎo)，如在新用戶第一次打開APP時加載操作方式的圖文，功能性圖標(biāo)的指向性要明確，盡量減少頁面的層級以避免用戶需要多次點擊才能跳轉(zhuǎn)到需要的頁面。

作為一款傳統(tǒng)文化科普類APP，在設(shè)計時需根據(jù)自己的主題有針對性地營造出符合主題的實景氛圍，凸顯歷史的厚重感及漢服的古典韻味，而不是單純的機(jī)械式數(shù)字復(fù)原或重建。除專業(yè)性外，最重要的就是改變枯燥的傳統(tǒng)科普方式，對交互方式進(jìn)行創(chuàng)新，增加交互體驗上的趣味性。

如在觀看漢服文化的朝代歷史時，采用時間軸的方式，以朝代為切分點，用戶可以通過滑動頁面來拉動時間軸，找到相應(yīng)的朝代，朝代下面是部分簡介，如需查看更詳細(xì)的內(nèi)容則點擊時間軸上的小圓點，彈出相應(yīng)的資料。時間軸的交互方式，既方便用戶對相應(yīng)內(nèi)容的定位，也通過這一形式展現(xiàn)出漢服的源遠(yuǎn)流長，如圖4。

除此之外，也可增加一些小細(xì)節(jié)。如點擊圖標(biāo)切換頁面（第二層級），在相應(yīng)頁面（第二層級）通過指尖滑動切換子頁面（第三層級），更加快捷;點擊圖片上的小圓點高清展示文物的局部細(xì)節(jié)及介紹，如圖5;在DIY設(shè)計頁面可以通過更換漢服形制、顏色、花紋設(shè)計漢服，并將最終圖片進(jìn)行保存下載，方便用戶與商家對接定制。

結(jié)語

漢服和漢字、漢語一樣是中國傳統(tǒng)文化的載體之一，漢服里面包含著國學(xué)中的儒家、道家精神思想，同時又從審美學(xué)角度，代表著中華傳統(tǒng)的美學(xué)視角及藝術(shù)價值。將互聯(lián)網(wǎng)時代的新興產(chǎn)物與傳統(tǒng)文化相結(jié)合，通過APP對漢服進(jìn)行系統(tǒng)化的科普，糾正國人對漢服的認(rèn)知偏差，為復(fù)興漢服文化提供了一種新思路。復(fù)興漢服任重而道遠(yuǎn)，它填補(bǔ)了漢民族服飾的空白，影響著人們對歷史的了解與興趣，增強(qiáng)了國人的民族認(rèn)同感。

參考文獻(xiàn)

[1]王妍，張瑞陽.基于移動平臺的漢服設(shè)計軟件開發(fā)研究[J].包裝工程，2018，39 （22）：258-263

[2]譚迎春.漢服文化APP社交平臺的設(shè)計[J].科教導(dǎo)刊（上旬刊），2017 （10）159-160

[3]施雅慧.傳統(tǒng)文化復(fù)興背景下當(dāng)代漢服運(yùn)動的發(fā)展研究[J].重慶工貿(mào)職業(yè)技術(shù)學(xué)院學(xué)報，2018，14 （03）：4549+60

[4]徐玲，王寶琪，錢卓為.探究中國傳統(tǒng)服飾漢服的特點及其對大學(xué)生的影響[J].大眾文藝，2018 （07）：210-211

[5]林曉雯，詹涵涵，尤嘉偉，吳樂，林楚楚，劉俊哲.設(shè)計生活文化視域下南京傳統(tǒng)手工業(yè)生存現(xiàn)狀初探[J]戲劇之家2018 （24）：229-230

[6]王瑋，韓鵬，蘇靜南京夫子廟景區(qū)文化創(chuàng)意產(chǎn)品現(xiàn)狀分析與研究[J].創(chuàng)意設(shè)計源，2018 （01）：63-67

[7]趙悅利，劉遵月.基于博物館文化的文創(chuàng)產(chǎn)品研究策略分析研究——以南京博物院為例[J].藝術(shù)評鑒，2017（05）：167169

[8]施佳露，郁舒蘭.參與式設(shè)計理念下的文創(chuàng)產(chǎn)品設(shè)計研究[J].家具與室內(nèi)裝飾，2018 （09）：26-27

[9]史湘云，王瑋.藍(lán)印花布在現(xiàn)代女性服飾中的設(shè)計與運(yùn)用[J].戲劇之家，2018 （12）：10