本科畢業設計論文(參考模板)

2024年3月7日發(作者：含近義詞)

廣州大學華軟軟件學院

本科畢業論文

論文題目 《最嶺南》

電子雜志設計與制作

專 業

數字媒體藝術

班 級

07網絡與傳播設計

姓 名

賴田園

學 號

指導教師

金暉、杜凱

廣州大學華軟軟件學院數碼媒體系

2012年 4 月

摘要 現今互聯網在現實生活中廣泛應用，人們可以通過網絡聊天、查閱知識等。更重要的是互聯網上還可以進行廣告宣傳等傳媒。電子雜志，又稱作網絡雜志，它是一種非常好的媒體表現形式，它兼具了平面和互聯網兩者的特點，且融入了圖像、文字、聲音、視頻、游戲等相互動態結合來呈現給讀者，是一種很享受的閱讀方式。本文是介紹一本關于介紹嶺南風土人情的雜志，文中將講述如何使用Director軟件制作一個電子雜志，從制作材料的收集和制作過程中遇到的問題，都有詳細描述。

關鍵詞

嶺南；文化；電子雜志；設計

- 2 -

ABSTRACT Today the Internet in real life, people can widely ud by network chat,

access to knowledge, etc. More important is the Internet also can undertake advertising

media and press. The electronic magazine, called network magazine, it is a kind of very

good media forms, it takes note of plane and the Internet, and the characteristics of both

into the images and text, voice, video, game, etc with each prented to the reader to

dynamic, is a kind of very enjoy way of reading. This paper is to introduce a book about

lingnan customs introduced the magazine, this paper will talk about how to u the

software we produce a electronic magazine, from materials collection and making process,

there are problems of detailed description.

KEY WORDS Lingnan；culture；electronic magazine；design

- 3 -

目錄

1.前 言 ........................................................... - 6 -

1.1 電子雜志的應用現狀 ......................................... - 6 -

1.2 電子雜志的特性 ............................................. - 7 -

2. 電子雜志的總體設計 ............................................. - 8 -

2.1 電子雜志主題 ............................................... - 8 -

2.2電子雜志設計風格 ........................................... - 8 -

2.3電子雜志的內容模塊 ......................................... - 9 -

2.4電子雜志的交互功能 ........................................ - 10 -

3.電子雜志內容的制作 ............................................. - 11 -

3.1電子雜志封面的設計 ........................................ - 11 -

3.1.2電子雜志封面動態設計 ................................. - 12 -

3.2電子雜志目錄的設計 ........................................ - 12 -

3.3電子雜志封底的設計 ........................................ - 13 -

3.4內容頁的制作與展示 ........................................ - 13 -

3.4.1模塊一：五岳之地，五嶺以南 ........................... - 13 -

3.4.2模塊二：巧奪天工之藝 ................................. - 14 -

3.4.3模塊三：嶺南畫舫錄 ................................... - 15 -

3.4.4 模塊四：食在廣東 .................................... - 16 -

3.4.5 模塊五：凝固的音樂：嶺南園林建筑 .................... - 16 -

3.4.6 模塊六：戲曲與音樂 .................................. - 17 -

3.4.7 模塊七：民俗節慶 .................................... - 18 -

3.4.8 模塊八：民族風俗 異鄉情調 ........................... - 18 -

3.4.9 模塊九：語言文化 .................................... - 19 -

3.4.10模塊十：多元共存的宗教藝術 .......................... - 20 -

3.5動畫的制作與應用 .......................................... - 20 -

3.6聲音的制作與應用 .......................................... - 21 -

3.7視頻的制作與應用 .......................................... - 21 -

- 4 -

3.8電子雜志的測試與發布 ...................................... - 22 -

4.電子雜志交互功能的實現 ......................................... - 23 -

4.1 頁面及內容的交互 .......................................... - 23 -

4.1.1 點擊圖片改變 ........................................ - 23 -

4.1.2 掠過改變演員 ........................................ - 23 -

4.1.3 圖片切換 ............................................ - 25 -

4.1.4 帶滾動條的滾動文字 .................................. - 26 -

4.1.4 按鈕滾動文字 ........................................ - 26 -

4.1.5 退出按鈕 ............................................ - 27 -

4.2 聲音的控制 ................................................ - 27 -

4.2.1背景音樂的交互 ....................................... - 27 -

4.2.2 音樂的開啟與關閉 .................................... - 27 -

4.3 視頻的控制 ................................................ - 28 -

4.3.1視頻播放與暫停 ....................................... - 28 -

4.3.2視頻播放背景音停止 ................................... - 28 -

5.困難及解決方案 ................................................. - 29 -

5.1 困難 ...................................................... - 29 -

5.2 解決方案 .................................................. - 29 -

6.結論 ........................................................... - 31 -

參考文獻 ......................................................... - 32 -

致謝 ............................................................. - 33 -

- 5 -

1.前 言

1.1 電子雜志的應用現狀

近幾年，計算機事業在飛速發展，隨著互聯網的普及，電子雜志也很快進入了流行趨勢中。對比傳統的紙類雜志，電子雜志有許多優勢。電子雜志采用的數字媒體表現形式，在繼承傳統紙類雜志的精髓之上，雜志更加富有動態，閱讀中可以與讀者進行更多互動，加強雜志生動性；計算機、互聯網的海量存儲功能和網絡的交互，讓電子雜志有了大眾化的平臺；同時電子雜志不受刊號、印刷和成本等所限制，更加靈活便利。現今社會電子雜志市場一派繁榮，在網絡上我們隨處可見，并在將來的設計發展中有很好的前景，有很大的發展空間。

現今的電子雜志通常以兩種方式發行。一種是由印刷版雜志發行商自行發行。它們直接通過Internet發行其雜志的電子版，不需要任何中介。發行商對電子雜志從內容到版面都具有完全的控制權。另一種發行方式是通過中介服務機構，或稱代理商發行。更多的發行商選擇這種省心省力的發行方式。提供這種服務的代理商將許多來自不同發行商的刊物整合到統一的界面和檢索系統中。它們往往在電子版面的設計，技術的更新和應用上有著很大的主動性和優勢。用戶通常也直接向代理商申請訂閱并獲得電子雜志的使用權。

從理論層面，我們看到電子雜志在信息傳播上具有強大的潛力，但目前它在國內的發展卻存在著很多問題。當前，一批優秀的電子雜志的出現讓我們看到了電子雜志的前景，但卻不能忽視目前電子雜志發展過程中存在的內容大于形式、同質化嚴重等問題。據不完全統計，當前整個中國電子雜志平臺上的電子雜志數量已經多達數千種，實際上易讀的雜志卻不足兩百個，而真正擁有忠實讀者的雜志數量更少。這種局面帶來的不僅是資源的浪費，更為嚴重的是導致網民對電子雜志這一新事物的偏見。

這種新形式的雜志要為人們所接受需要的不僅僅是時間，更需要相關研究人員和從業人員不斷地探索和改進。電子雜志要真正實現多種媒介功能的融合，需要的不僅僅是風險資金的投入，還需要人才、渠道等要素的科學整合。相關從業人員如

能將傳統媒體的內容制作優勢與電子雜志的技術優勢進行整合，特別是從電子雜志

- 6 -

特有的傳播優勢出發進行創作，電子雜志必能為更多人接受。

1.2 電子雜志的特性

電子雜志主要以flash為主要載體獨立于網站存在。它是一種非常好的媒體表現形式，它兼具了平面與互聯網兩者的特點，且融入了圖像、文字、聲音、視頻、游戲等相互動態結合來呈現給讀者，此外，還有超鏈接、及時互動等網絡元素，是一種很享受的閱讀方式，延展性也很強。

電子雜志與同類媒體相比，最大的優勢不在于內容而在于其良好的用戶基礎和以網絡社區為依托的互動方式。如果僅僅從內容的角度考量電子雜志，它顯然是遠遠落后于傳統紙質媒體的。對電子雜志而言，最重要的不再是雜志的內容，而是如何充分發揮這一新媒介在信息傳播的交互性上的優勢，改善傳統大眾傳播過程中受眾被動的地位，鼓勵網民參與到電子雜志創作過程中來。網民積極性的調動，不僅提高了電子雜志內容的質量，更重要的是增強了他們對社區的認同感和歸屬感。

電子雜志有幾個優越性：第一，電子雜志在互聯網傳播，使讀者接收信息非常便捷，管理也很方便，傳統的紙質雜志的發行，一般由人工進行，同時受發行點的限制，傳播范圍有限。電子雜志由P2P平臺分送，只要用戶點擊鼠標下載或者上網訂閱電子雜志就可以自動儲存到用戶電腦中，接收更加方便快捷、傳播范圍更廣，電子雜志還可以借助基于P2P技術的閱讀器精確計算用戶在每個頁面上停留的時間；第二，電子雜志有很清晰的受眾分層，針對不同年齡、性別等不同發布不同類型的雜志，這種人群構成的獨特性和清晰性為傳播者開展小眾化傳播創造了條件，互聯網的迅速普及和網民人數的大量增加，這對傳播學而言，最大的意義是使大眾傳播開始向分眾傳播、小眾傳播方向發展；第三，電子雜志是即時、有效和充分的互動形式，在web2.0時代網民已經不僅僅滿足于被動接收傳播者為他們提供的信息，而是希望在接收信息的同時發出自己的聲音，“炫”出自我，這也是電子雜志非常重要的特性。

從崛起到掀起熱潮再到平穩發展的電子雜志，隨著網絡的浪潮在起伏中前進，在數字化時代，而電子雜志融合了超文本鏈接，數字媒體技術等不同形式的應用，這是傳統雜志無法比擬的，因此電子雜志前景還是一片光明。

- 7 -

2. 電子雜志的總體設計

2.1 電子雜志主題

《最嶺南》是一本蘊含嶺南地方特色的雜志。

嶺南文化是悠久燦爛的中華文化的重要的有機組成部分，是祖國文化百花園中的一枝奇葩。嶺南先民遺址的出土材料證明，嶺南文化為原生性文化。基于獨特的地理環境和歷史條件，嶺南文化以農業文化和海洋文化為源頭，在其發展過程中不斷吸取和融匯中原文化和海外文化，逐漸形成自身獨有的特點。

嶺南文化務實、開放、兼容、創新。我選擇以嶺南風俗藝術為主題設計電子雜志，一方面，我們中國文化博大精深，而嶺南文化則是具有自己獨立的風格、精神的文化， 即便經歷現代社會的洗禮，依然傳承了許多美學細節，我們應當了解和探索關于我們國家的文化藝術，讓這些富有中國特色的遺產得以傳承，讓它們與現代生活藝術相映生輝；另一方面，以一本雜志的形式敘述這一內容主題，更為詳細，可以層層深入，帶有互動性，更能夠體現出嶺南文化精髓所在，不但在聽覺、視覺上得到享受，還可以親身體驗，讓讀者在互動中享受文化熏陶。

2.2電子雜志設計風格

本雜志的設計風格屬于水墨、中國、復古風格。中國風在近年來尤其是2008年之后，中國風開始流行于文化、藝術領域，如廣告、電影、音樂、服飾、建筑等。它是以中國元素為表現形式，例如皮影、戲劇等形式，建立在中國文化和東方文化的基礎上，并適應全球經濟發展趨勢的有著自身獨特魅力和性格的藝術形式。我以中國風體現雜志內容，讓讀者可以用現代的眼光重新認識源遠流長的傳統文化。

由雜志封面設計風格可看出，本電子雜志利用現代手法重新描繪傳統文化，古今結合，內容是舊時流傳下來的傳統文化，在現代排版中融入嶺南特色的剪紙、粵劇臉譜、書法、寫意畫、門神等中國元素。利用現代水墨風格體現出來，富新鮮感。

雜志排版主要以簡單清晰的內頁完成，配合傳統文化這一主題，把現代潮流的簡易風格和懷舊風格相結合運用在雜志上，讓雜志內容深刻但版式不顯老舊，適應現在的潮流趨勢，讓人感覺隨和、樸實、大方、沉著、古樸。細節方面，我還加上一些簡易的線條和圖案，例如中國祥云、中國龍以及中國風的邊框和圖案幫助閱讀。

- 8 -

2.3電子雜志的內容模塊

本雜志內容分為十個模塊，分別是：

（1）五岳之地，五嶺以南。這是本雜志第一個版塊，主要簡單介紹了關于嶺南的知識，包括嶺南地理位置，嶺南的歷史發展等。還簡單介紹了這本雜志的主題——嶺南文化，其中簡單介紹嶺南文化的務實、開放、兼容、創新；

（2）巧奪天工之藝。廣東民間工藝品品種繁多，歷代藝人繼承了嶺南古越族人的原始藝術，不斷進取，力求創新，使得有我國南方獨特風格的工藝美術品更加精巧和實用。這一版塊就是介紹這些流傳下來的手工藝，主要介紹廣州的三雕一彩一繡和肇慶端硯；

（3）嶺南畫舫錄。嶺南畫派是嶺南文化至具特色的祖國優秀文化之一，它和粵劇、廣府音樂被稱為“廣府三秀”，是中國傳統國畫中的革命派。這一章節就介紹了嶺南畫派和潮州的木板年畫；

（4）食在廣東。嶺南飲食文化是嶺南文化百花園中的一枝令人注目的花朵。隨著嶺南的社會經濟文化的發展而形成，嶺南飲食文化現具有濃重的地方特色。本章節主要介紹廣州飲茶文化、粵菜和嶺南佳果；

（5）凝固的音樂：嶺南園林建筑。嶺南園林建筑充分利用了南國的自然資源，結合南國人民的生活特點，形成了風格獨特的建筑藝術，這一部分就是把簡練、樸素、通透、雅淡的南國建筑風貌展現給讀者；

（6）戲曲與音樂。戲曲音樂是嶺南文化中不可或缺的重要部分，這部分主要挑選了粵劇、南音、廣東音樂三塊介紹；

（7）民俗節慶。廣東是個充滿節日氣息的地區，嶺南節日種類繁多，最為突出的要數春節、荔枝節和風箏節；

（8）民族風俗 異鄉情調。皮影戲和東莞木偶戲都是我個人很喜愛的民族傳統藝術，它們非常具有地方特色，值得我們一說；

（9）語言文化。作為一個土生土長的廣州人，粵語對于我而言非常有親切感，這一章節就是介紹關于粵語的文化；

（10）多元共存的宗教藝術。宗教是構成嶺南文化的一個重要內容。嶺南為外來宗教入傳中國的第一站，同時又是中外宗教文化交流的重要橋梁。因此宗教藝術也是嶺南文化不可缺少的組成部分。

- 9 -

五岳之地 五嶺以南

巧奪天工之藝

嶺南畫舫錄

食在廣東

封面

目錄

凝固的音樂：嶺南園林建筑

戲曲與音樂

民俗節慶

民族風俗 異鄉情調

語言文化

封底

多元共存的宗教藝術

圖2-1 模塊結構圖

2.4電子雜志的交互功能

本雜志運用了許多頁面及內容的交互，例如實現了翻頁的交互，雜志可自由控制上、下頁，可返回封面、封底和目錄。為了讓雜志更方便讀者閱讀，我還專門設置了一個“跳過此版塊”的按鈕，可讓讀者們根據喜好輕松閱讀到每一個版塊。

除了版塊間的交互，內頁也有很豐富的交互功能，例如，我利用flash完成了大部分內頁圖片之間的轉換，讓電子雜志如網站看圖一樣方便美觀。為了讓電子雜志版面更清晰，內容更豐富，雜志許多文字都利用了滑動條等方式實現，讓電子雜志更完善。頁面內按鈕如按下或掠過也會有相應變化。

聲音方面的控制體現在背景音樂和按鍵音樂等。在本雜志版面中，可以利用按鈕控制背景音樂開關和聲音大小調節，配合個人喜好控制音樂。為了讓雜志聲音方面更豐富，我也添加了翻頁聲音和按鍵音效，使雜志更有真實感。另外，對于雜志中的視頻音樂等音樂開啟時，背景音樂會暫停，直到視頻等音樂停止時，背景音樂才重新響起，使雜志更富人性化。

關于視頻的交互體現在讀者可以暫停，不會在閱讀的時候錯過任何精彩片段。

- 10 -

3.電子雜志內容的制作

3.1電子雜志封面的設計

3.1.1電子雜志封面排版設計

本雜志封面最突出的地方是標題最嶺南的“最”字設計。“最”字由不同顏色的色塊組成，這種色塊的疊加是一種比較現代的表現方法，壓在彩塊上面的是一個黑體的“最”字，把彩色壓下去，讓人感覺穩重但又不覺沉悶。標題還附加了拼音裝飾，更貼近中國文化。

皮影是嶺南特色民族工藝，非常具有地方代表性，因此我利用皮影人物作為封面，并加以動態，皮影的色彩與標題“最”字相呼應，小人的動態效果更可以吸引讀者的眼球。

封面背景配有一些少數民族圖案做裝飾，加上一些泛黃的背景，封面整體感覺比較古樸但不乏現代感。

圖3-1 封面

- 11 -

3.1.2電子雜志封面動態設計

封面的動態效果也是我精心設計的，標題最突出的“最”字就利用了三層疊加效果，層層加深顯示出來，皮影人物的動態也是我運用幀動畫制作出來，根據皮影人物運動規律，設計了一連串的皮影動畫，讓畫面更有趣，更生動，配合起其他動態出現，整個畫面非常有動感。

3.2電子雜志目錄的設計

本雜志目錄分兩大部分，左側是文字部分，右側則是對應不同模塊的圖片。左側以居中形式設計，十個板塊可大致分為兩個類別，分別是：文化遺產和民族習俗。兩大類別的文字排版以對角線型排列，既整齊又不會是單純的對稱排版。

目錄運用了封面的“最”字，加上古文字體的“嶺南”二字，再一次實現古今現代和復古風格結合，我還利用flash繪畫出古代祥云的圖案配合排版，讓版面更加有中國風的感覺。背景有一些半透明的字體散落在對角，這些字體都是利用“最嶺南”三個字的繁體寫法拆分出來的，呈現中國文字的博大和特色，每個文字組成都蘊含許多含義。

右側圖片都是一些有特色的攝影圖片，并加入自己的排版設計，簡單美觀的呈現幾個模塊大致要介紹的內容，讓讀者先睹為快，更易理解每個版塊要介紹什么。圖片再沒有移至左側標題的時候會自動按順序播放，讓整個頁面都有了動感。

圖3-2 目錄

- 12 -

3.3電子雜志封底的設計

本電子雜志封底以簡潔的風格為主，利用淡淡的山水畫做背景，有一種云霧繚繞的感覺，中間一個與封面相同的“最”字結尾，為單調的背景添加一些色彩。再配上一個時尚的彩色條形碼，更有雜志的感覺。

圖3-3 封底

3.4內容頁的制作與展示

本電子雜志內頁總體以中國風格為主。中國風即中國風格。它是以中國元素為表現形式，建立在中國文化和東方文化的基礎上，并適應全球經濟發展趨勢的有著自身獨特魅力和性格的藝術形式。近年來，中國風開始流行于文化、藝術領域，如廣告、電影、音樂、服飾、建筑等。中國文化博大精深，嶺南文化更是中國文化里的一朵奇葩，我選用中國風制作不但與主題相應，還運用這種流行的方式把傳統的東西以一種新形態呈現出來。

3.4.1模塊一：五岳之地，五嶺以南

本模塊簡單介紹嶺南的信息。版面以簡潔風格為主，色調是灰黑色，不花俏，比較平實。動態效果也只是簡單的出場運動，主要為了突顯文字的介紹，排版以竹

- 13 -

林為背景，疊加一塊半透明長條做為文字背景，題目分為兩塊分別壓在對角，版面中規中矩，體現文化的穩重。

圖3-4 五岳之地 五嶺以南

3.4.2模塊二：巧奪天工之藝

本模塊主要介紹嶺南傳統手工藝。版面運用了許多水墨的風格，內容主要分三個小塊：三雕、彩繡、端硯。這些頁面風格比較統一，為的是突顯嶺南的傳統文化由古至今依然不朽，源遠流長。本模塊的小目錄是用Flash完成的一個小動畫，主要通過移動鼠標，掠過按鈕按鈕跳至另外一個動畫來完成的，非常有特色。

- 14 -

圖3-5 巧奪天工之藝

3.4.3模塊三：嶺南畫舫錄

本模塊主要介紹聞名四海的嶺南畫派和潮州木板年畫。風格主要以水墨畫的風格，顏色主要以黃色色調為主，我希望制作出一種宣紙的感覺，更貼進主題，因為介紹畫，所以圖片數量較多，為了讓讀者可以欣賞更多圖片，我運用小圖排版,點擊即可欣賞完整圖片。

圖3-6 嶺南畫舫錄

- 15 -

3.4.4 模塊四：食在廣東

本模塊主要介紹廣東美食，包括廣東茶文化、粵菜和嶺南佳果三個板塊。這個模塊充分利用了關于食的裝飾物，例如茶壺、茶杯等，最有特色的是茶文化中運用到的Flash動畫。首先，是倒茶動畫，這個動畫是我運用Flash的逐幀動畫把茶水由滿逐漸擦除讓圖片看似空杯子，然后用倒轉幀來完成，再加入茶壺傾斜動態和水柱的動態，結合倒水聲效，完成一個小動畫。再者還有標題動畫，這是當鼠標經過其中一個標題，另一個將會消失，點擊進入相應頁面的動畫，是利用跳至指定幀動畫巧妙完成。

圖3-7 食在廣東

3.4.5 模塊五：凝固的音樂：嶺南園林建筑

本模塊介紹嶺南風格獨特的建筑藝術，這里包括兩大塊：嶺南建筑與嶺南園林。我分別選了幾個景點制作，排版充分融入許多嶺南特色的建筑元素，例如河中的庭院、西關的八角窗、石獅子、彩瓷屋檐等等。其中運用了基本的ca語句制作圖片更換，還利用Flash制作了一些小動畫，例如繪畫運動等，美化頁面。

- 16 -

圖3-8 嶺南園林建筑

3.4.6 模塊六：戲曲與音樂

本模塊主要介紹嶺南的粵劇、廣東音樂和南音。版面中運用了許多粵劇圖片和樂器圖片，盡量豐富版面，效果方面我加入了一些音樂元素，可供讀者一邊閱讀文字一邊聽一下相關音樂。

圖3-9 戲曲與音樂

- 17 -

3.4.7 模塊七：民俗節慶

本模塊主要介紹嶺南的節慶，包括春節、荔枝節、陽江風箏節。這些版面的排版風格主要以橙色、紅色為主，體現節日氣氛。這里運用了一個新的交互方法，這三個板塊都有其余兩個板塊的標題，可點擊鏈接進其他兩個板塊。

圖3-10 民俗節慶

3.4.8 模塊八：民族風俗 異鄉情調

本模塊主要介紹皮影和木偶戲。主要利用逐幀動畫完成皮影人物動態效果，使用了Director膠片環功能。而木偶戲利用了Flash制作文字滾動效果，加入一些透明度的調節增加美感。

- 18 -

圖3-11 民族風俗

3.4.9 模塊九：語言文化

本模塊主要利用聲調來介紹粵語文化，讓聲調變成裝飾，也可更直觀介紹粵語復雜的音調。本頁插入了一個粵語教程，只需移動鼠標至相應按鈕就可聽到，教程響起時背景音會暫停。

圖3-12 語言文化

- 19 -

3.4.10模塊十：多元共存的宗教藝術

本模塊主要介紹嶺南其中三個宗教，版面比較統一，配合山脈和寺廟為背景，宗教也是文化遺產不可忽視的部分。

圖3-13 多元共存的宗教藝術

3.5動畫的制作與應用

本電子雜志的制作中插入了許多小動畫，動畫基本在Adobe Flash中完成，集合繪畫、音樂、圖案、文字于一體，充分體現電子雜志動態豐富的優越性。

雜志中還有一些圖片庫的圖片交互動畫，在Flash中可以制作出一些Director中較難完成的效果，例如Flash可添加透明度調節的交互，在Director制作比較繁瑣。本雜志目錄頁就是一個這樣的動畫，首先運用Flash補間動畫完成10張圖片分別由模糊到清晰的動態效果，并按順序播放，再分別制作每張圖片的動態效果，完成了11個Flash動畫后即可插入Director軟件添加lingo語言，使指針劃過時指定位置圖片發生變化，如鼠標離開則繼續播放第一個Flash動畫。同時這個效果也可應用在一些二、三級純圖片頁面中，如第三章節“嶺南畫舫錄”中嶺南畫派的圖片演示中，這主要在圖片較多動態效果又較為復雜的情況下應用。

本雜志頁面與頁面之間通過翻頁效果銜接，翻頁利用按鈕控制跳至下一個標記來完成。版面中控制翻頁的按鈕有五個，分別是上一頁、下一頁、首頁、尾頁和跳過此專輯，上下頁可以控制臨近頁面的交互，而首頁按鈕我設置成跳至雜志內容頁

- 20 -

第一頁，尾頁則是內容頁最后一頁，最有特色的要數“跳過此專輯”按鈕，這是可跳過整個模塊的按鈕，讓讀者可以快速閱讀各版塊的交互按鈕。

雜志內容運用包括“掠過時改變演員”、“掠過時改變光標”、“跳至指定幀”、“掠過播放聲效”、“按下播放聲效”等交互，這些體現在目錄的連接，二、三級頁面的顯示，按鈕的應用等方面。本電子雜志還插入了“轉到URL網絡地址”交互功能，可通過按鈕連接到相應的網絡地址，獲得更豐富的相關資訊。雜志中多處運用到lingo語言，如ca語句和if語句，ca語句的應用主要體現在圖片的變更，點擊可在指定位置顯示大圖片等，if語句則用在音效比較多。

3.6聲音的制作與應用

本雜志的聲音主要來源于網站，音樂的修改比較簡單，只是做了一些修剪，例如背景音樂前奏太長，或者只需要音樂中其中一小段音效等，我利用Adobe Premiere軟件裁剪音效方便使用。按鈕音則直接使用網絡按鍵音搭配制作成。

聲音主要應用在背景音樂、按鈕聲效、動畫配音方面。

背景音樂是利用影片腳本，對整本電子雜志有效，利用開/關按鈕和加/減音量滑動條控制。雜志聲音的控制包括背景聲音開啟與關閉，音量大小調節通過滑動條控制。讀者可按自己喜好開啟和關閉背景音樂，當點擊頁面小喇叭標志，標志自動更換，聲音暫停，再按關閉狀態的喇叭標志則標志恢復，聲音繼續播放。

整本雜志運用了三種按鈕音效，分別是翻頁聲效和兩種按鈕音，鼠標掠過和按下都會有不同的聲效，目的是讓互動性增強，增加人性化。

動畫配音在雜志中的小動畫中體現，例如第四板塊“食在廣東”中茶文化里有一個倒茶動畫，其中配有倒水聲音，需要點擊“茶文化”大標題才會出現倒茶動態和倒水聲音，通過按鈕控制Flash動畫播放。

3.7視頻的制作與應用

本雜志里的視頻均通過Adobe Premiere編輯，包括視頻的裁剪和粘合、去除水印等簡單效果。為了實現電子雜志的整體性和統一性，我把視頻轉換成為Flash格式，這樣做有兩個好處，一個是可以無需外帶視頻，視頻可單獨在電子雜志能播放；再者，.Swf格式比.Avi格式要小，方便傳送和儲存。

控制視頻的按鈕有兩個，一個是暫停，一個是開始，讀者可通過控制視頻播放

- 21 -

或暫停，讓視頻的控制更富人性化。同時，如視頻開始播放時，背景音樂會暫停，視頻音可以正常播放，如按下暫停按鈕則視頻暫停，背景音恢復，這樣可以讓聲音不重疊播放。

3.8電子雜志的測試與發布

電子雜志的測試需要非常細心來完成。電子雜志的按鈕是非常復雜的，所有的鏈接和交互非常繁多，容易錯亂，因此要一個個檢查，不能馬虎。聲效的測試也很重要，尤其要注意多個聲道的運用。其余就是測試一下視頻、動畫是否播放正常等細節問題，如測試正常，最后在Director中合成并發布就可以了。

- 22 -

4.電子雜志交互功能的實現

4.1 頁面及內容的交互

4.1.1 點擊圖片改變

on mouup me

ca the currentspritenum of:

7:sprite(5).member=member("大圖1.") //鼠標點擊后，精靈5會變成大圖1

8:sprite(5).member=member("大圖2.")

9:sprite(5).member=member("大圖3.")

10:sprite(5).member=member("大圖4.")

11:sprite(5).member=member("大圖5.")

12:sprite(5).member=member("大圖6.")

13:sprite(5).member=member("大圖7.")

14:sprite(5).member=member("大圖8.")

end ca

End

4.1.2 掠過改變演員

-- DESCRIPTION --

on getBehaviorDescription me

return

"ROLLOVER MEMBER CHANGE" & RETURN & RETURN &

"Change the sprite's cast member when the mou rolls over the sprite."

& RETURN & RETURN &

"PARAMETERS:" & RETURN &

"* Rollover cast member"

end getBehaviorDescription

- 23 -

on getBehaviorTooltip me

return

"U with graphic members." & RETURN & RETURN &

"Swaps a sprite's cast member on rollover."

end getBehaviorTooltip

-- HISTORY --

-- 22 October 1998, written for the D7 Behaviors Palette by James Newton

--

-- Modified 7 January, 2000 by T. Higgins to include the isOKToAttach

-- event handler along with removing some redundant error checking.

property spriteNum

property mySprite

property myStandardMember

property myRollovermember

on beginSprite me

mySprite = sprite (Num)

myStandardMember =

end

on mouEnter me

= myRolloverMember

end mouEnter

on mouLeave me

= myStandardMember

end mouLeave

- 24 -

on isOKToAttach (me, aSpriteType, aSpriteNum)

ca aSpriteType of

#graphic:

return TRUE

#script:

return FALSE

end ca

end isOKToAttach

on getPropertyDescriptionList

if the currentSpriteNum = 0 then exit

theMember = sprite(the currentSpriteNum).member

theMemberNumber =

return

[

#myRolloverMember:

[

#comment: "Display which member on rollover?",

#format: #graphic,

#default: member (theMemberNumber + 1)

]

]

end getPropertyDescriptionList

4.1.3 圖片切換

next2_s = function() {

change_dPlay(12); //按下next2按鈕，change_mc跳轉到第12幀

change_mc._dStop(3);//change_mc的父級跳到第3幀

- 25 -

};

previous2_s = function() {

};

4.1.4 帶滾動條的滾動文字

speed = 6; //然后是緩沖的程度，速度值越大緩沖越明顯

rate =

change_dPlay(57);

change_mc._dStop(1);

(txt._height-mask._height)/(dragDistance._y+dragDistance._height-dragDistance._y);

txtOrigin = txt._y; //記錄下內容的最初位置

scroll_s = function() {

scroll_rag(0,dragDistance._x, dragDistance._y,

dragDistance._x, dragDistance._y+dragDistance._height);

down = 1;

}; //在滑塊上按下的時候開始拖動，down用來判斷是否處在拖動中

scroll_eUp = function() {

scroll_ag();

down = 0;

}; //鼠標松開的時候停止拖動，down變為0

rFrame = function() {

};

4.1.4 按鈕滾動文字

- 26 -

if (down) {

txtMove = (scroll_bar._y-dragDistance._y)*rate;

txt.m_y = txtOrigin-txtMove;

}

txt._y += (txt.m_y-txt._y)/speed;

up_s = function() {

};

down_s = function() {

};

4.1.5 退出按鈕

on mouup me

quit

End

4.2 聲音的控制

4.2.1背景音樂的交互

on startmovie

sound(1).queue(member"WSky")//把聲音導入通道1

sound(1).play()

End

4.2.2 音樂的開啟與關閉

on mouup me

if sprite(num).member=member("聲音") then

sprite(48).member=member("聲音 無")

sound(1).pau()

el

sprite(num).member=member("聲音")

sound(1).play()

end if

end

- 27 -

txt_ame();//點擊按鈕后，txt_mc跳到前一幀

txt_ame();//點擊按鈕后，txt_mc跳到前一幀

4.3 視頻的控制

4.3.1視頻播放與暫停

on mouup me

ca the currentspritenum of:

8:sprite(4).play()

sound(1).pau()

9:sprite(4).stop()

sound(1).play()

end ca

end

4.3.2視頻播放背景音停止

on mouup me

go frame 800

sound(1).play()

end

- 28 -

5.困難及解決方案

5.1 困難

即便電子雜志在現今社會快速發展，制作電子雜志的軟件日益完善，但有些功能還是未成熟，加上Director軟件的局限性，制作電子雜志中我遇到了一些問題：

（1）雜志素材范圍太廣，數量龐大。

（2）雜志設計版面太多，版面大致相似沒有突出點。

（3）雜志Director和Flash代碼過于復雜。

（4）部分Flash動態效果導入Director軟件無法正常顯示。

（5）使用Flash外部導入導致文件過多的問題。

（6）視頻插入Director無法編輯的問題。

5.2 解決方案

雖然在制作電子雜志過程中碰到許多問題，但我并沒有因此放棄制作，而是更加有動力尋求解決問題的方案，讓我的作品更加完善。

具體解決方案如下：

（1）把所有有用的資料全部收集起來，再歸類，把自己覺得特別具有代表性的選擇出來，再看看素材收集程度，素材比較全的才采用。這樣可以精選一些特色文化介紹給大家。

（2）我的雜志共有58個頁面，頁數多版面設計風格又要統一，難免會出現個別頁面太相似，為了解決這個問題，我將特別相近的版面設置成同一個版塊，這樣就可以達到同一板塊風格統一的感覺，不會覺得每個頁面都差不多。

（3）代碼的使用我一直都不熟悉，但制作電子雜志必要的效果還是需要用到代碼，因此在這一塊我花了許多時間，查閱之前的課件，向熟悉制作效果的同學請求幫助等，最終解決問題。

（4）Flash制作的一些效果導入不進Director的問題從雜志制作一開始就有，開始不以為然，后來覺得非常不方便，在老師指導下，我換了更高版本的Director進行制作，從而解決問題。

- 29 -

（5）為了制作滑動條等功能，我利用外部導入把Flash導入Director完成，但后來發現外部導入雖然更新方便了，但使外部文件增加了許多，為了解決這個問題，我請教了同學，使用其他方式滑動條。

（6）如果是.Flv視頻格式導入Director，視頻將在畫面最上層，這樣編輯起來不方便，后來經過探索，發現如果轉換成.Swf格式就可以解決這個問題。

- 30 -

6.結論

《最嶺南》電子雜志是一本結合了聲音、圖片、文字、動畫、視頻的雜志。嶺南文化從古老的民間傳說開始，就具有一種與眾不同的開放心態。著名的嶺南畫派，就是在繼承國畫傳統技法的基礎上，借鑒了西洋畫的技術而形成；飲譽世界的粵菜風味，不但吸取了國內八大菜系的技藝，也吸取了西菜烹飪之精要。這本雜志把這些流傳至今的傳統文化呈現到讀者面前，通過現在流行的電子雜志形式表現出來，讓更多人知道我們博大精深的嶺南文化。

本文也根據《最嶺南》電子雜志的總體設計、雜志內容設計、交互和制作等展開討論，并加入對電子雜志的認識、電子雜志在現在社會上的地位等，充分結合各因素討論。讓讀者更加了解本雜志的內容和制作過程，打造更完美的電子雜志。

- 31 -

參考文獻

[1]萬凡，牟蕓蕓．電子雜志設計[M]．云南：云南大學出版社，2008.

[2]鄭通揚．人文廣東:在行走中品讀嶺南文化[M]．廣東：廣東旅游出版社，2005.

[3]李權時，李明華，韓強．嶺南文化[M]．廣東：廣東人民出版社，2010.

[4]王曉玲．食在廣州:嶺南飲食文化[M]．廣東：廣東旅游出版社，2006.

[5]譚元亨．嶺南文化藝術[M]．廣東：華南理工大學出版社，2002.

[6]燕泥，陳靜．圖說中國文化:藝術卷[M]．吉林：吉林人民，2007

[7]王樹村．中國民間剪紙藝術史話[M]．廣東：百花文藝，2007.

[8]張祖剛．建筑文化感悟與圖說:國內卷[M]．北京：中國建筑工業出版社，2009.

[9]郭慶豐．符圖記:黃河流域民間藝術考察手記[M]．北京：中國人民大學出版社，2009.

[10]丁國興，談思琦，馮漢珍．中國民間藝術[M]．上海：上海人民美術出版社，2003.

[11]葉春生，黃曉茵．嶺南民間墟市節慶[M]．廣東：廣東人民出版社，2010.

[12]葉春生，陳玉芳．嶺南衣食禮儀古俗[M]．廣東：廣東人民出版社，2009.

[13]翁小筑 ．相約嶺南[M]．廣東：廣東教育出版社，2010.

[14]何承錫，何承爵．嶺南畫派—花鳥技法[M]．上海：上海書店出版社，2007.

[15]夏昌世，莫伯治．嶺南庭園[M]．北京：中國建筑工業出版社，2008.

- 32 -

致謝

大學生活一晃而過，回首走過的歲月，心中倍感充實，當完成這篇畢業論文的時候，大學四年生活也已接近尾聲了，在此，我想對我的母校、老師、父母、同學表達我由衷的感謝。

本畢業設計和論文是在我的自導老師金暉老師和杜凱老師的悉心指導下完成的。兩位老師嚴謹的學術態度和溫和的為人處世原則，為我的設計與論文帶來很大幫助。在論文的寫作過程中，金暉老師不辭辛苦一次次檢查我們的開題報告，畢業論文，字數再多也每份認真查看、修改，不厭其煩向我們解釋許多重復說明過的錯誤，并提出專業的修改意見。杜凱老師有非常敏銳的藝術眼光，他不拘一格的思路給予我無盡的啟迪，在畢業設計版面中，我得到杜凱老師的悉心指導，經過修改讓我的畢業設計更加豐富。在此我要向這兩位指導老師表示誠摯的謝忱。

在此我還要感謝與我一同學習的同學和朋友。四年生活中，無論是學習還是生活，我們都要面對許多新的問題，他們對我的生活、學習提供了許多幫助和關心，讓我更好的融于集體生活，希望我們的友誼永遠長存。

我還要感謝我的父母，他們給予我無私的愛，為我的誠摯付出了許多，為我的學習，生活提供了許多寶貴的經驗和意見，他們不僅培養了我對藝術的濃厚興趣，讓我在漫長人生旅途中有了目標，而且也為我能夠順利完成學業提供了巨大的支持和幫助，在未來的日子里，我將用我的專業知識回報父母。

最后我要以這篇論文為大學生活畫上句號，正式踏入社會，我將認真對待我的每一份工作，在工作中不斷自我增值。

- 33 -