版面設計規劃說明

第二節 版面設計規劃說明  

此節以實例說明本次創作圖文書的設計規劃與考量，以做為製作流程之對應參 考。

一、 版本設定 

 書名《童話後台—夏綠蒂》   

 書籍尺寸  175mm*252mm 

 內頁 70 頁、左翻 

 封面彩色、內頁黑/綠兩色   

二、全書的共同元素   

雖本書創作內容包含了「故事中的故事」的架構，卻也想保有全書為一個整體的 統整感，故設計了幾種全書的共同元素以統整閱讀視覺。

 色彩計畫 

內文文字以黑色為主的，後台文字則改為綠色。 

圖像表現以黑色線畫形式與綠色色塊搭配使用。 

 排版規律 

跨頁圖像的大小配置以一側為大圖一側小圖為主。

短篇故事則依需要調整。

幕後對話為一跨頁，圖文排版形式固定。

 關鍵字

幕後對話的關鍵字以英文呈現，固定放於頁面右下方處。

 字體使用

有別於一般圖文書的統一字型，本書採用多樣化的字體設計，以表現毎個故事不 同語調的感覺。

 頁碼

此外，在頁數編碼時特別考慮了要找一個相 關於夏綠蒂的表現方法，最後決定讓她自己 上場。故頁碼上方的蜘蛛，便取材自《夏綠 蒂的網》原書標題。

 封面設計 

圖 5‐3《童話後台》封面封底圖。右側為封面，左側為封底，含內摺 10 公分 

本書故事結束於最後一篇短篇<修補蛛網的方法>，其主要演出者即是這位舞 者，因為她扮演的角色邊跳著織字之舞，邊唱著夏綠蒂留下來的詩歌，可以說是 夏綠蒂的擬人化與精神再現。因此封面取用此舞者的面容為本書精神代表，放大

圖 5‐2《夏綠蒂的網》原書標題

46 

的臉面凝視著觀者，讓讀者有被凝視的感受，造成吸引效果。標題在考量後選用 英文字體呈現，一方面想取用字體筆劃的力量，一方面有陌生化的功能。感覺像 一句咒文，帶來一些神秘感。標題顏色選用紫色，是為了產生與綠色對比的視覺 凸顯效果。選用「綠色」為本書主色是為了表現主要意指，關於「生命與盼 望」。封底安置了一隻蜘蛛位於捕夢網的中央，其上的串珠呼應了<修補蛛網的方 法>那一首詩歌的內容，也代表了世界的蛛網，此處使用了折頁的引文加以暗 示。幾朵看似花紋的圖騰是禪繞畫⁷，創作其間有時心煩意亂時，以禪繞畫靜 心，而後便使用於創作中。禪繞與旋轉舞動的意念相合，正好可加以利用。 

三、版面設計相同屬性的區塊   

對應圖 3-1 《童話後台》故事架構圖，本書有幾個相同屬性的區塊，故版面 設計上將這些區塊做同一屬性設計，以統一視覺感受。以下將先說明相同屬性的 區塊設計，短劇故事內容集中於下一節解說。

 書名頁與結尾頁

圖 5‐4《童話後台》書名頁與結尾頁對照圖

故事的「入」與「出」以圖像動態產生的動線從左到右帶動，使用荒野劇團        

7  禪繞畫 Zentangle，以重複節奏結合繪製過程的畫法，繪製過程需不停旋轉畫紙。 

的代表馴鹿的走動方向來做視覺牽引。禪繞畫所代表的鈴聲也從封面延伸至封 底。

 幕前介紹與劇目首頁  

圖 5‐5《童話後台》幕前介紹與劇目首頁圖

短劇開始前的引言人與劇目並置於同一跨頁，同一形式重覆在毎個幕前介紹 的頁面。左頁下方依每個故事有不同的引言人，右頁的大圖為劇目意象代表，大 圖下方固定有原童話故事的引句。

 幕後對話頁 

圖 5‐6《童話後台》幕後對話頁面圖

48   

幕後對話的頁面，皆採用圖文同一色調(均為綠色)與草稿般的線條加以處 理。並統整於一個跨頁結束。統一有六個小圖，夏綠蒂的女兒發現的關鍵字則以 英文與書法感的筆劃放置在右下方。書法感的字跡對應到最後一篇<修補蛛網的 方法>的視覺表現，做全書的連貫。到冬夜戲劇節結束之前，夏綠蒂的女兒們只 固定在幕後對話的頁面出現。 

第三節 從概念草圖到完稿  

本節說明短篇故事圖文表現構思過程，創作從概念到完成總歷經許多反覆思 考與修正，太過擴張的想法也可能因為整體需要而刪減。

書名頁

書名頁歷經多次修改，第一版重物件象徵，因動線的問題做了位置修正調 整。第二版因為加上了目錄頁感覺太過擁擠侷促，故最後決定拆成兩個跨頁，成 為目前的書名頁與目錄頁分開的方式。

圖 5‐7《童話後台》書名頁第一版

圖 5‐8《童話後台》書名頁第二版