張姣姣 司占軍 趙圓圓

摘要：隨著“互聯(lián)網(wǎng)+”概念的出現(xiàn)，新媒體技術(shù)應(yīng)用得到了發(fā)展，進(jìn)而涌現(xiàn)了一種新型的閱讀終端形式——移動出版物?；趯σ苿映霭鏄I(yè)發(fā)展現(xiàn)狀的認(rèn)識和其發(fā)展趨勢的判斷，并借鑒國外移動出版發(fā)展的經(jīng)驗，傳統(tǒng)紙質(zhì)已經(jīng)不再是唯一的知識傳播途徑，移動出版物也加入到了傳播的舞臺，它兼具了平面與互聯(lián)網(wǎng)兩者的特點，呈現(xiàn)給讀者更精彩的視覺體驗。該研究以中國特色服飾旗袍為主題，制作聲、畫一體的互動型移動出版物。

關(guān)鍵詞：移動出版物；旗袍；傳統(tǒng)文化

中圖分類號：TP311 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2018）14-0271-02

該設(shè)計是以中國特色服飾旗袍為主題，制作聲、畫一體的互動型移動出版物。通過平面制作軟件Adobe Photoshop和Adobe Illustrator對文字、圖片等素材進(jìn)行整理，利用Adobe Edge Animate制作動畫效果，Adobe Premiere剪輯視頻、音頻，然后在設(shè)計排版軟件Adobe Indesign對版面進(jìn)行設(shè)計、排版和互動效果等制作，最后利用Adobe Content Viewer展示效果。將傳統(tǒng)服飾旗袍與新興的閱讀終端相結(jié)合，制作出具有中國特色文化的新媒體數(shù)字化作品，更便于人們接受并傳播。這種模式既符合現(xiàn)代人的閱讀習(xí)慣，易于接受，又將傳統(tǒng)文化的精華提取出來[1]，減輕了人們的閱讀負(fù)擔(dān)的同時還增加趣味性、互動性和可讀性。

1 開發(fā)環(huán)境與軟件

設(shè)計制作環(huán)境： Windows 7 系統(tǒng)，AMD A8-4500M APU ，4G內(nèi)存，64位操作系統(tǒng)。

上傳終端環(huán)境： iOS系統(tǒng)，IPAD 64位A9芯片 ，128G內(nèi)存。

制作軟件：Adobe Indesign CC2014、Adobe Edge Animate CC、Adobe Photoshop CS6、Adobe Illustator CS4、Adobe Premiere Pro CS4、Adobe Content Viewer。

2 設(shè)計思路與框架

首先明確需要制作的文件數(shù)目以及名稱，將其按照各部分的介紹方向分為不同的類別，整體主要分為以下幾個方面：片頭片尾動畫視頻、封底封皮、目錄、發(fā)展、文化、特征、軼聞、后記。利用Adobe Indesign CC2014來分別制作各部分的版面和二級分類，根據(jù)各部分實際內(nèi)容使用相關(guān)素材設(shè)計版面。然后在PC端對互動效果和動畫成果進(jìn)行預(yù)覽，最后進(jìn)行發(fā)布。

3 《中國·旗袍》移動出版物的設(shè)計與制作

3.1 前期準(zhǔn)備

查閱文獻(xiàn)資料，研究旗袍古今文化，根據(jù)移動出版物的制作部分，收集具體相關(guān)的文字圖片等資料，旗袍的發(fā)展進(jìn)程，文化底蘊知識，特征樣式細(xì)節(jié)，名人軼事等。對收集的資料信息進(jìn)行編輯整理集合，編輯抒寫旗袍的文字資料，查找相關(guān)視頻資源，并進(jìn)行剪輯對接。設(shè)計版面整體風(fēng)格與結(jié)構(gòu)，為后續(xù)制作做好準(zhǔn)備。

3.2 版面設(shè)計的制作

制作移動出版物對文件的管理比較嚴(yán)格，一定要規(guī)范文件和文件夾[2]。其次，整體移動出版物的風(fēng)格樣式統(tǒng)一，基調(diào)以中國風(fēng)為主，簡潔淡雅。各級目錄頁面內(nèi)容由紅色墨跡以及旗袍簡畫相互關(guān)聯(lián)，底邊紋路為旗袍領(lǐng)口圖排列，頁面都有相關(guān)英文文字和直線豎版排列，整體元素保持一致。

首先設(shè)計封皮、封底及目錄。其中封面為《中國·旗袍》移動出版物的首要內(nèi)容，可以讓受眾更加直觀的了解作品內(nèi)容。如圖1所示為封皮板式。

然后設(shè)計主題部分，主要分為四個版塊，發(fā)展、文化、特征和軼聞。

發(fā)展部分。發(fā)展部分是整個移動出版物的重要開端，是了解中國旗袍的基礎(chǔ)[3]。這一部分包括旗袍的起源、概念和演變過程。詳細(xì)介紹旗袍由史至今的演變過程，通過圖片的滑動展示，敘述不同時代的旗袍變化，讓讀者了解到傳承國色的服飾之路。

文化部分。主要包括非遺、國服和影視部分，在非遺部分，介紹了從小衣鋪到中國非物質(zhì)文化遺產(chǎn)的龍鳳旗袍以及它的傳承人；還有國家重大會議展現(xiàn)的國服之美，以及影視劇中旗袍所塑造出的高雅氣質(zhì)和東方神韻，都令人心生向往。

特征部分。這一部分主要介紹了旗袍的樣式、色彩、圖案、工藝以及細(xì)節(jié)之美-盤扣。讓讀者多角度、全方位認(rèn)識了解旗袍。

軼聞部分。主要包括一些有關(guān)于旗袍的名人軼事趣聞，以及現(xiàn)今制作精致的旗袍店鋪，進(jìn)而展現(xiàn)旗袍的魅力和名氣。如圖2為軼聞部分目錄。

最后，根據(jù)版面內(nèi)容需要，利用Adobe Edge AnimateCC制作動畫效果。通過添加并設(shè)置不同幀的變化，調(diào)整時間軸，完成動畫的制作，可以增強(qiáng)版面的可觀性。同時，將各部分的文件整理、細(xì)化，置入相關(guān)動畫、視頻、音頻，優(yōu)化精致整體效果

3.3 交互功能的實現(xiàn)

以“特征”部分為例。這一部分的設(shè)計版面左側(cè)為顏色按鈕，可上下滑動選擇顏色，不同的顏色按鈕對應(yīng)相應(yīng)顏色的旗袍介紹。先在Adobe Photoshop CS6中制作顏色按鈕，將他們置入到Adobe Indesign CC2014中，進(jìn)行排列對齊，并設(shè)置成按鈕，編組，“Ctrl+X”進(jìn)行剪切，運用矩形選框工具畫出相應(yīng)大小的矩形，選中，點擊右鍵，“貼入內(nèi)部”，打開Folio Overlays面板，點擊“可滾動框架功能”，“滾動方向”選擇“垂直”。相應(yīng)顏色對應(yīng)標(biāo)題字體顏色，將旗袍圖片置入并進(jìn)行排版，也設(shè)置可水平滑動效果，減少頁面布局的空間?？上蛳禄瑒禹撁娌榭床煌伾慕榻B，也可以點擊左側(cè)顏色按鈕，直接實現(xiàn)相應(yīng)顏色跳轉(zhuǎn)。

3.4 上傳與發(fā)布

在PC端對互動效果和動畫成果進(jìn)行預(yù)覽，并進(jìn)行完善[4]。然后將制作完成的文件進(jìn)行保存，單擊“保存”，選擇規(guī)范化的保存路徑，修改規(guī)范化的文件命名格式，將所有用到的字體、音頻、視頻等材料放到指定的“l(fā)inks”文件夾中，關(guān)掉所有.indd文件，打開Folio Builder面板，登錄Adobe的賬號，創(chuàng)建新的作品集。然后在iPad上打開VPN，打開Adobe Content Viewer，登錄Adobe賬號，刷新下載移動出版物，發(fā)布即完成。

4 結(jié)束語

《中國·旗袍》移動出版物這個主題主要著眼點在于旗袍文化的傳承與發(fā)展，從旗袍出現(xiàn)一直到如今的服飾演變，都值得我們?nèi)ミM(jìn)行探索研究，而這一過程煩瑣復(fù)雜，不易完整展示給受眾了解并進(jìn)行文化上的傳播。此次《中國·旗袍》移動出版物的設(shè)計跨越清末、民國、現(xiàn)代的時間維度，通過旗袍的發(fā)展、文化、特征和軼聞四個方面，詳細(xì)介紹旗袍的服飾文化，讓受眾讀者通過交互閱讀的方式了解學(xué)習(xí)旗袍文化的相關(guān)知識，進(jìn)一步了解中國旗袍，從而實現(xiàn)本次設(shè)計的目的。與此同時，移動出版物設(shè)計的界面還應(yīng)該更加富有創(chuàng)意，交互功能更加多樣，從受眾角度考慮，操作步驟應(yīng)該更加的便捷和人性化，設(shè)計的內(nèi)容方向應(yīng)該更加符合大眾審美[5]。

參考文獻(xiàn)：

[1] 耿佃梅， 謝家榮. 基于徽文化的現(xiàn)代室內(nèi)設(shè)計研究[J]. 赤峰學(xué)院學(xué)報， 2014（22）： 53-54.

[2] 高凱. 基于中國虹計算機(jī)的文件管理系統(tǒng)設(shè)計與研究[D]. 濟(jì)南： 山東大學(xué)， 2015.

[3] 姬益波. 談旗袍元素在現(xiàn)代服裝設(shè)計中的運用研究[J]. 大眾文藝， 2016（9）： 100-101.

[4] 王穎， 司占軍. 基于方正飛翔的互動出版物的設(shè)計與制作[J]. 電腦知識與技術(shù)， 2015（10）： 195-197.

[5] 徐晞. 論述景觀環(huán)境中人性化設(shè)計[J]. 建材與裝飾， 2016（19）： 66-67.