◎夏曼曼 咸妍

淺析傳統(tǒng)文化內(nèi)容的APP互動(dòng)設(shè)計(jì)

◎夏曼曼1咸妍2

現(xiàn)在移動(dòng)終端的開發(fā)和互動(dòng)設(shè)計(jì)蜂擁而出，社會(huì)的高度發(fā)展和全球的文化溝通便捷，使得中國的傳統(tǒng)文化正在被默默而急速的吞噬著。本文所研究的目的便是將傳統(tǒng)文化更好地、更完整地、更有趣地展現(xiàn)在大家面前。將傳統(tǒng)文化的優(yōu)點(diǎn)更好的融入到移動(dòng)終端。使設(shè)計(jì)作品洋溢著“中國風(fēng)”。

中國傳統(tǒng)節(jié)日 APP設(shè)計(jì)原則 互動(dòng)設(shè)計(jì)技術(shù)

一、緒論

1.APP電子書的互動(dòng)設(shè)計(jì)研究目的

現(xiàn)代環(huán)境中的傳統(tǒng)文化精神營造成為了延續(xù)傳統(tǒng)文化文脈，在數(shù)字媒體背景下，其他傳統(tǒng)媒體都在進(jìn)行著自己的變革，中國傳統(tǒng)文化也要探索著自己的發(fā)展之路。

2.APP電子書的互動(dòng)設(shè)計(jì)研究方法

目前，APP電子書處在一個(gè)增長階段。很多公司先后開發(fā)了自己的APP電子書。本文中的案例從ITUNES中尋找各種類型的APP電子書，以此來調(diào)查研究。參考不同的APP電子書的缺點(diǎn)和優(yōu)點(diǎn)進(jìn)行比較分析。實(shí)例將這些研究中較好的互動(dòng)形式予以實(shí)踐。最終根據(jù)作品效果再進(jìn)次進(jìn)行修改、整理。

二、理論背景

1. APP電子書發(fā)展情況

20世紀(jì)70，80年代，國外數(shù)字出版商進(jìn)行了一些電子書出版嘗試，其重要文件格式是純文本格式，到了90年代，出現(xiàn)了一些以CD-ROM為傳播介質(zhì)的電子書，但是這期間的電子書版權(quán)無法得到保護(hù)，因?yàn)殡娮訒奈募谟?jì)算機(jī)中可以任意拷貝，帶來了嚴(yán)重的盜版問題，導(dǎo)致電子書的發(fā)展十分緩慢。1999年，基于數(shù)字版權(quán)保護(hù)技術(shù)DRM的電子書在國外出現(xiàn)，促進(jìn)了電子書的發(fā)展。

2.APP電子書互動(dòng)設(shè)計(jì)原則

APP電子書是手持設(shè)備中可供閱讀的軟件，作為一種新形式，具有互動(dòng)性的電子書籍來說，在設(shè)計(jì)其主要互動(dòng)性的時(shí)候，需要考慮到能夠更加方便讀者，而不是增加閱讀困難，在設(shè)計(jì)圖片滑動(dòng)等相關(guān)互動(dòng)性的時(shí)候，需要增加人體工學(xué)等知識(shí)來幫助讀者更加順暢的使用APP電子書。

3.關(guān)于APP互動(dòng)性的表現(xiàn)研究

APP電子書具有豐富的展示內(nèi)容，可以語音方式讀出其中內(nèi)容，可以顯示動(dòng)態(tài)影像，例如在語言學(xué)習(xí)的電子書中，可以增加一些音頻信息讓圖書發(fā)音；在介紹快速奔跑的動(dòng)物是，可以插入一段獵豹奔跑的視頻短片，這些新的表現(xiàn)形式使得電子書的表現(xiàn)更加的活潑，具有表現(xiàn)力。人或者說參與者對(duì)圖像、聲音、影像等的“控制以及動(dòng)態(tài)的經(jīng)驗(yàn)”。

三、《禮贊中國節(jié)》實(shí)例開發(fā)研究

本實(shí)例的開發(fā)研究是建立在中國傳統(tǒng)七大節(jié)日文化和現(xiàn)有互動(dòng)設(shè)計(jì)的基礎(chǔ)上。

1.《禮贊中國節(jié)》實(shí)例開發(fā)流程

（1）原始資料與素材的搜集

在搜集資料的過程中，在選擇用哪個(gè)節(jié)日作為主打節(jié)日也需考量。經(jīng)過研究和摸索，本實(shí)例最終選擇中國傳統(tǒng)七大節(jié)日《禮贊中國節(jié)》作為本實(shí)例主題。本實(shí)例選擇中國的傳統(tǒng)七個(gè)節(jié)日進(jìn)行設(shè)計(jì)。選擇的原因便是具有民族文化和傳統(tǒng)在其中。

（2）數(shù)字移動(dòng)設(shè)備及應(yīng)用平臺(tái)設(shè)定

本實(shí)例的《禮贊中國節(jié)》是運(yùn)行在IPAD4上的應(yīng)用程序，因此分辨率是1024x768，DPI為110。此的開發(fā)程序是ADOBE INDEISN上制作完成。

2.互動(dòng)展示設(shè)定

（1）動(dòng)畫制作

所有的平面設(shè)計(jì)稿完成，再將分好層的圖片導(dǎo)入到FLASH中，在FLASH中制作想要的動(dòng)畫效果。之后把要?jiǎng)拥牟糠钟陟o止部分分層。把動(dòng)畫部分制作成元件，在元件中制作循環(huán)動(dòng)畫和鏡頭移動(dòng)的效果。之后是進(jìn)行界面設(shè)計(jì)。將FLASH做好的動(dòng)畫導(dǎo)成SWF文件，再嵌入INDESIGN軟件中，進(jìn)行開頭設(shè)定。

（2）添加音樂音效

音樂和音效的使用是中國傳統(tǒng)節(jié)日的又一大特色，音樂和音效的恰當(dāng)使用，能夠使中國傳統(tǒng)節(jié)日的作品產(chǎn)生更強(qiáng)的感染力和表現(xiàn)力。

目前由于中國傳統(tǒng)節(jié)日的作品屬于學(xué)術(shù)研究性質(zhì)的作品，所使用的音效是從音效庫中提取的元素，而音樂則是使用截取的電影原聲音樂。

（3）互動(dòng)效果制作

在互動(dòng)設(shè)計(jì)方面，實(shí)例在展示主菜單欄制作了滑動(dòng)隱藏效果以及點(diǎn)擊動(dòng)畫效果。在每一頁切換之間做了漸淡的效果。在每一個(gè)節(jié)日的主畫面中，放置了動(dòng)態(tài)的小動(dòng)畫效果，增加趣味性，并且每個(gè)節(jié)日的3D物體可以點(diǎn)擊，通過漸變效果之后，物體旁邊會(huì)出現(xiàn)一個(gè)透明度為60的介紹框，文字如果超出對(duì)話框的，還可以在對(duì)話框里上下翻頁。

3.實(shí)例后期調(diào)整階段

（1）測(cè)試運(yùn)行

在INDESIGN里完成了《禮贊中國節(jié)》所有的互動(dòng)效果及動(dòng)畫之后，案例通過傳輸線，打包處理轉(zhuǎn)換成INDESIGN文件，放入IPAD中，打開經(jīng)行測(cè)試，主要測(cè)試動(dòng)畫效果和互動(dòng)效果以及整體的界面設(shè)計(jì)是否清晰可行。

（2）實(shí)例修改調(diào)整

經(jīng)過ipad測(cè)試后，調(diào)整《禮贊中國節(jié)》中的編程錯(cuò)誤和細(xì)節(jié)上的問題。盡量完善作品。能夠使用戶流暢的閱讀完整本APP電子書。

*本論文受項(xiàng)目編號(hào)Cs1211001《禮贊中國節(jié)》項(xiàng)目資助

（作者單位：上海工程技術(shù)大學(xué)）

（責(zé)任編輯 馮雪峰）