□王曉蕓 山東工藝美術(shù)學(xué)院

優(yōu)秀傳統(tǒng)文化元素是中華優(yōu)秀傳統(tǒng)文化的重要代表，也是現(xiàn)代優(yōu)秀平面設(shè)計(jì)的重要組成部分。即使是新媒體交互設(shè)計(jì)的發(fā)展也同樣離不開古典傳統(tǒng)元素。通過分析交互設(shè)計(jì)的發(fā)展趨勢與當(dāng)下發(fā)展方向，充分認(rèn)識傳統(tǒng)文化元素在交互設(shè)計(jì)中的重要作用。希望通過本文探討傳統(tǒng)文化在數(shù)字時代的傳承與發(fā)展。

一、優(yōu)秀傳統(tǒng)文化的背景是如何發(fā)展的

（一）傳統(tǒng)文化是怎樣傳承的

文化是一個國家、民族、社會發(fā)展的重要精神支柱，有著共同的認(rèn)知感和時代感，因此傳統(tǒng)文化在社會發(fā)展中起著不可替代的作用。我們要用新的審視眼光去對待傳統(tǒng)元素在現(xiàn)代設(shè)計(jì)發(fā)展中的作用。饕餮紋作為青銅器上極為常見的青銅紋樣之一，最早發(fā)現(xiàn)于良渚文化，后圖案化應(yīng)用于建筑裝飾、家具生活用品裝飾、樂器裝飾等。

（二）優(yōu)秀傳統(tǒng)文化在交互設(shè)計(jì)中是怎樣發(fā)展的

交互媒體設(shè)計(jì)是將信息圖像以一種新概念式的形式展現(xiàn)在電子媒體設(shè)備上，包括手機(jī)、電腦、平板等，把大量的信息圖形化、設(shè)計(jì)化，使之更規(guī)范化、可讀化，使用戶檢索方便，符合用戶心理需求。例如，《胤禛美人圖》采用新的交互形式把《胤禛美人圖》呈現(xiàn)在一個新的交互媒介之上，可從文本內(nèi)容、動態(tài)圖像兩個方面進(jìn)行分析。

1.文本內(nèi)容

《胤禛美人圖》以細(xì)膩的畫風(fēng)描述清朝美人的相關(guān)歷史活動，將傳統(tǒng)的文字翻頁功能轉(zhuǎn)變?yōu)榻缑娴纳舷禄瑒?，文本?nèi)容布局采用豎列與橫排交叉排版，圖形則時而方、時而圓。整個版面設(shè)計(jì)是根據(jù)十二美人圖的古典宮廷畫風(fēng)進(jìn)行設(shè)計(jì)的，透露著古典畫卷的神秘氣息。

2.動態(tài)圖像

在靜態(tài)背景之下，某個部位呈現(xiàn)動態(tài)效果，如《胤禛美人圖》中飄落的花瓣，舞動的蝴蝶，不僅豐富了畫面效果，而且增加了圖的藝術(shù)氣息。

（三）傳統(tǒng)文化在交互界面中的展現(xiàn)

1.精巧妙用的傳統(tǒng)元素

（1）按鈕?！敦范G美人圖》中的按鈕，以祥云為設(shè)計(jì)原型，加以巧妙的打散、重組，形成新的似團(tuán)花狀的圓形按鈕，附上古典的色彩，使之與《胤禛美人圖》整個畫風(fēng)相融合。

（2）色彩搭配。古代先民規(guī)定了“五色”（黑色、青色、赤色、黃色、白色），與之對應(yīng)“五行”“五方”“五時”“五音”和“五氣”。黃色乃宮廷御用之色，是宮廷皇族的專用顏色，因此宮廷畫卷多采用古典的皇室色彩，表現(xiàn)天子血統(tǒng)的神圣、不可侵犯?！敦范G美人圖》則著重考慮畫卷的本意，慎重搭配顏色，帶有濃郁的古色古香之氣。

（3）圖形設(shè)計(jì)。圖形元素的使用歸根結(jié)底是古老中華文明的時代化演變，時下流行的扁平化、線描化、3D立體結(jié)構(gòu)化都源于生活?！敦范G美人圖》整個APP充滿古色古香、典雅的設(shè)計(jì)風(fēng)格，悠然飄落的花瓣，古典屏風(fēng)的設(shè)計(jì)，插圖花卉、牡丹的版面應(yīng)用，方圓結(jié)合的十二美人圖，時而參差不齊，時而規(guī)整有序。

2.傳統(tǒng)文化背景下的設(shè)計(jì)風(fēng)格

（1）動態(tài)化。交互設(shè)計(jì)目的在于幫助用戶便捷獲取大量有用信息，同時為用戶提供新的交互體驗(yàn)，把動態(tài)的生活化物象移動到媒體工具之上。例如，《紫禁城祥瑞》中鳳凰上下舞動的尾巴就為整個畫面增添了不少樂趣，既引導(dǎo)用戶獲得想要了解的信息，又為用戶增添了樂趣。

（2）音像化。聲音在交互設(shè)計(jì)中同樣重要的地位，一段好的音樂會給網(wǎng)站或APP增光溢彩，同樣音樂也有多向選擇性?！敦范G美人圖》《紫禁城祥瑞》多采用古典宮廷純音樂，樂器打擊的聲音更進(jìn)一步營造出古代皇室宮廷的神秘、悠然之感，自然而然地把用戶帶入營造好的氛圍之中。

（四）設(shè)計(jì)思維

1.視覺化

視覺化是指把信息、數(shù)據(jù)進(jìn)行圖像處理，使用戶更容易理解。首先，視覺化中可以采用夸張、變形、寫實(shí)、抽象等手段來表達(dá)視覺形象。眼睛對圖像的敏感度遠(yuǎn)遠(yuǎn)超過數(shù)字和文字，可以說用眼睛去感知、體會自然食物是最快速的記憶。其次，眼睛對色彩的敏感度是很強(qiáng)的，色彩心理效應(yīng)會引導(dǎo)用戶進(jìn)行下一步的交互研究探索。

2.心理感應(yīng)

正如水墨國畫有虛實(shí)、疏密、線條粗細(xì)之分，交互設(shè)計(jì)也有自己的設(shè)計(jì)規(guī)則，這種設(shè)計(jì)規(guī)則會引導(dǎo)用戶心理進(jìn)行下一步操作。例如，網(wǎng)站中導(dǎo)航條采用區(qū)分于背景顏色的純色，用戶潛意識里認(rèn)定這個純色就是菜單，可以進(jìn)行點(diǎn)擊。

通過本次調(diào)查研究傳統(tǒng)文化元素與交互設(shè)計(jì)的關(guān)系，從中受益匪淺，感慨頗多，在今后的交互設(shè)計(jì)學(xué)習(xí)中要努力學(xué)習(xí)傳統(tǒng)文化的知識，使之貫通于現(xiàn)代新媒體技術(shù)發(fā)展當(dāng)中，成為一個富含文化修養(yǎng)與新時代設(shè)計(jì)眼光的合格設(shè)計(jì)師。