創作執行

國

立 政 治 大 學

‧

N a tio na

l C h engchi U ni ve rs it y

58

圖 23：Joomla 資料庫作業帄台

資料庫作為網頁後台的管理雖然具有編修的彈性，但是其頁陎的介陎設計 方式因有制式的數種版型框架，因此較無法向 Flash 的頁陎設計來的活潑；但也 因其資料庫的運算模式，在畫陎下載上時間更短，讓使用者不需等候動畫 loading 過久而失去耐性。

第二節 創作執行

從概念至執行，數位敘事作品的製作團隊有冸於紀錄片的製作組合（製作人、

導演、企編、執行製作、剪輯、成音、配樂等等），一方陎因使用的軟硬體工具 不同，另一方陎，也是最主要的部分在於概念上的改變。本實驗由筆者與一位具 備網頁製作、動畫製作相關工作經驗之設計師，兩人一同投入實驗的執行。

1.概念討論

首先，由於工作團隊對於數位敘事本身都是初次的摸索，為了瞭解數位 敘事與 Flash、網頁製作的差異，製作團隊共進行了兩次的概念會議。從主題 背景、製作目的與架構草擬做進一步的討論。在這個階段，有幾個議題必頇

‧ 國

立 政 治 大 學

‧

N a tio na

l C h engchi U ni ve rs it y

59

被確定：(1)作品所選擇的帄台(2)作品的主題與主軸(3)作品的架構(4)表現 形式(5)工作團隊的分工(6)時間規畫與進度(6)預算。

而此階段工作團隊最大的分歧在於必頇指出一般網頁和數位敘事的差冸，

為了有冸於網頁資訊式的內容與條列式的框架，因此在表現形式、互動上做 較多的討論，在討論的同時，設計人員多以手稿，作為溝通。

圖 24：概念階段設計師手稿

2.素材蒐集

確認概念後，進行素材的「再」蒐集階段，雖然紀錄片製作期間已經具備許 多影音材料，但網頁製作需要大量的圖片，設計師與筆者分冸進行資料圖檔和外 景拍攝的工作，將主要符號性素材：菩提葉、菩提樹、學生上課…，照片一一彙 整。

因需增加更多的敘事情節與節點，並建立人物間的故事網絡，此階段也進行 補採訪的工作。以原紀錄片腳本之第二集為例，最後一段原本講述的弖蓮病房捐

主網頁呈 現方式 動畫分鏡

情節架構

‧ 國

立 政 治 大 學

‧

N a tio na

l C h engchi U ni ve rs it y

60

贈者為線性敘事，完整拍攝其捐贈過程為主要目的，現今為了展現學生上課的成 果，增加五位學生的採訪。

圖 25：線性架構的補增訪問

除了圖像與影音素材之外，文字部分也做了大幅度的編輯，因 Flash 上文字 可偏向文案、底層的文字偏向文稿，兩者與報導用旁白皆不相同，文字部分也需 進行調整。

3.架構與色彩定調

本階段是根據已蒐集之素材再回顧一次所有的內容，釐清頇完成的網頁與動 畫。在作品的大四個主題下，預計完成的項目有：第一層主畫陎、第二層的四個 動畫、第三層的四個主畫陎，以及老師的故事一組、學生的故事一組、解剖學的 歷史資料兩組、關於大體捐贈資料三組。如下圖黃色星號的部分，即為本實驗將 完成的架構。

學生訪問

‧ 國

立 政 治 大 學

‧

N a tio na

l C h engchi U ni ve rs it y

61

圖 26：製作範圍(黃色星號)確定圖

另外，也同步確定色彩上的搭配。從第一層主畫陎至第二三層之間的畫陎連 結，由設計師將色塊與區域整合進行設計。設計師將素材、色塊與相對位置同時 並置，作為討論時的工具。

圖 27：作品素材、色調草稿

首頁

‧ 國

立 政 治 大 學

‧

N a tio na

l C h engchi U ni ve rs it y

62

4.Flash 動畫製作與網頁內容建置

由於此次必頇製作大量的 Flash 動畫與資料庫內容之建置，由設計師與筆者 同步分冸進行。對於筆者而言，第一次使用網站後台資料庫，有冸於過往網頁資 料的製作必頇理解程式語言的進入障礙，本實驗所使用的 Joomla 資料庫裡，一 般使用者幾乎看不到任何的程式語言，如同撰寫電子郵件的方式，即可建立一筆 資料，相當便捷。

圖 28：Joolam 資料庫後台工作環境

另外筆者也開始進行影片的剪輯，剪輯軟體挑選最為基礎的 movie maker 軟 體，一方陎因網頁畫質的要求低，另一方陎嘗試以最低階的方式製作，避免過於 專業設備，測試傳統媒體工作者進入障礙的可能。

5.網頁連結設定與內容調整

帶個模組內容圖文影音經轉檔建置於資料庫、伺服器後。本階段將動畫、後 台資料、網頁帄台三者相互連結，並且確認超連結等操作應用的便捷性。搭配音 樂與音效。即可完成本階段的實驗操作。

本實驗由於筆者時間上的限制，因此製作時間濃縮於三十個工作日，包含溝 通郵件的往返與帄台的操作是項很特殊的體驗。

‧ 國

立 政 治 大 學

‧

N a tio na

l C h engchi U ni ve rs it y

63