109 年 國立成功大學創意產業設計研究所乙組《數位媒體與互動設計》
第 1 題4 分
I. Digital Media (34%)
Visualizing Personal Data in Two Ways
- Pick a personal activity that you can collect data in your daily life. Create a data sheet. The data set needs to contain at least 20 data fields. The more data, the better.
登入後即可作答並保存紀錄。
本題為個人化實作題,旨在考察學生對於個人生活數據的收集、組織與理解能力。題目要求選擇一項日常個人活動,並建立一個包含至少 20 個數據欄位(data fields)的數據表(data sheet)。數據欄位越多越好。
核心觀念:
- 數據收集與組織: 學生需要識別並定義一項個人活動的關鍵數據點,並將其結構化。
- 數據欄位設計: 學習如何定義有意義的數據欄位,以捕捉活動的各個面向。
解題步驟:
- 選擇個人活動: 選擇一項學生經常進行且能記錄數據的活動。例如:
- 運動(跑步、健身、瑜珈)
- 學習(閱讀、寫程式、上課)
- 通勤(搭乘大眾運輸、開車、騎車)
- 飲食(每日三餐、零食攝取)
- 睡眠(就寢時間、起床時間、睡眠品質)
- 定義數據欄位: 針對所選活動,思考可以收集哪些資訊。目標是至少 20 個欄位。
- 範例: 以「每日通勤(搭乘捷運)」為例,可以定義的欄位包括:
- 日期 (Date)
- 星期 (Day of Week)
- 出發時間 (Departure Time)
- 預計抵達時間 (Estimated Arrival Time)
- 實際抵達時間 (Actual Arrival Time)
- 通勤時長 (Commute Duration)
- 捷運路線 (MRT Line)
- 轉乘次數 (Number of Transfers)
- 搭乘車廂位置(前、中、後) (Carriage Position: Front, Middle, Rear)
- 車廂擁擠程度 (Crowdedness Level: 1-5)
- 範例: 以「每日通勤(搭乘捷運)」為例,可以定義的欄位包括:
第 2 題10 分
- First, visualize the data set creatively and clearly with a 2D diagram.
登入後即可作答並保存紀錄。
本題為實作題,要求學生利用第一步收集到的數據,設計一個具創意且清晰的二維圖表(2D diagram)來進行視覺化。
核心觀念:
- 數據視覺化: 將結構化的數據轉化為易於理解的視覺形式。
- 圖表選擇與設計: 根據數據特性和想傳達的訊息,選擇合適的圖表類型,並進行創意設計。
- 清晰度與可讀性: 確保圖表易於理解,傳達的訊息清晰準確。
解題步驟:
- 審視數據: 回顧第一步建立的數據表,了解數據的類型(類別型、數值型)、範圍、分佈以及各欄位之間的潛在關聯。
- 確立視覺化目標: 思考希望透過這個圖表傳達什麼訊息?是總覽、趨勢、比較、關聯性,還是異常值?
- 選擇合適的 2D 圖表類型:
- 數值數據(連續或離散): 長條圖 (Bar Chart)、折線圖 (Line Chart)、散佈圖 (Scatter Plot)、直方圖 (Histogram)、圓餅圖 (Pie Chart)(適用於比例)、盒狀圖 (Box Plot) 等。
- 類別數據: 長條圖、圓餅圖、樹狀圖 (Treemap) 等。
- 關聯性: 散佈圖、氣泡圖 (Bubble Chart)、熱力圖 (Heatmap) 等。
- 地理位置數據: 地圖視覺化。
- 進行創意設計:
- 顏色運用: 使用有意義的顏色來區分類別、表示強度或強調重點。
- 形狀與符號: 結合圖標、符號來增強資訊傳達。
- 佈局與排版: 組織圖表元素,使其結構清晰,視覺流程順暢。
第 3 題10 分
- Second, pick a digital fabrication method and visualize the data with it. Use text and drawings to explain your visualization.
登入後即可作答並保存紀錄。
本題要求學生選擇一種數位製造方法,並利用該方法來視覺化第一步收集的數據。學生需要透過文字和繪圖來解釋其視覺化設計。
核心觀念:
- 數位製造 (Digital Fabrication): 了解 3D 列印、雷射切割、CNC 加工等數位製造技術的原理與應用。
- 實體視覺化 (Physical Visualization): 將數位數據轉化為實體物件。
- 跨領域整合: 結合數據科學、設計與製造技術。
- 溝通與闡述: 能夠清晰地解釋設計理念、製作過程與最終成果。
解題步驟:
- 選擇數位製造方法:
- 3D 列印 (3D Printing): 適合製作複雜形狀、曲面,可以將數據轉換為高度、體積、紋理等。
- 雷射切割 (Laser Cutting): 適合製作平面物件、層疊結構,可以將數據轉換為切割圖案、物件大小、排列密度等。
- CNC 加工 (CNC Machining): 類似 3D 列印,但通常用於更精確的金屬或木材加工。
- 乙組(數位媒體與互動設計)可能更傾向於結合數位輸出的方法,例如:
- 互動裝置的物理元件: 數據驅動的 LED 燈光變化、機械結構的移動等。
- 結合感測器與輸出: 雖然題目未強制要求互動,但可以思考如何將數據轉化為可被感測或觸發的物理表現。
- 構思數據到實體的轉換方式:
- 數據映射 (Data Mapping): 決定數據的哪些值將對應到實體物件的哪些參數。
- 高度/深度: 例如,跑步距離決定物件的高度。
- 尺寸/長度: 例如,每天的睡眠時長決定物件的長度。
- 紋理/密度: 例如,數據的變化率決定表面紋理的複雜度或密度。
- 顏色(需配合後續處理): 數據值可以決定列印材料的顏色,或後續塗色的區域。
- 數量/重複: 例如,某類型的數據出現次數決定物件的數量或重複模式。
- 形狀: 數據值可以影響物件的整體輪廓或內部結構。
- 選擇數據欄位: 選擇最適合用實體物件來呈現的數據欄位。
- 數據映射 (Data Mapping): 決定數據的哪些值將對應到實體物件的哪些參數。
- 設計實體視覺化物件:
- 草圖與繪圖:
第 4 題10 分
- Explain whether or not you found implicit meaning behind the picked personal activity by visualizing the data. If yes, what have you found? (Use the visualizations to support your findings.)
登入後即可作答並保存紀錄。
本題要求學生分析透過前面兩步驟(2D 圖表與實體視覺化)所呈現的數據,探討所選個人活動中是否存在隱含的意義(implicit meaning),並在發現時,詳細闡述這些意義,同時引用視覺化結果作為證據。
核心觀念:
- 數據洞察 (Data Insight): 從數據中發現模式、趨勢、關聯性,並進一步解讀其背後的含義。
- 隱含意義 (Implicit Meaning): 指數據表面現象之下,可能代表的更深層次的原因、影響或個人狀態。
- 論證與證據: 運用視覺化結果(圖表、實體物件)來支持自己的論點。
- 反思與自我認知: 透過數據反思個人行為、習慣或偏好。
解題步驟:
- 回顧視覺化結果:
- 仔細觀察第二步製作的 2D 圖表。哪些趨勢、異常值、分佈模式最為顯著?
- 仔細檢視第三步製作的實體視覺化物件。物件的形狀、高度、顏色、紋理等,是否呈現出某種規律或特徵?
- 尋找模式與異常:
- 趨勢 (Trends): 數據是否隨時間呈現上升、下降或週期性變化?
- 週期性 (Cyclical Patterns): 是否有每日、每週或每月的規律?
- 關聯性 (Correlations): 兩個或多個數據欄位之間是否存在關聯?(例如:天氣與運動表現、睡眠時間與隔日精神狀態)。
- 異常值 (Outliers): 是否有遠超常規或低於常規的數據點?這些點有何特殊之處?
- 分佈 (Distribution): 數據是集中在某個範圍,還是分散開來?
- 解讀隱含意義:
- 連結實際情境: 將觀察到的模式與個人實際生活經驗連結。例如,如果發現某幾天的跑步表現特別差,對照數據,可能是因為當天睡眠不足或天氣惡劣。
- 推斷原因: 為什麼會出現這種模式或異常?例如,週末的通勤時間總是較長,可能因為週末交通狀況不同;或是每日的睡眠時間波動很大,可能反映了生活作息的不規律。
- 發現個人習慣或偏好: 數據是否揭示了你某些不易察覺的習慣?例如,總是偏好在特定時間段學習,或是在特定天氣下運動。
第 5 題5 分
II. Design (50%)
The Hybrid
- Pick two items which are used for different purposes and unrelated to each other from every perspective. Describe them and explain how they are not related to each other.
登入後即可作答並保存紀錄。
本題為設計題的開端,要求學生挑選兩個在功能、用途、概念上都截然不同且毫無關聯的物品,並對其進行描述與關聯性分析。
核心觀念:
- 物品屬性分析: 能夠辨識與描述物品的核心功能、使用情境、材質、造型等。
- 關聯性判斷: 能夠從多個維度(功能、美學、文化、歷史、技術等)判斷物品之間的關聯性。
- 抽象思考: 能夠跳脫物品的實際用途,從更廣泛的層面思考其概念。
解題步驟:
- 腦力激盪,尋找「極端不相關」的物品:
- 目標是找到兩個在功能、設計理念、使用者群體、甚至出現的場合都差異極大的物品。
- 可以從不同領域開始聯想:
- 科技 vs. 傳統: 智慧型手機 vs. 傳統毛筆
- 實用 vs. 裝飾: 螺絲起子 vs. 琉璃藝術品
- 自然 vs. 人工: 一片落葉 vs. 機器零件
- 工具 vs. 食品: 錘子 vs. 巧克力
- 衛生 vs. 娛樂: 牙刷 vs. 電子遊戲控制器
- 避免陷阱:
- 過於相似: 例如,鋼筆和原子筆,雖然有差異,但用途高度相關。
- 間接關聯: 例如,食譜和廚房用具。雖然不是同一個東西,但用途緊密相關。
- 廣泛的共同點: 例如,椅子和桌子,都是家具。
- 選擇一對物品: 挑選一對你認為最符合「從各個角度都無關聯」的物品。
- 詳細描述物品 A:
- 名稱: 清楚寫出物品的名稱。
- 功能/用途: 它的主要作用是什麼?
- 使用者: 誰通常會使用它?
- 使用情境: 在什麼場合、環境下使用?
- 材質/外觀: 它的材質、顏色、形狀、尺寸等特徵。
- 概念/意涵: 它可能代表或象徵什麼?(例如:效率、藝術、安全、清潔)
- 詳細描述物品 B: 同樣詳細描述物品 B。
- 分析兩者為何「不相關」: 這是本題的關鍵。需要從多個維度去論證。
第 6 題20 分
- The design: Combine the items together as one object. Draw at least ten prototypes, and use text to explain the concept(s) of each prototype. The more difference between them, the better.
登入後即可作答並保存紀錄。
這是本題組的核心設計任務,要求學生將上一題選出的兩個極不相關的物品進行結合,創造出一個全新的「混合體」(Hybrid)物件。學生需要提出至少十種不同的原型(prototype)設計,並為每種原型闡述其概念。
核心觀念:
- 創意聯想與融合: 將看似無關的元素進行有意義的結合。
- 原型設計 (Prototyping): 快速迭代,探索多種可能性。
- 概念闡述: 清晰地表達設計的意圖、功能、形式和象徵意義。
- 差異化設計: 確保提出的原型在概念和形式上具有顯著差異。
解題步驟:
- 理解「結合」的本質:
- 結合不只是「拼貼」,而是要思考如何讓兩個物品的特質(功能、形式、概念)以新的方式共存、互動或轉化。
- 結合方式可以多樣:
- 功能疊加: 一個物品具備另一個物品的功能。
- 形式融合: 一個物品的外觀融合了另一個物品的造型特徵。
- 概念借用: 一個物品的設計理念源於另一個物品的象徵意義。
- 功能轉化: 一個物品的某個功能被另一個物品的特質所改變或增強。
- 情境重塑: 結合後的物件出現在一個全新的使用情境中。
- 構思至少十種原型概念:
- 系統性思考: 可以從不同的結合策略切入。例如:
- 以物品 A 為主體,融入 B 的元素。
- 以物品 B 為主體,融入 A 的元素。
- 創造一個全新的形態,同時體現 A 和 B 的特質。
- 強調 A 的功能,但用 B 的方式來實現。
- 強調 B 的概念,但用 A 的工具來表達。
- 鼓勵大膽想像: 不要被物品的原始功能所限制。例如,如果結合的是手機和香包:
- 原型 1 (功能疊加): 一個手機殼,內嵌可更換的香草包,手機可以播放舒緩的音樂,並散發香氣。
- 原型 2 (形式融合): 一款外觀設計模仿香包的摺疊手機,打開後有傳統紋飾,通話時有淡淡香氣。
- 系統性思考: 可以從不同的結合策略切入。例如:
第 7 題8 分
- Pick the most unexpected combination and finalize the design with text and drawings explaining your design in terms of the setting, instructions, its purpose, and its name.
登入後即可作答並保存紀錄。
在前一題提出了多個原型後,本題要求學生從中挑選一個「最出乎意料」(most unexpected)的組合,並以此為基礎,進行最終的設計深化。學生需要提供該最終設計的名稱、目的、使用情境、以及操作說明,並輔以文字和繪圖。
核心觀念:
- 篩選與聚焦: 從眾多可能性中選出最具潛力、最能體現「意外性」的設計。
- 設計深化: 將一個概念性的原型,轉化為一個更具體、可操作的設計方案。
- 情境設計 (Context Design): 思考設計在何種環境下被使用,以及如何融入該環境。
- 使用者體驗 (User Experience, UX): 設計操作流程,確保使用者能理解和使用。
- 命名與定位: 為設計賦予一個能夠傳達其核心價值的名稱。
解題步驟:
- 評估「意外性」:
- 回顧第六題提出的十個(或更多)原型。
- 哪個原型的結合方式最令人驚訝?哪個組合最難預料?哪個組合突破了原有的物品界線,產生了全新的意義?
- 「意外性」可以來自:
- 結合的兩個物品本身極度不相關。
- 結合的方式非常規、非直觀。
- 結合後產生的功能或意義與原始物品的預期完全不同。
- 結合後引發了新的思考或觀點。
- 選定最終設計: 挑選出一個你認為最符合「最出乎意料」的原型。
- 深化設計細節:
- 名稱 (Name): 為這個最終設計取一個有創意、能體現其獨特性和結合概念的名稱。名稱應該能引起好奇,並暗示其「意外」之處。
- 目的 (Purpose): 清晰闡述這個設計的最終目標是什麼?它要解決什麼問題?或提供什麼價值?這個價值可能與解決實際問題相關,也可能與引發情感、思考或藝術表達相關。
- 設置/情境 (Setting): 描述這個設計最適合在什麼樣的環境中使用?是居家、辦公室、公共空間、特定儀式,還是虛擬環境?這個情境如何烘托該設計的獨特性?
- 說明/指示 (Instructions): 詳細說明使用者如何操作和使用這個設計。這部分需要具體、清晰,如同產品使用說明書。
- 啟動: 如何開啟或啟動它?
- 操作: 有哪些互動方式?如何控制?
- 維護/補充: 是否需要充電、更換零件、補充耗材?
第 8 題8 分
- Use text or drawings to show how you combine technically A & B in the final design.
登入後即可作答並保存紀錄。
本題要求學生針對上一題選定的最終設計,具體展示兩個原始物品(A 和 B)是如何在「技術層面」被結合在一起的。這需要學生思考設計的內部結構、組件連接、功能實現的原理等。
核心觀念:
- 技術整合: 理解不同技術或組件如何協同工作。
- 結構設計: 思考物件的內部構造與組件佈局。
- 功能實現: 闡述設計的各項功能是如何被技術實現的。
- 工程思維: 即使是設計領域,也需要考慮實際的可行性與組件之間的關係。
解題步驟:
- 明確物品 A 和 B 的關鍵技術/組件:
- 回顧第五題,對你選擇的物品 A 和 B,列出它們各自的核心技術、關鍵組件或材料。
- 範例(手機 A 與香包 B):
- 物品 A (手機): 觸控螢幕、處理器、記憶體、電池、Wi-Fi/藍牙模組、喇叭、麥克風、USB-C 接口、主機板、感測器(光線、陀螺儀等)。
- 物品 B (香包): 布料外殼、內部填充物(乾燥草藥)、(可能有的)香料膠囊、傳統紋飾。
- 分析最終設計中的技術融合點:
- 在第七題的最終設計中,這兩個物品的哪些技術/組件被保留、修改或整合了?
- 它們是如何物理上或邏輯上連接的?
- 選擇展示方式: 可以是文字說明,也可以是繪圖,或兩者結合。
- 文字說明:
- 逐一列出最終設計中的關鍵組件。
- 說明每個組件的來源(來自物品 A 還是物品 B,或兩者共同啟發)。
- 解釋這些組件如何協同工作來實現設計的功能。
- 例如:「本設計整合了來自手機的微型揚聲器和低功耗藍牙模組,用於播放舒緩音效。這些組件被嵌入到模仿香包外型的外殼中。外殼採用了傳統香包的編織工藝,但內部設計了可替換的香氛膠囊槽,香氛膠囊的設計靈感來自傳統草藥包,但採用了更易於控制釋放的微膠囊技術。」
- 繪圖:
- 爆炸圖 (Exploded View): 這是最直觀的方式。將最終設計拆解成各個組件,並標示出它們的位置和關係。明確標示出哪些是來自 A 的組件,哪些是來自 B 的組件,哪些是新的整合組件。
- 結構示意圖: 展示關鍵部件的連接方式,例如電路連接、機械結構的咬合點等。
- 流程圖: 如果設計有複雜的互動或功能流程,可以用流程圖展示數據或信號如何從一個組件傳遞到另一個組件。
- 文字說明:
第 9 題9 分
- Explain how new and unexpected your final design is compared to the other 9 (or more) prototypes you initially sketched.
登入後即可作答並保存紀錄。
核心觀念
本題考查設計發展中的「迭代創新」與「設計反思」能力。題目要求說明:最終設計相較於最初繪製的 9 個以上原型,具有哪些新穎、意外且具價值的變化。
其中包含三個判斷標準:
- 新穎性(Novelty):最終方案是否突破原先的造型、功能或使用情境。
- 意外性(Unexpectedness):最終結果是否不是一開始即可直接預測,而是經由測試、觀察與修正後產生。
- 設計價值(Value):變化不只是「看起來不同」,而是確實改善使用者體驗、互動效率或問題解決能力。
因此,本題不能只回答「最後一個設計最特別」,必須建立「原型比較 → 發現問題 → 形成轉向 → 最終方案」的完整因果關係。
解題方法
可採用「比較—轉折—證明」三段式回答:
一、比較原始原型與最終設計
先概括最初 9 個以上原型的共同特徵,例如:
- 都以固定螢幕作為主要介面;
- 都依賴按鈕、滑動或選單操作;
- 都把使用者視為單獨操作的人;
- 都從設計者預設的功能出發。
接著指出最終方案改變了哪些核心條件:
- 互動媒介是否改變;
- 使用者角色是否改變;
- 使用情境是否改變;
- 系統回饋方式是否改變;
- 設計目標是否從「完成任務」轉為「促成交流」或「引發探索」。
二、說明意外轉向如何產生
必須指出最終設計不是單純將第 9 或第 10 個草圖美化,而是因為原型測試後發現原先假設不成立。
例如:
- 使用者沒有按照預期順序操作;
- 使用者忽略主要按鈕,卻對環境中的聲音或光線反應;
- 多人同時使用時,原本的單人介面產生衝突;
- 使用者真正需要的不是更多功能,而是更容易理解的回饋。
這些觀察促使設計方向改變,形成「意外性」的來源。
三、證明最終方案確實較新且較好
最後必須回答兩個問題:
- 它為何與前 9 個原型不同?
- 這種不同帶來什麼設計效益?
可用下列公式整理答案:
參考作答
我的前 9 個以上原型,大多把數位互動理解為「使用者對著螢幕操作」。因此,早期方案主要集中在按鈕位置、畫面配置、色彩、動畫與選單結構,使用者必須依照系統預設的步驟完成任務。
第 III. Coding 題16 分
Within a 100 (h) x 100 (w) window, the following code in Processing will produce 50 lines on the display window. The background colour is 200. A, B, C and D are four blank spaces. Complete the code by filling in these black spaces:
A (int i=0; i<100; i=i+2){
Line (B, C, D,50);
}
A:
B:
C:
D:
🖼️【此處有附圖,請對照原卷】
登入後即可作答並保存紀錄。
核心觀念
本題考查 Processing 的 for 迴圈與 line(x1,y1,x2,y2) 座標格式。
- 畫布左上角為 。
- 第一個端點為 ,位於主對角線 上。
- 第二個端點為 ,位於水平中線 上。
- 每次增加 ,依序為 ,共執行 次。
解題方法
for 迴圈的標準格式為:
for (初始化; 條件; 更新)
因此 A 必須填入 for。
Processing 的繪圖函式為:
line(x1, y1, x2, y2);
依照原圖,線段起點沿著主對角線移動,因此:
- B:
- C: