國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
23
第三節 相關案例探討
本創作為結合音樂與敘事的互動繪本，主要透過音樂的互動來詮釋故事與 人物，因此音樂設計在本創作是重要的一環。接下來本節將著重在音樂為主要特 色的相關案例，從中探討不同形式中音樂的敘事表現與畫面結合的效果。首先從 各種音樂相關數位案例中分析音樂的產生方式，並從療癒風格案例中觀察音樂和 視覺如何呈現觸動人心的感受，將成為日後創作的設計參考。
一、數位案例中的音樂產生方式：
1. 網路行銷案例：Maki-san「Design Your Animation Video」活動網站──客製 化音樂動畫卡片15
Maki-San 是新加坡第一個完全客製化壽司店，顧客可以自由選擇尺寸、配料、
米飯和外皮。為了強調能夠輕鬆地客製化壽司，Maki-san 在官網上推出了 DIY 壽司動畫的網頁互動遊戲，可以在網頁上製作自己的動畫，配上音效，並作成電 子卡片分享給好友。活動網頁的互動流程如下表2-4：
1. 選擇喜歡的動態圖片並排序。 2. 為八張動態圖片配上對應的音樂，共八 種樂器的配樂可選擇。
15 Maki-san「Design Your Animation Video」。取自網站：http://rollwithmakisan.com/
影片連結：https://vimeo.com/esthergoh/rollwithmakisan
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
24
3. 寫下訊息，分享給朋友／預覽（播放音 樂及動畫）系統會生成一段網址，可選 擇分享至twitter／facebook 或複製連結。
4. 最後的音樂動畫卡片呈現。
表2-4 Mak-isan「Design Your Animation Video」網頁流程
圖片來源：Maki-san「Design Your Animation Video」http://rollwithmakisan.com/
音樂的設計上，Maki-san「Design Your Animation Video」中音樂與畫面的對 應方式為一首音樂片段指搭配一張動畫，類似組曲的形式，在音樂和程式設計上 相對而言比較容易。在音樂設計上每段音樂片段都很飽滿豐富，使得排列組合的 效果有趣好聽，但音樂片段組合切換較不適合表現本創作想要呈現的細膩的情緒 鋪陳和起伏變化。
而音樂結果的呈現上，最後使用者可以帶走一段音樂動畫，將它做成電子賀 卡分享給朋友，不僅有著有趣的視聽效果，且具有社群散播力量。本創作在最後
「帶走一首曲子」的呈現形式也會參考此作品，考慮以動畫的形式，搭配繪本畫 面播放最後的故事曲子。
2. Tocaband
音樂遊戲App「Toca Band」結合了角色與樂器音色，讓使用者挑選角色在 舞台上一起合奏，舞台上最多可放置8 個角色，一共有 16 種角色可以選擇。每 個角色有著特定的音色，在不同階層的旋律會有些微改變，增加合奏的變化性。
各角色音樂設計為簡單的相同旋律或節奏，與角色的關聯多取決於視覺造型，與 角色較無較深的關聯，重點放在人物造型的樂器合奏效果（圖2-6）。
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
25
圖2-6 「Toca Band」音樂互動遊戲 App 畫面
Toca Band 同時最多只有 8 個角色音樂，音樂的豐富性及變化性卻非常足夠，
不會無趣。因此本創作在音樂設計上除了旋律性的音樂，也會添加節奏性音樂，
讓歌曲更豐富。因為時間及預算的限制，音樂設計上可能無法如Toca Band 針對 單一角色做音樂上的變化，僅能盡量呈現角色間的差異，考量音樂預期的變化性，
角色設定及對應音樂都會以多元性為目標來設計。
3. 音樂怪獸養成遊戲APP：「My Singing Monsters」
「My Singing Monsters」是一款結合了音樂元素的養成遊戲，遊戲背景是一個 怪獸世界，玩家可以飼養各種怪獸，每一種怪獸都會發出自己獨特的歌聲，使用 者可以在養成的過程中解鎖其他的怪獸，收集各種不同怪獸來創造出自己世界的 獨特音樂。
遊戲中有超過30 種怪獸可以收集，根據遊戲地圖的不同，每個小島各為一首 音樂歌曲，擁有不同音色的怪獸們搭配島嶼的主旋律，唱著各自的聲部，形成合 唱團般的美妙音樂（如圖2-7）。音樂設計與前面的 Toca Band 相比較為複雜，
音樂的產生的方式同樣為角色樂器－舞台類型，越多怪獸在島嶼上，音樂就越豐 富。
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
26
圖2-7 「My singing monsters」遊戲介面
「My Singing Monsters」結合音樂與養成兩種元素，來表現和聲漸漸豐富的 過程，並使玩家從中獲得成就感。角色的音樂設計方面，各個怪獸造型設計與搭 配的歌聲有高度聯想性，例如胖毛怪聲音低沉厚實，手指敲石頭的怪獸則是敲擊 樂。每個場景有共同的主旋律，因此即使多隻怪獸同時出現在場景中也不會變得 吵雜。
此款音樂遊戲以角色為音樂單位，經由多音軌的疊加組合成好聽的歌曲，這 樣的音樂呈現形式非常適合表現本創作想要表達的單調之豐富的心境變化。為了 呈現曲子的多樣性，本創作在一開始並不會如上述兩個例子有明顯的主旋律，而 是將旋律性較高的角色配樂放在後面，在故事互動的過程中，隨著加上的角色音 樂慢慢改變整體的音樂氛圍，增加讀者在閱讀中體驗音樂變化的趣味性。
2. 《彼得與狼》音樂繪本
音樂繪本《彼得與狼》（ピーターとおおかみ）為ONKAN INC.在 2015 年推 出的App，是一款將普羅高菲夫(Sergey Prokofiev)所寫的交響童話經典「彼得與 狼」改編成App 形式的音樂繪本。繪本中配合故事頁面使用「彼得與狼」的音 樂片段，介面設計與紙本繪本類似，在閱讀過程中的互動只有播放對應故事的音 樂片段及進入人物音樂介紹頁，互動性不高；音樂也必須以手動播放，讀者較容
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
27
易專注體會音樂和故事間的關係，並提供解題測驗的功能，具有教學意義。（如 表2-5）
《彼得與狼》封面頁
手繪質感的視覺風格，中央為繪本標 題以及開始閱讀、解題遊戲的按鈕。
繪本內頁為一般靜態圖文繪本，並無 互動和動態效果，右上方的兩個圖示 分別為播放此頁的故事音樂及人物 頁面檢視。
進入頁面後，並不會自動播放音樂，
而是要點擊右上方的音樂圖示才會 播放，音樂時間為18~25 分鐘，讀者 聽完整段才會翻頁，因此較不需處理 音樂間的銜接問題。
點擊上圖中的檢視圖示（ ），會跳 出各個人物介紹頁，點選角色，會播 放代表角色的音樂及彈出樂器介紹 視窗，例如左圖的彼得的音樂主題為 弦樂四重奏。
表2-5 「彼得與狼音樂繪本」App
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
28
《彼得與狼》是符合音樂敘事應用的音樂繪本，在數位繪本的呈現上，畫面 還是以繪本形式為主，不加入動畫及特效，僅以按鈕播放故事音樂。本繪本創作 會參考此種音樂呈現方式，在頁面中需點選播放單一人物音樂，再形成故事配樂。
介面則會保持繪本的形式，不做過多動畫處理，以內容翻頁和聆聽音樂為主。
二、療癒風格案例
1. 音樂繪本系列《音樂繪本‧人魚公主》16
《音樂繪本‧人魚公主》（音楽絵本・にんぎょひめ）是日本takeshi sainen 公司所開發的「以溫柔的感情與想像力為主題」的音樂繪本系列App 之一，其 特色為根據故事情節特別編寫的配樂，一共有12 首療癒風格的曲子，可隨時切 換頁面，並且可以在繪本的最後頁作為安眠曲定時播放。此繪本閱讀對象以大人 為主，文字比例較多，插圖風格也較柔和。此音樂繪本的流程如下表2-6：
1. 大人為閱讀對象的音樂繪本。 2. 搭配水彩質感的畫面及故事內容，
切換充滿療癒感的配樂。音樂曲目 銜接的處理為淡出淡入。
16 「音楽絵本・にんぎょひめ」。作・アンデルセン，音楽・久保田恵子 ，絵・酒井景都。
http://ongaku-ehon.com/ningyohime.html
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
29
3. 可任意切換頁面
4. 故事最末頁可播放全部的配樂歌 曲，並可設定結束時間。
表2-6 《音樂繪本‧人魚公主》App
《音樂繪本‧人魚公主》在音樂與畫面的處理上非常細膩，在聽覺與視覺上 皆充滿心靈上的療癒感。此音樂繪本的配樂為隨著畫面翻頁而切換，曲目間以淡 入淡出效果銜接，較不突兀。雖然音樂本身互動性不高，但整體所營造的氛圍與 本創作希望呈現的感覺類似，在音樂及視覺的設計都會做為參考。
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
30
2. 「紀念碑谷」( Monument Valley )
圖2-8 「紀念碑谷」( Monument Valley ) App 畫面
「紀念碑谷」( Monument Valley )是一款結合錯視、益智解謎與故事的 App。
「公主」艾達為了使什麼東西得到救贖而踏上了一段旅途。玩家在移動平台、觸 碰機關的過程中，與遊戲中的環境互動，在錯視和不可能的幾何物體組成的「紀 念碑」中行走尋找隱藏的道路，到達關卡的終點。
此App 在音效、視覺設計及動畫都表現得非常精彩。精美的視覺設計及動 態呈現，每一幕都像是一件藝術作品。音效的部分，則利用深遠、低沉而持續的 環境音效來營造氣氛，加上角色音效（不同的腳步聲、烏鴉叫聲）、按鈕音效（改 變紀念碑發出的音效：不同音色音高的樂器單音）等細節設計，在聽覺體驗上形 成療癒的感受。另外，直覺的互動也讓一切體驗更加順暢，平靜舒緩，讓人沉醉 其中。
「紀念碑谷」具有療癒感的關鍵來自對各方面細節的注重所創造的美感體驗，
可歸納出以下幾點：（一）藝術作品般的視覺設計、（二）深遠持續的音效設計、
（三）精細的動態效果、（四）直覺的互動、（五）簡單並具有深意故事情節。
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
31
綜合以上的例子，本創作的音樂生成方式將使用「My Singing Monsters」的 音軌疊加模式，來表現音樂漸漸轉變的過程，並提升角色與音樂對應的細膩度，
音樂設計上也會考量最終生成曲目的差異性而做調整；而視覺風格及介面設計方 面，將會參考「人魚公主」及「彼得與狼」繪本App，介面則以呈現內容的繪本 形式為主，避免過於遊戲化，並思考故事閱讀及音樂體驗間如何取得平衡；整體 視覺及音效設計將參考「紀念碑谷」的精緻感，期望能帶給讀者美好的閱讀體驗。
創作規劃在下一章節會有更深入的說明。
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
32