第一章 緒論
3.3.3 卡片版型與立體結構之選擇
國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
90度展開可利用多層附加增加造型，其結構在立體造型製作方法上「一紙成 型」與「外貼型」兩者並用；180度展開的結構則是使用「外貼型」技法，另外 黏貼紙型與零件，其構造也會隨著底頁開闔有不同角度的立體型態展開。此外在 彈出式設計中，翻頁、轉輪、拉卡等屬於機關形式的設計較為特殊，雖然並未產 生3D的彈出構造，而是在平面狀態下透過人手動或卡片開闔製造出的動能變化，
卻能帶給使用者一種操作上的驚奇，且構造設計時通常會有明顯圖示暗示使用者 觸動機關。
3.3.3 卡片版型與立體結構之選擇
根據前一小節歸納與彙整的結果得知，基礎彈出式結構大多數是建立在卡 片底紙的中軸線，而依據卡片底紙展開的角度也會影響結構設計，可分為「180 度」整張紙平開與紙呈現直角的「90度」展開方式，此亦為市售立體卡片常見形 式，因此在HandiCard卡片版型挑選的設計上，將180度與90度分開，並根據中軸 是垂直或水平狀態，共分為四種形式（圖19）。
圖 19 卡片版型分類
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
在彈出式的立體結構挑選亦可發現，V型摺與平行摺為最常見的立體結構兩 大形式，兩者可再細分為不同形狀結構，並依據卡片底紙為180度或90度，有不 同表現方式。此外，轉輪與拉卡為機關式彈出設計中，較為基礎且常見形式，其 建構於180度水平底紙上，也將納入HandiCard可製作的立體結構選項。以下將列 出經挑選後運用在HandiCard之常見立體結構：
表 13《HandiCard》基礎立體結構說明
180度展開 中軸線垂直
V型摺法
Z字型摺法
（由V型摺延 伸之摺法）
平行摺法
幾何形狀
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
180度展開 中軸線水平
平行摺法
幾何形狀
90度展開
中軸線垂直 平行摺法
註：一紙成型技法，於卡片裁切一刀
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
註：一紙成型技法，於卡片裁切兩刀
90度展開 中軸線水平
V型摺法
平行摺法
註：一紙成型技法，於卡片裁切兩刀
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
表 14《HandiCard》機關式結構說明
180度展開 中軸線垂直
轉輪
拉片
（軌道拉片與 撬動拉片）
180度展開
中軸線水平 轉輪
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
拉片（軌道拉 片與撬動拉
片）
介面與操作流程 3.4
HandiCard 整體介面規劃以乾淨、溫馨活潑的風格為主，期望藉此傳達親自 動手製作卡片是一件有趣、開心的事情；在編輯區介面，為能夠幫助使用者聚焦 在卡片設計上，因此把畫面干擾降到最低，沒有多於花俏裝飾。
根據整體架構 HandiCard 可分為個人化設計、實際手作參與、創作分享平台 三大部份，以下各小節將對此三部分操作流程進行逐一說明。
圖 20 整體介面風格
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
3.4.1 個人化設計
使用者從首頁進入主畫面，可於選單選擇欲製作的立體卡片形式，由上而下 分為基本立體結構形式與機關形式兩種（圖 21）。基本立體結構又依據卡片底 紙 180 度或 90 度展開、中軸線垂直或水平與否，提供四種樣式選擇；機關形式 則於 180 度展開，挑選中軸線方向，共分為兩種樣式（圖 22）。
圖 22 基本立體結構形式（左）、機關形式之卡片樣式（右）
圖 21 主選單之卡片形式選擇
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
當確定卡片形式後，便正式進入製作立體卡片的編輯區。編輯區右上角選單 為其主要三大功能：紙張大小（Paper）、立體結構（Shapes）、匯入素材（Import）。
使用者可以從預設選項中點選所需卡片尺寸，及個人偏好的立體結構樣式。事先 規劃好的立體常見結構樣式，透過有限度自由給予，免去過往製作時必須經過反 覆測試才能確立合適卡片尺寸的結構設計問題。
立體結構選單畫面將以 3D 方式呈現，搭配使用者操作手勢之運用，當滑動 畫面中的卡片紙張能即時互動，提供 360 度預視效果，給予立體模擬回饋，幫助 使用者了解不同結構樣式間的差異。依照手勢亦能直覺式放大縮小、移動立體結 構在卡片上依中線生成的位置，調整到使用者心目中理想結果。
圖 23 編輯區中紙張大小選擇頁面
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖 24 編輯畫面各項功能與操作手勢
圖 25 360 度即時預視效果
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
匯入素材選項，提供使用者能以自行上傳照片或圖片（Picture）、從圖庫中 選擇圖示（Icons），與輸入文字（Text）三種功能，設計出獨一無二的客製化立 體卡片。此時編輯畫面同樣以 360 度預視呈現，可隨著不同視角切換利於編排。
內建圖庫根據先前對賀卡文化的了解，將其按照最常使用場合與節日進行選 單分類，幫助使用者能快速找到卡片製作情境的對應素材。
圖 26 匯入素材區各項功能
圖 27 內建圖庫依據常用節日與場合分類
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
在使用者自行上傳圖片、相片功能，可替匯入進來的影像進行簡單去背，並 增加外框線或白邊，以凸顯與其他物件之差別，而打字功能則可選擇字型與字級 大小。匯入素材選項中的所有功能皆可依照使用者需求選擇用與不用，編輯過程 若有不需要的物件，只需長按後將其拖曳至視窗外，便可輕易刪除。