王穎 司占軍
摘要:該文以2015年的米蘭世博會為主題內(nèi)容,根據(jù)搜集到文字、圖片、音視頻等資料在Photoshop、Illustrator、Flash以及格式工廠等軟件中進行前期的處理,然后利用方正飛翔6.0數(shù)字版軟件進行靜態(tài)版面設(shè)計和互動效果的添加,并進行預覽輸出,最后導入方正互動媒體處理工具中給互動出版物添加背景音樂。最終設(shè)計與制作出的互動出版物,可以通過PC端、ipad端進行交互,使用戶更加直觀地了解2015年米蘭世博會的相關(guān)背景知識及概況。將跨媒體時代下的互動技術(shù)應(yīng)用于出版物中,不但能夠讓用戶在體驗時有更深刻的沉浸感,使用戶了解世博會的魅力,而且為數(shù)字出版在電子書的發(fā)展上提供了一個具有發(fā)展?jié)摿Φ姆较颉?/p>
關(guān)鍵字:方正飛翔6.0;互動出版物;2015米蘭世博會;ipad
中圖分類號:TP37 文獻標識碼:A 文章編號:1009-3044(2015)10-0195-03
科技信息技術(shù)的進步,互聯(lián)網(wǎng)逐步占據(jù)人們的生活,出版行業(yè)應(yīng)結(jié)合時代前端的產(chǎn)物來迎接世界范圍內(nèi)數(shù)字時代的到來,閱讀的受眾者已經(jīng)從傳統(tǒng)紙媒介開始向新興媒體轉(zhuǎn)移,電子書、手機報、在線閱讀、微信息等數(shù)字出版的全新載體正悄然興起,且發(fā)展日新月異[1]。在數(shù)字化浪潮的推動下,數(shù)字技術(shù)在出版領(lǐng)域的應(yīng)用越來越廣泛,內(nèi)容的編輯、制作、印刷復制、發(fā)行、傳播和消費都與技術(shù)進步緊密相關(guān)[2]。
1 信息交互設(shè)計
隨著科技水平的提升,數(shù)字出版產(chǎn)業(yè)呈現(xiàn)出全新的態(tài)勢,越來越智能的手機及iPad 等手持新媒介的出現(xiàn),加速了媒介形式的變革,迎來了觸控媒介時代。人機互動的移動閱讀模式,為我們帶來了一“觸”即發(fā)的新閱讀革命[3]。與此同時,人們因物質(zhì)生活水平的改善不再滿足于被動的接受事物,而期望主動參與其中,成為傳播體系當中獨特的具備主導選擇權(quán)的自由體,且通過這種主動的選擇來縮短不必要的時間以獲得更加豐富有效符合個體需求的信息。在無線膨脹的信息海洋中,個性化定制、在線小說閱讀等形式的出版模式的興起,推動了互動出版的發(fā)展。
1.1 信息交互設(shè)計的概念
信息交互設(shè)計的確立與發(fā)展是建立在信息技術(shù)的發(fā)展基礎(chǔ)之上的。當今的信息技術(shù)包含范圍是全方位的,包括傳感技術(shù)、網(wǎng)絡(luò)技術(shù)、數(shù)據(jù)可存儲技術(shù)、人工智能技術(shù)等等。信息交互設(shè)計涵蓋幾個方面,其構(gòu)成要素見圖1。
1.2 交互設(shè)計
交互設(shè)計是一門新型學科,它是從人機交互(Human Computer Interaction)領(lǐng)域的一個分支演變而來的,因此它有很典型的跨學科特征[4],見圖2。交互設(shè)計是信息社會的一種主流設(shè)計方向,與其他學科領(lǐng)域有著相互疊加和重合的關(guān)系[4]。它主要涉及到的是心理學和信息技術(shù),其目標是產(chǎn)生新的共同方式來建立或促進人與人之間的交互關(guān)系。
2 系統(tǒng)平臺搭建
2.1 制作軟件
現(xiàn)有的多媒體互動出版物的設(shè)計軟件繁多,而常被設(shè)計者使用的主要有:Appbook、Director、Pagemarker、Indesign、方正飛翔6.0數(shù)字版等。
方正飛翔6.0數(shù)字版主要用于制作基于平板電腦、智能手機等移動終端設(shè)備的交互雜志、互動圖書、數(shù)字教材、教學課件、企業(yè)??臄?shù)字出版物。方正飛翔6.0數(shù)字版增加了豐富的互動組件,提供了數(shù)字出版物制作的動畫示意,廣泛采用了模板、向?qū)?、預置樣式等功能。本設(shè)計的制作將靜態(tài)頁面和互動效果有機地結(jié)合在一起,更加快速便捷的實現(xiàn)出版物的交互功能。
2.2 設(shè)計思路
2015米蘭世博會主題為“滋養(yǎng)地球,生命的能源”,聚焦農(nóng)業(yè)和食品,“可持續(xù)”與“創(chuàng)新”理念貫穿主題,旨在探尋為全球提供充足、優(yōu)質(zhì)、健康和可持續(xù)發(fā)展的食品保障,尋找合理利用資源、保護環(huán)境、滋養(yǎng)人類、反哺地球的有效途徑。
主題范圍很廣泛,需在查閱資料的前提下對其內(nèi)容進行劃分,抓住重點展示的幾個方面進行整合,其整體內(nèi)容結(jié)構(gòu)見圖3。
3 流程規(guī)劃
在制作該主題內(nèi)容的出版物之前,應(yīng)該明確數(shù)字出版物的制作流程大致可分為以下六個步驟:1)規(guī)劃出版物,尤其是它的內(nèi)容及表現(xiàn)形式;2)準備素材,包括文字、圖片、音視頻、動畫等;3)在飛翔數(shù)字版中制作數(shù)字出版物并輸出為dPub 文件;4)將出版物上傳到內(nèi)容運營平臺;5)在Pad 或者智能手機上安裝相應(yīng)的方正閱讀器;6)讀者通過閱讀器下載出版物,即可閱讀體驗。
4 互動出版物的制作
4.1 前期處理
利用圖像處理、音視頻、動畫、方正飛翔等軟件編輯、處理、集成制作互動出版物中的圖片、視頻片段、聲音、動畫特效等素材。首頁背景前期處理效果見如圖5。
動畫部分是將繪制后背景透明的蝴蝶圖像導入到Flash軟件的庫中,通過在舞臺上添加關(guān)鍵幀和變換位置的方式完成蝴蝶移動的路徑,之后可在速率面板中調(diào)節(jié)其速率,按Enter鍵進行預覽,效果滿意后導出為PNG格式序列圖片,見圖6。
4.2 靜態(tài)頁面的制作
在方正飛翔6.0數(shù)字版中進行靜態(tài)版面制作。飛翔6.0新建的互動文檔是由多個頁面組成的。頁面中所富含的元素也就是通常所說的頁面對象。飛翔的頁面就是由不同的對象及布局所構(gòu)成的??梢耘湃胛淖中纬晌淖謮K;也可以由自己創(chuàng)建空文字塊然后錄入文字;可以排入圖片形成圖像塊;也可以繪制矩形、圓、曲線等圖元;可以創(chuàng)建表格塊;可以錄入公式;通過一系列的操作即可完成對靜態(tài)頁面的制作。
4.3 互動效果的制作
當一本出版物中擁有豐富的富媒體元素,例如音視頻、圖像掃視、圖像序列、拼圖、彈出內(nèi)容、投票、超鏈接及地理標注等動態(tài)組件時,就可以將這部分所展示的效果稱為互動效果?;有Ч荒茉陔娮釉O(shè)備上才能夠呈現(xiàn),通過紙張是無法完全呈現(xiàn)的。飛翔軟件中的互動對象主要是通過互動選項卡創(chuàng)建,創(chuàng)建后還可以通過“互動屬性”浮動面板進行屬性修改。為增強本設(shè)計的靈活性,互動效果的制作非常重要,其中“超鏈接”的互動制作效果見圖7。
5 文檔預覽輸出及發(fā)布
5.1 文檔預覽輸出
1)飛翔提供預覽功能,可以檢查制作的效果是否與預想的一致。
2)飛翔6.0數(shù)字雜志出版物輸出的dPub 數(shù)據(jù)包適合在翔云閱讀器上瀏覽。
5.2 背景音樂
方正飛翔6.0數(shù)字版軟件本身就可以以添加互動效果的方式為其加背景音樂,但這樣某一首音樂便會貫穿整個出版物,不能體現(xiàn)各個模塊獨立的特色,因此采用 方正互動媒體處理工具可選擇頁面范圍并且加載要添加的音樂即可為頁面添加音樂,也可為整個作品添加音樂,見圖8;
5.3 發(fā)布
首先,在iPad 上安裝翔云閱讀器。然后,通過PC端的iTools軟件導入dPub 數(shù)據(jù)包即可在iPad 上體驗dPub數(shù)據(jù)包輸出的效果,見圖9。
6 結(jié)語
在制作此互動出版物的過程當中發(fā)現(xiàn)一些問題。比如,在方正飛翔6.0數(shù)字版軟件當中不能直接對幾個頁面執(zhí)行同一段音頻,因此選擇輸出dPub數(shù)據(jù)文件在方正互動媒體處理工具中為頁面添加音頻,這樣雖然實現(xiàn)了多頁面播放同一音頻的效果,但是卻不能在輸出的dPub文件當中控制音頻的播放,即只能作為背景音樂而存在。其次,在飛翔軟件中制作時同預覽以及輸出發(fā)布在ipad端的效果并不能完全同步,也就是制作時所設(shè)計的效果同發(fā)布在移動端的效果不一致,為了解決該問題,需要在制作的同時進行預覽和發(fā)布,通過輸出的效果隨時在軟件當中進行修改。當然,軟件本身還存在著一定的局限性,方正飛翔的各版本也在用戶的不斷體驗中進行更新。此類互動出版物可以作為觸控時代下人機交互技術(shù)的一種有效體驗方式,未來在虛擬課堂和產(chǎn)品發(fā)布等方面都有重要的意義。
參考文獻:
[1] 吳斌.我國數(shù)字出版的發(fā)展現(xiàn)狀及趨勢分析[J].文藝生活, 2011(4).
[2] 俞平.電子閱讀器與高校圖書館服務(wù)[J].科技情報開發(fā)與經(jīng)濟, 2011,21(32).
[3] 白冰,徐金佳. 觸控時代的數(shù)字化互動出版探析[J]. 現(xiàn)代傳播,2013(2):153-154.
[4] 鄭楊碩. 信息交互設(shè)計方式的歷史演進研究[D]. 武漢:武漢理工大學,2013.