基于文化轉(zhuǎn)譯的傳統(tǒng)文化類APP界面視覺設(shè)計研究

1、 基于文化轉(zhuǎn)譯的傳統(tǒng)文化類APP界面視覺設(shè)計研究 曹粲Summary：移動數(shù)字設(shè)備的廣泛普及改變了人們的生活方式。隨著社會對中國傳統(tǒng)文化的關(guān)注度日益提高，越來越多的用戶開始使用移動數(shù)字設(shè)備學習、傳承中國傳統(tǒng)文化。本文著重從傳統(tǒng)文化類APP界面視覺設(shè)計方面進行研究，探討在視覺層面進行文化轉(zhuǎn)譯的必要性，并從界面視覺要素等方面結(jié)合具體的APP設(shè)計案例進行分析，總結(jié)歸納在傳統(tǒng)文化類APP界面視覺設(shè)計過程中進行文化轉(zhuǎn)譯的關(guān)鍵要素和規(guī)律，以此提升傳統(tǒng)文化類APP的用戶使用體驗。Key：文化轉(zhuǎn)譯;傳統(tǒng);APP界面;視覺設(shè)計：J524 ：A文章編碼：1672-7053（2020）05-0127-04移動互聯(lián)時

2、代下，手機成為人們生活中的必需品。伴隨著人們對于精神文化的需求逐漸擴大，傳統(tǒng)文化的傳承備受關(guān)注。傳統(tǒng)文化類APP是現(xiàn)代社會人類接觸了解中國優(yōu)良傳統(tǒng)文化的重要渠道，但是當下很多傳統(tǒng)文化產(chǎn)品對于傳統(tǒng)文化的內(nèi)涵理解不夠深刻，導致用戶對此類產(chǎn)品的滿意度尚未達到較高水平。因此，在對傳統(tǒng)文化類APP進行設(shè)計的過程中，如何提升此類APP的質(zhì)量，更好地將中國千百年來的優(yōu)秀傳統(tǒng)文化以更深刻、更恰當?shù)姆绞皆贏PP中進行表達和傳播，成為當前傳統(tǒng)文化類APP面臨的重大挑戰(zhàn)之一。新的觀念與思維方式的導入為我們重新審視傳統(tǒng)文化提供了更廣闊的思維空間。對傳統(tǒng)文化視覺元素進行研究和創(chuàng)造性解讀，利用設(shè)計手段推動文化傳播的過程，

3、也是利用創(chuàng)新思維對文化進行創(chuàng)造性轉(zhuǎn)譯的過程。本文將著重研究傳統(tǒng)文化類APP界面視覺設(shè)計中的文化轉(zhuǎn)譯。在視覺這一層面中，分析并挖掘傳統(tǒng)文化類APP如何將優(yōu)秀的中國傳統(tǒng)文化通過現(xiàn)代媒介進行傳遞，為創(chuàng)作更多具有深刻文化內(nèi)涵的優(yōu)質(zhì)傳統(tǒng)文化類APP提供借鑒與思考。1文化轉(zhuǎn)譯的概念“轉(zhuǎn)譯”原本是生物學名詞，指的是生物按照從脫氧核糖核酸（DNA）轉(zhuǎn)錄得到的信使核糖核酸（mRNA）上的遺傳信息合成蛋白質(zhì)的過程。文化轉(zhuǎn)譯原意是指在文化的傳播過程中，文化原本的意義會流失，新的意義會被建構(gòu)。文化轉(zhuǎn)譯類似于光的折射，打開、接納并準許其他文化組合成新的形式。在傳統(tǒng)文化類APP界面視覺設(shè)計中的文化轉(zhuǎn)譯主要指的是傳統(tǒng)文化到

4、現(xiàn)代媒介形式的轉(zhuǎn)化過程，即傳統(tǒng)文化的媒介轉(zhuǎn)譯，其包含了對傳統(tǒng)文化原始符號視覺元素的提取和加工，以及精神提煉，加工重新編碼的過程，傳統(tǒng)文化的符號在傳統(tǒng)文化體系中通常有著獨特的象征意義。通過對原本的意向進行加工、符號提取、重新組合排列，而重新構(gòu)成他的意向所指。對于傳統(tǒng)文化類APP的界面設(shè)計而言，文化轉(zhuǎn)譯這一概念是體現(xiàn)于諸多視覺要素的，例如，APP界面圖標的設(shè)計、APP的界面內(nèi)涵、APP界面中色彩和文字的設(shè)計與運用等都在一定程度上實現(xiàn)著從傳統(tǒng)的文化元素向新的媒介形式的轉(zhuǎn)換。通過對文化元素的層層視覺加工，深刻地揭示傳統(tǒng)文化的精神和特有的價值，是傳統(tǒng)文化轉(zhuǎn)譯過程中一個十分重要的環(huán)節(jié)。在這一過程中應當避免

5、將中國傳統(tǒng)元素不經(jīng)過歸納總結(jié)直接應用。設(shè)計師如何提煉文化內(nèi)涵，使用現(xiàn)代化、大眾化的設(shè)計手法將其呈現(xiàn)成為了重點。在設(shè)計過程中，需要設(shè)計師充當翻譯者的身份，在對APP界面進行視覺設(shè)計時，考慮如何從整體和局部細節(jié)上真正將傳統(tǒng)文化的精髓轉(zhuǎn)譯于APP的界面上，通過視覺思維指引人們的情感體驗。2傳統(tǒng)文化類APP界面視覺設(shè)計概述視覺設(shè)計中涉及的元素主要包括以下幾個方面：APP界面圖標（即APP的標志）、啟動頁、引導頁、功能頁面、空白頁等。文章將著重就傳統(tǒng)文化類APP的界面圖標、界面色彩、界面文字中的文化轉(zhuǎn)譯，結(jié)合具體APP案例中各設(shè)計要素的運用進行分析。2.1界面圖標設(shè)計APP的界面圖標如同是一個品牌的標志

6、，用戶通常將對一個品牌的印象寄托于標志上，APP界面圖標亦是如此。圖標是用戶在應用商店中瀏覽APP時最先接觸到的視覺要素，因此界面圖標視覺審美的優(yōu)劣往往會影響用戶對于APP的第一印象以及后續(xù)是否會下載使用。傳統(tǒng)文化類APP能否在界面圖標這一視覺元素中實現(xiàn)第一次關(guān)于傳統(tǒng)文化的信息傳達是至關(guān)重要的。例如，蘋果手機APP Store中傳統(tǒng)文化類別里的APP的界面圖標，如圖1所示，除了部分APP在界面圖標中采用了簡明易懂的文字表現(xiàn)形式，多數(shù)APP的界面圖標在表意與審美之間巧妙地體現(xiàn)了將傳統(tǒng)文化觀念轉(zhuǎn)譯為圖形圖像的思維。視覺圖像指向的往往并不是圖像本身，而是圖像背后的隱喻，視覺圖像往往有著復雜的意識形態(tài)

7、建構(gòu)。視覺文化通過圖像符號構(gòu)建了一個龐大的系統(tǒng)，以消費為路徑在日常生活領(lǐng)域進行全面滲透，改變了大眾的思想觀念和行為方式，形成了“視覺文化意識形態(tài)”。傳統(tǒng)文化類APP作為傳達視覺文化的媒介，其受眾通過視覺接受信息，豐富著自己的意識。將沒有直接對應關(guān)系界面圖標的外在形態(tài)與其表達的所屬含義通過聯(lián)想、寓意等方式創(chuàng)造聯(lián)系，進而將后者轉(zhuǎn)化為視覺形態(tài)以表達其內(nèi)在的含義。在傳統(tǒng)文化類APP的設(shè)計中，這些視覺形態(tài)大多是以傳統(tǒng)文化中的典型形象為參照，將人們對這些傳統(tǒng)事物的認知與意識運用到圖標設(shè)計之中，既能夠減輕使用者的辨識難度，又在潛移默化中強調(diào)了APP中涉及的傳統(tǒng)文化元素與內(nèi)涵。意識形態(tài)的視覺化傳播使之融入到人

8、民大眾的日常生活，擴大其傳播效應和影響力。以“和合”南京博物院APP的界面圖標為例，“和合”理念是中華優(yōu)秀傳統(tǒng)文化的一個重要標識，具有豐富的文化內(nèi)涵，對中國人的世界觀、人生觀、價值觀有著重要影響。在國人的意識中，圓有著和諧圓滿的美好寓意，此圖標設(shè)計以圓形為載體，在圓形中進行簡單地幾何切割，使其中的線條構(gòu)成“和”“合”兩個字的形態(tài)，并使用中國最具代表的紅色，給使用者帶來直觀的視覺體驗，從而暗示了此款APP通過介紹南京博物院中暗喻和諧的藏品向受眾傳達中國“以和為貴”的優(yōu)秀傳統(tǒng)文化。2.2界面色彩設(shè)計傳統(tǒng)文化類APP界面設(shè)計透過其外在的視覺形態(tài)傳遞給用戶良好的審美體驗，這正是將文化元素經(jīng)過視覺加工后

9、巧妙、恰當?shù)厝谌肓爽F(xiàn)代媒介的重要體現(xiàn)。色彩作為人類最普遍的感知方式，是情感傳遞的核心要素之一。同時，其作為傳統(tǒng)文化APP最重要的視覺元素之一，關(guān)系到APP形象的樹立和用戶的沉浸式體驗。色彩本身的色相、明度、純度的不同變化和對比，會給人留下不盡相同的心理效應，帶給用戶文化層面的意義。在傳統(tǒng)文化類APP界面視覺設(shè)計中，色彩不僅決定了APP界面的整體風格，還直接影響著使用者的用戶體驗。同時，傳統(tǒng)文化類APP界面中的色彩運用往往對于文化元素的轉(zhuǎn)譯起著不可小覷的作用。如圖2所示，“故宮陶瓷館”APP選擇了和陶瓷彩釉相近的青藍色作為APP界面的主背景色，加之燙金色的文字，使得其界面的整體色彩搭配巧妙地詮釋

10、了APP的文化主題陶瓷。很多傳統(tǒng)文化類APP界面在色彩的使用上都會選擇與文化主題相符的代表性色彩。以“卜石”這一傳統(tǒng)玉石文化APP為例，其界面圖標和界面的色彩都是以茶褐色為主，輔以相近的淺咖色，整個界面的色彩清新淡雅，也于無形之中映照著APP中玉石文化的主題，將制玉過程以色彩的形式轉(zhuǎn)譯于APP界面之上。2.3界面文字設(shè)計除了色彩之外，傳統(tǒng)文化類APP在文字的設(shè)計上也存在許多與文化轉(zhuǎn)譯相關(guān)的考慮。缺少視覺傳播方式的APP難以形成用戶視覺文化關(guān)注點，受眾也很難通過復雜的傳統(tǒng)文化軟件更深入地了解其表達的內(nèi)容。不同的字體的形體與個性，有不同的視覺傳播目的。透過字體本身所體現(xiàn)出的情感與特點，結(jié)合圖形與色

11、彩等其他視覺元素，傳達出文字的“性格”。針對不同的形式與內(nèi)容，不同的對象或領(lǐng)域，選擇性地合理運用不同的字體，從而更加貼近應用主題。傳統(tǒng)文化類APP字體字形的設(shè)計應與主題中所傳達的文化內(nèi)涵相呼應，將視覺要素的構(gòu)成作為主要形式手段，將文字性格與文化內(nèi)容相融合。面對特殊領(lǐng)域的研究載體，僅用簡單的宋體、黑體很難表達出傳統(tǒng)文化的氛圍，不能使用戶產(chǎn)生共鳴的APP會降低用戶黏性從而失去競爭力，因此字形的每一筆一劃、橫豎粗細都要經(jīng)過對主體內(nèi)容的考量與對文字性格的理解，才能設(shè)計出與之相配的字體。除了字體的設(shè)計外，不同的字間距、行間距以及標點的設(shè)置也會形成截然不同的界面風格，將表達不同主體的字間距和行間距進行協(xié)調(diào)

12、與設(shè)計，可以對文字情感進行更好地詮釋與細化。以“故宮陶瓷館”APP為例，其文字的排列采用了古代書卷的樣式，利用豎形排列增添了藏品的文化內(nèi)涵，給予用戶良好的沉浸感。很多APP設(shè)計過程中會選用一些視覺感受上工整秀美、卻不乏靈動的字體，在不影響其辨識度的情況下引入繁體字，同時注重文字的大小與排版，這一舉措既有助于APP的整體界面風格統(tǒng)一，也在文字方面更加貼近傳統(tǒng)文化的精神特質(zhì)。3基于文化轉(zhuǎn)譯的傳統(tǒng)文化APP界面視覺設(shè)計原則根據(jù)上述內(nèi)容，基于文化轉(zhuǎn)譯進行的傳統(tǒng)文化APP界面視覺設(shè)計過程中需要遵循如下幾點設(shè)計原則：3.1注重圖標的表意性與審美性原則需要注重圖標的表意性與審美性，在圖標中暗示APP實際應用

13、時的主題背景，同時考慮采用扁平化、手繪等更符合現(xiàn)代人審美趨勢的界面圖標設(shè)計風格，帶給使用者在視覺審美上的愉悅享受。3.2詮釋傳統(tǒng)文化元素原則在對傳統(tǒng)文化類APP的界面內(nèi)涵進行文化轉(zhuǎn)譯時，除了要考慮APP的主題背景、用戶的使用需求與行為特征之外，需要在APP的界面設(shè)計中對傳統(tǒng)文化元素進行更好地詮釋。3.3與設(shè)計要素相呼應原則在對傳統(tǒng)文化類APP界面中的色彩、文字等進行設(shè)計時，同樣需要考慮與傳統(tǒng)文化主題、風格相呼應，這也是界面視覺設(shè)計中文化轉(zhuǎn)譯的重要原則。4基于文化轉(zhuǎn)譯的傳統(tǒng)文化類APP界面視覺設(shè)計思路4.1把握界面設(shè)計中文化轉(zhuǎn)譯的方法對于傳統(tǒng)文化類APP而言，其能否在APP界面設(shè)計中實現(xiàn)恰當?shù)奈?/p>

14、化轉(zhuǎn)譯是至關(guān)重要的。在方法上，則可以通過隱喻、象征、移植等手法來展現(xiàn)。象征是指利用象征體作用于某一特定人群，再通過聯(lián)想使之產(chǎn)生有關(guān)本體的抽象概念或深刻寓意，實質(zhì)上則是喚起人們對于某一抽象意義、觀念或情緒的記憶。隱喻又稱為暗喻，是采用一個或一組視覺符號表達相平行的另一層相關(guān)含義。隱喻體現(xiàn)的是兩個不同事物之間在性質(zhì)或者關(guān)系上的共性。在使用隱喻手法進行表達時，往往是通過減法法則，簡單地呈現(xiàn)部分場景，用戶卻能夠構(gòu)想出整個故事的畫面，這樣一來，既讓畫面變得別具趣味，又給用戶留下了無限的想象空間。傳統(tǒng)文化類APP的視覺界面設(shè)計往往追求“猶抱琵琶半遮面”的意境美，所以在將文化元素呈現(xiàn)于界面之上時常常使用隱喻

15、與象征的手法。以“榫卯”APP界面為例，在對中國從古至今的榫卯結(jié)構(gòu)進行展示和介紹時，APP的界面中的榫卯結(jié)構(gòu)以圓環(huán)的形式進行排布，使用者仿如置身于無數(shù)精巧的榫卯結(jié)構(gòu)之間，只需指尖的輕松滑動就可以遍覽從古至今的能工巧匠在榫卯結(jié)構(gòu)上的驚人成果。設(shè)計者運用隱喻的設(shè)計手法，將自己的巧思運用于APP界面設(shè)計之中，各類榫卯結(jié)構(gòu)以被用戶熟悉的轉(zhuǎn)盤形態(tài)呈現(xiàn)，使用戶可以通過滑動、旋轉(zhuǎn)圓環(huán)的交互手勢瀏覽各個榫卯結(jié)構(gòu)。將榫卯這一傳統(tǒng)工藝元素生動地呈現(xiàn)于手機屏幕之上，可以說這是一次成功的文化轉(zhuǎn)譯。此外很多APP的界面，都以“卷軸”的視覺圖形符號來暗示，可以進一步讀取文本介紹的操作既提示了用戶APP的操作使用流程，又在

16、界面的視覺設(shè)計中融入了具有代表性的傳統(tǒng)文化元素。多元文化是指在人類社會復雜化與信息化的背景下多種文化體系并存的現(xiàn)狀。在傳統(tǒng)文化界面設(shè)計中，多元文化要素移植的文化轉(zhuǎn)譯是將其他相關(guān)聯(lián)的多元傳統(tǒng)文化要素加載項引至主題載體內(nèi)，通過文化轉(zhuǎn)譯的方法使其產(chǎn)出全新的創(chuàng)作成果。具體的表現(xiàn)手法有：1）將傳統(tǒng)文化要素作為加載項移植至中國當代APP交互設(shè)計中，如圖3所示為“榫卯”APP的功能頁，在提示用戶通過交互手勢完成放大、縮小、旋轉(zhuǎn)任務(wù)的部分引入了中國傳統(tǒng)繪畫形式工筆畫，創(chuàng)造了新式的視覺效果;2）將國外視覺設(shè)計要素作為加載項移植至中國傳統(tǒng)文化APP的載體內(nèi)。2012年美國微軟公司發(fā)布了全新的計算機操作系統(tǒng)Win

17、8，當中首次使用以直角矩形為元素整體進行排列的方法來展示了扁平化設(shè)計，隨后2013年美國蘋果公司設(shè)計團隊，推出IOS 7操作系統(tǒng)，詮釋了全新的扁平化概念。例如，“食茶”APP中的功能頁，采用了國外設(shè)計師提出的扁平化設(shè)計手法分別對不同類別的傳統(tǒng)文化要素進行加工處理，對設(shè)計對象的本質(zhì)特征進行了保留。4.2注重界面設(shè)計要素中的情感要素每種圖標、色彩、字體都有其特定的情感表現(xiàn)、深層次的象征意義以及在人們心中的特定含義。設(shè)計師的直覺、使用經(jīng)驗不能夠完全反應用戶的情感。為使用戶在操作和使用傳統(tǒng)文化類APP的過程中得到精神滿足，使產(chǎn)品成為連接設(shè)計者與用戶的情感橋梁，設(shè)計師可通過使用情緒板等設(shè)計工具進行設(shè)計要

18、素的可視化，通過提取表達用戶真實情緒中與主體內(nèi)容相關(guān)聯(lián)的圖形、色彩、文字等界面視覺要素，增強用戶在交互過程中的情感體驗和整體氛圍的渲染。5基于文化轉(zhuǎn)譯的傳統(tǒng)文化APP界面視覺設(shè)計案例分析此部分結(jié)合案例對傳統(tǒng)文化類APP視覺界面設(shè)計主要元素如何實現(xiàn)合理、高效的文化轉(zhuǎn)譯進行分析后，選取lOS應用下載平臺APP Store上用戶數(shù)量較多、口碑較好的一款傳統(tǒng)文化類APP，針對其界面視覺設(shè)計中的文化轉(zhuǎn)譯進行重點分析，并歸納此類APP界面視覺設(shè)計中文化轉(zhuǎn)譯的要點，為后續(xù)同類APP的設(shè)計研究提供參考。以受眾所喜愛的傳統(tǒng)文化APP“每日故宮”為例，對其界面圖標、界面內(nèi)涵、色彩文字設(shè)計中所體現(xiàn)的文化轉(zhuǎn)譯進行詳細的剖析?！懊咳展蕦m”APP憑借精美的使用界面、有趣的交互方式，以及蘊合其中的深厚歷史文化內(nèi)涵吸引了多數(shù)用戶的喜愛，這一切很大程度上得益于其界面視覺設(shè)計中出色的文化轉(zhuǎn)譯。故宮博物院院徽中“宮”字造型取材于“海水江牙”和“玉璧”的中國傳統(tǒng)文化元素，具有較高的辨識度。“每日故宮”APP將傳統(tǒng)文化中的“祥云”元素以扁平化的手繪風格融入界面圖標設(shè)計之中，輔以“宮”字印章的視覺元素，僅在界面圖標設(shè)計這一點中就體現(xiàn)出濃厚的歷史