設計計畫與調查｜課程講義

DESIGN PLANNING & INVESTIGATION

發想、發展與精稿設計
（Ideation, Development & Refinement）

Author

JinJin Wang

September 21, 2026

・ 發想、發展與精稿設計
（Ideation, Development & Refinement）

本單元是設計思考由 Define（定義階段）正式跨入 Develop（發展階段）與 Deliver（交付階段）的核心實作樞紐。講義將發散思考、視覺系統建構、跨載體應用 Mockup 與完稿專書編排進行結構化整合。

專題單元：發想、發展與精稿設計（Ideation, Development & Refinement）實務
本單元引導團隊將前面 Define 階段收斂出的 HMW 機會點與 Design Brief，轉化為具體的視覺概念與跨載體設計產出。從腦力激盪發散、視覺系統化建構、多維度 Mockup 實體化，到最終完稿與設計思考過程專書（Process Book）編排，確保專案具備嚴密的邏輯連貫性與高質感的成品完成度。
設計發展四大階段 教學重點與設計實務 SOP 專案實務與雙案例對照（海廢聲景 vs. 老野野菜）
一、腦力激盪與概念發想
(Brainstorming & Concept) 		• 發散工具應用：運用 6-3-5 腦力激盪法（6人、3個想法、5分鐘輪替）迅速衝高解法數量，圍繞 HMW 進行點子爆破。
• 視覺意象定調 (Moodboard)：透過圖像收集、材質質感與情境卡片，確立視覺關鍵字與整體 Moodboard 風格方向。
• 關鍵字概念草圖 (Concept Sketching)：將文字洞察快速轉譯為 30+ 張快速手繪草圖，進行低成本的概念原型測試。 		• 《海廢聲景》：
發想「不用手撿海廢」的解法，繪製海廢聲波幾何圖騰與聲景裝置互動草圖。

• 《老野野菜》：
發想「3分鐘極速去苦」與「盲盒體驗」，繪製手繪植物圖鑑與泥炭土磚開盒草圖。
二、視覺傳達系統發展
(Visual System Development) 		• 標誌與標準字設計：發展 Logo 結構規律、Grid 網格系統與標誌應用規範。
• 色彩與字體階層 (Typography)：落地 60-25-10-5 色彩計畫（HEX/CMYK/PANTONE），建立主標題與內文階層字體規範。
• 輔助圖形與資訊設計：設計品牌輔助 Motif 圖騰，將複雜流程（如去苦步驟、互動機制）進行資訊圖表（Infographics）視覺降噪與整合。 		• 《海廢聲景》：
定調深海藍與波浪青，將海廢外觀轉化為聲波幾何 Motif，整合 AR 互動步驟資訊圖表。

• 《老野野菜》：
採用思源宋體與黑體搭配，建立大地綠與胚土黃系統，繪製細緻手繪植物線稿圖騰。
三、設計應用延伸與 Mockup
(Application & Prototyping) 		• 跨載體伸展：將視覺系統延伸至印刷品、永續包裝、指標系統、數位 UI 與動態視覺（Motion Graphic）。
• 材質選用與感官體驗：評估紙材觸感（如未漂白牛皮紙、植纖）、光澤與數位介面動態流暢度。
• 樣稿與實體化測試 (Prototype/Mockup)：製作 1:1 Hi-fi 實體樣稿與數位 Proto，邀請目標 Persona 進行可用性與物理觸覺實境測試。 		• 《海廢聲景》：
製作海岸互動裝置模型、戶外導覽指標 Mockup 與 Web-AR 手機介面動態 Prototype。

• 《老野野菜》：
製作雷雕粗糙牛皮紙盲盒、泥炭土栽培磚 1:1 實體樣稿，與 15秒去苦短影音 Web 介面。
四、精稿完稿與專書編排
(Final Polish & Process Book) 		• 完稿規範與優化：進行印刷出血線、CMYK 轉色、數位網頁資產匯出（SVG/WebP）與字體轉外框等完稿標準化。
• 設計思考過程文檔化 (Process Book)：編排專案完整歷程（包含 Discover 雙鑽石、田野數據、KJ 法、TOWS、HMW 到精稿成品）。
• 展演與呈現優化：統籌展覽場域視覺、專題發表 8 分鐘簡報與 1 分鐘高質感專案宣傳影片。 		• 期末完稿交付物：
1. 1:1 實體應用成品與 Mockup 照片。
2. 數位 UI 可點擊原型與網頁資產。
3. 設計思考過程專書（Process Book）精裝本。
4. 1 分鐘專案宣傳影片與成果展示。

・ 腦力激盪與概念發想
（Brainstorming & Concept Synthesis）

腦力激盪與概念發想

本單元是設計思考由 Define（定義問題）進入 Develop（發想發展）的核心起跑點。講義詳細規範了腦力激盪的操作原則、6-3-5 腦力激盪法的 SOP、視覺情緒板（Moodboard）的定調方法，以及關鍵字概念草圖（Concept Sketching）的快速驗證機制，並延續《海廢聲景》與《老野野菜》雙案例進行對照。

專題單元：腦力激盪與概念發想（Brainstorming & Concept Synthesis）實務講義
本單元旨在引導團隊圍繞 Define 階段提煉出的 HMW 核心發問，運用發散與收斂思考工具打破既有思維定勢（Mindsets）。透過 6-3-5 發散法衝高點子數量、Moodboard 視覺語言定調與 Low-fi 概念草圖，將抽象洞察快速轉化為可觸摸、可驗證的初代創意概念。
概念發想構面 教學重點與標準作業流程 (SOP) 專案實務與案例示範（海廢聲景 vs. 老野野菜）
1. 腦力激盪發散
(Brainstorming & 6-3-5) 		• 三大核心守則：延後批判（Defer Judgment）、追求數量（Quantity First）、抱持荒謬創意並進行點子借接（Build on Ideas）。
• 6-3-5 默寫發散法：6 位成員、每人在單頁上記錄 3 個解法草案、限時 5 分鐘後順時針傳給下一位延伸，15 分鐘內迅速產出 108 個初步點子。
• 點子收斂標記：運用點數投票（Dot Voting），對可行性與創新度高的點子進行標記。 		• 《海廢聲景》發散點子：
「聽覺替代手撿」圍繞點子：雷達感應海廢發出音符、腳踏裝置產生風浪聲、手機掃碼將噪聲變和諧旋律。

• 《老野野菜》發散點子：
「去苦與消解罪惡感」點子：15 秒去苦極速影片、野草識別圖鑑線稿、廚餘轉泥炭土磚與陽台育苗盆。
2. 視覺意象定調
(Moodboard Synthesis) 		• 關鍵字提煉：從 HMW 延伸出的 4 個視覺形容詞（如：科技感、自然感、信任感、沈浸感）。
• 圖像與材質拼貼：收集符合情境的意象圖片、色彩傾向、材質觸感與字體風格。
• 60-25-10-5 色彩框架確立：從 Moodboard 中萃取主色、輔色、點綴色與中性背景色 HEX 碼，建立視覺設計的基準語言。 		• 《海廢聲景》Moodboard：
- 關鍵字：波浪幾何、聲音波形、科技沉浸、冷調自然。
- 主色調：深海藍 (#0369A1) + 波浪青 (#0284C7)。

• 《老野野菜》Moodboard：
- 關鍵字：草本細緻、手繪圖鑑、粗糙質感、陽台綠意。
- 主色調：大地綠 (#16A34A) + 胚土黃 (#D97706)。
3. 概念草圖繪製
(Concept Sketching) 		• 低成本快速視覺化：將抽象點子快速繪製成 30+ 張快速手繪草圖（Crazy Eights 或故事板 Storyboard）。
• 重點標註互動細節：圖稿中需繪製使用情境、使用者微行為與載體結構（如：包裝開盒方式、網頁操作動線）。
• 團隊審查與選定：評估草圖是否能有效回應 HMW，篩選出 3 組最優概念進入下階段視覺系統建構。 		• 《海廢聲景》草圖焦點：
繪製海岸聲波互動裝置外觀、遊客靠近時的雷達感應示意圖與手機 AR 介面 Wireframe。

• 《老野野菜》草圖焦點：
繪製牛皮紙盲盒結構草圖、15秒去苦短影音畫格（Storyboards）與泥炭土磚拆封步驟圖。
4. 概念選定與銜接
(Concept Evaluation) 		• 概念驗證測試 (Concept Testing)：持 Low-fi 草圖向 3–5 位目標 Persona 進行情境講述，獲取最真實的第一印象反饋。
• 輸入 Design Brief 與 Prototype Roadmap：選定的概念將直接作為設計企劃書（Design Brief）的核心方案，並開啟 W8-W16 三維原型製作。 		• 產出與通過指標：
1. 100+ 發散點子清單與 6-3-5 表格。
2. 1 頁高質感 Moodboard 與 60-25-10-5 色彩規範。
3. 3 組定案概念草圖（Concept Sketches）。
《海廢聲景》腦力激盪與概念發想架構圖
event design
《海廢聲景》腦力激盪與概念發想架構圖
《老野野菜》腦力激盪與概念發想架構圖
event design
《老野野菜》腦力激盪與概念發想架構圖

・視覺傳達系統發展
（Visual System Development）

視覺傳達系統發展

本單元是設計思考 Develop 階段的核心建構期，旨在引導團隊將前面定調的 Moodboard 與品牌視覺概念，轉化為具備系統性、一致性與可延展性的視覺識別規範 (VIS Guidelines)。講義詳細解析了標誌/標準字網格系統、60-25-10-5 色彩計畫與印刷/數位轉色規範、字體階層排印（Typography）、輔助圖形（Motif）發展，以及資訊圖表設計（Information Design）降噪 SOP，並延續《海廢聲景》與《老野野菜》雙專案案例對照。

視覺傳達系統發展（Visual System Development）實務
本單元旨在將概念發想階段收斂出的風格與 Moodboard，轉化為具備高嚴謹度與跨載體延展性的「視覺傳達系統（VIS）」。透過網格標誌、色彩計畫、字體階層、輔助圖形與資訊設計的整合應用，確保專案在實體包裝、數位 UI 與展演場域中維持一致的品牌體驗。
視覺系統發展構面 教學重點與視覺規範 SOP 專案實務與雙案例對照（海廢聲景 vs. 老野野菜）
1. 標誌與標準字
(Logo & Logotype) 		• 網格造形（Grid System）：確立標誌與中文/英文標準字的幾何比例、幾何切角與圓角半徑。《br》 • 保護邊界（Safe Zone）：以 Logo 特徵單位（如字母高度 $X$）定義不可侵入的最小留白區域。《br》 • 使用禁忌（Incorrect Uses）：列出禁止任意扭曲比例、改變顏色、加上過度陰影或置於低對比背景之規範。 • 《海廢聲景》：
以聲波振幅與海浪曲線建構幾何 Grid 標誌，標準字結合銳利與圓潤切角，象徵「硬質海廢轉化為柔和樂源」。

• 《老野野菜》：
以傳統植物圖鑑印章網格為基底，結合手繪有機線條標準字，保護邊界設定為 $1.5X$ 留白。
2. 全面色彩計畫
(Color Palette & Rules) 		• 60-25-10-5 配比落地：精準規範主色（60%）、輔色（25%）、點綴色（10%）與底色/文字色（5%）。
• 跨載體轉色標準：每個色號必須同步標註 **HEX（Web/UI）、RGB（螢幕）、CMYK（印刷）與 PANTONE（專色/材質）**。《br》 • 無障礙對比度（WCAG 2.1）：確保內文與背景色明暗對比度符合 AAA/AA 標準（最低 4.5:1）。 		• 《海廢聲景》：
深海藍 (#0369A1 / CMYK 90,50,10,0) 60% + 波浪青 (#0284C7) 25% + 警示橙 (#D97706) 10%。

• 《老野野菜》：
大地綠 (#16A34A / Pantone 7482C) 60% + 胚土黃 (#D97706) 25% + 嫩芽綠 (#65A30D) 10%。
3. 字體排印系統
(Typography System) 		• 字體選用雙軸線：明確指定印刷端（Print Font）與數位端（System/Web Font）之指定字型。《br》 • 三級階層規範（H1/H2/Body）：設定標題、副標題與內文之字級大小（pt/rem）、字重（Weight）、行高（Line Height, 建議 1.5–1.8）與字距（Letter Spacing）。
• 多語系對應：確保中文字體與英文字體（Latin Font）風格無縫契合（如黑體配無襯線 Sans-serif）。 		• 《海廢聲景》：
採用「蘭亭黑/思源黑體 + Montserrat」，行高 $1.6$，強調科技感與清晰易讀度。

• 《老野野菜》：
採用「思源宋體 + Playfair Display」用於標題呈現人文圖鑑感；內文搭配思源黑體確保包裝微小字級可讀性。
4. 輔助圖形與資訊設計
(Motif & Infographics) 		• 輔助圖騰發展（Brand Motif）：從 Logo 或核心元素延伸可重複拼貼、延展至延伸載體（如包裝、網頁 Banner、指標）之圖樣系統。《br> • 資訊設計視覺降噪（Information Design）：將複雜的數據、步驟、流程圖進行視覺符號化（Iconography），運用視覺階層指引眼睛閱讀視覺順序。
• 系統化整合驗收：製作「視覺識別手冊（VIS Style Guide）」草案，進行跨系統應用對齊。 		• 《海廢聲景》：
將聲波與海廢輪廓結合為向量 Motif，設計「3 步驟 AR 鏡頭掃描」資訊圖表。

• 《老野野菜》：
繪製細緻手繪植物圖鑑向量線稿，設計「15 秒去苦 3 步驟（鹽醃-燙汆-冰鎮）」降噪流程圖卡。
《海廢聲景》視覺傳達系統規範圖 (VIS Guidelines)
event design
《海廢聲景》視覺傳達系統規範圖 (VIS Guidelines)
《老野野菜》視覺傳達系統規範圖 (VIS Guidelines)
event design
《老野野菜》視覺傳達系統規範圖 (VIS Guidelines)

・ 設計應用伸展與 Mockup 實體化
（plication & Prototyping）

設計應用伸展與 Mockup 實體化

本單元是視覺系統正式邁入 多維度載體落地與實體化測試（Low-fi to Hi-fi Prototyping）的核心實作期。講義詳細規範了如何將前面建構的 VIS 視覺系統，延伸至 實體印刷/指標、永續包裝裝幀、數位 UI 介面、動態視覺（Motion Graphic） 等各大觸點，並針對材質選用、視覺精緻度修飾與樣稿（Mockup / Prototype）測試 SOP 進行結構化整理，同時延續《海廢聲景》與《老野野菜》雙專案案例對照。

專題單元：設計應用伸展與 Mockup 實體化（Application & Prototyping）實務講義
本單元旨在引導團隊將完備的 VIS 視覺系統，延伸至真實世界中的各式使用者觸點（Touchpoints）。透過材質選用、印刷工藝測試、數位 UI 動態調整與 1:1 樣稿（Mockup/Prototype）製作，確保設計在實體觸覺與數位視覺上皆展現極高的精緻度與一致性體驗。
載體伸展與樣稿構面 教學重點與標準作業流程 (SOP) 專案實務與雙案例對照（海廢聲景 vs. 老野野菜）
1. 印刷與指標系統
(Print & Wayfinding) 		• 平面宣傳與酷卡小冊：將標誌、色彩與 Typography 延伸至明信片、導覽小冊與海報 layout。
• 環境與展場指標系統：設計方向指引牌、警告標示替代立牌與現場說明牌，兼顧戶外強光可讀度與 WCAG AA 對比標準。
• 印刷加工與測試：進行網版印刷、燙金/打凹工藝與出血線裁切打樣測試。 		• 《海廢聲景》：
設計戶外抗鹽害金屬感指標立牌、耐候耐髒導覽地圖小冊與展場區塊地貼。

• 《老野野菜》：
製作 3 分鐘極速去苦食譜對折圖冊、野菜身分識別小卡與市集展示立牌。
2. 永續包裝與裝幀
(Sustainable Packaging) 		• 包裝結構與開盒體驗：設計具專利感之刀模展開圖（Dieline），優化開盒時的儀式感與開箱流暢度。
• 永續材質選用：優先選用未漂白再生紙、再生植纖、大豆油墨或低碳減塑載體。
• 1:1 實體盒樣繪製與測試：進行白樣打樣（White Sample），測試物理強度、收納容量與貼紙打樣效果。 		• 《海廢聲景》：
設計再生海洋回收塑料封套、聲音故事卡收納盒與展演紀念卡裝幀。

• 《老野野菜》：
設計雷雕粗糙牛皮紙野菜盲盒結構、植物線稿密封封條與可降解泥炭土育苗盒。
3. 數位 UI 與動態視覺
(Digital UI & Motion) 		• 跨螢幕 RWD 數位 UI 介面：將視覺系統落地為 Mobile/Desktop Web 介面，規範按鈕狀態（Default/Hover/Active）與 Design Tokens。
• 動態視覺 (Motion Graphic)：製作 Logo 開場動畫、動態聲波波形符號與 15 秒短影音影片框架。《br》 • 可點擊原型 (Clickable Prototype)：運用 Figma / Protopie 建立包含微互動（Micro-interactions）的可點擊原型。 		• 《海廢聲景》：
製作 Web-AR 鏡頭掃描動態波形 UI、聲景播放器互動 Prototype 與 15 秒宣傳動態影像。

• 《老野野菜》：
製作 15 秒去苦極速短影音播放 Web 介面、去苦時長計算器與菜色切換微互動 UI。
4. 樣稿測試與驗證
(Prototyping & Testing) 		• 材質觸覺與精緻度修飾：進行材質觸感實測、實體墨色校正、解析度（300dpi 以上）檢核與 3D Mockup 渲染圖合成。《br》 • Persona 可用性測試 (Usability Testing)：持 1:1 Hi-fi 實體樣稿與數位 Proto 邀請 3–5 位受訪者進行實境任務操作。《br》 • 迭代與期末展示佈局：依據反饋修飾體驗破口，並規劃展覽攤位與發表 3D 場域佈局（Exhibition Design）。 • 期末樣稿驗收交付物：
1. 1:1 實體包裝/印刷打樣成品與 Mockup 照片。
2. 可點擊數位 UI 原型 (Figma Link)。
3. 實場展示佈局圖與 1 分鐘專案展示影片。
《海廢聲景》設計應用伸展與 Mockup 實體化
event design
《海廢聲景》設計應用伸展與 Mockup 實體化
《老野野菜》設計應用伸展與 Mockup 實體化
event design
《老野野菜》設計應用伸展與 Mockup 實體化

・ 視覺精稿完稿與專案專書編排
（Final Polish, Delivery & Process Book）

視覺精稿完稿與專案專書編排

本單元是設計思考 Double Diamond 模型正式邁入 Deliver（交付階段）的最終終點。講義詳細規範了如何將整體設計思考歷程進行完整文檔化（Process Book 專書編排）、印刷與數位完稿規格（Prepress & Digital Assets Output），以及展演成果呈現與優化 SOP，並延續《海廢聲景》與《老野野菜》雙專案案例對照。

視覺精稿完稿與專案專書編排（Final Delivery & Process Book）實務
本單元旨在引導團隊將完整設計思考雙鑽石歷程（Discover ➔ Define ➔ Develop ➔ Deliver）進行權威文檔化（Process Book 專書編排）。透過標準化完稿作業、印刷與數位資產最佳化，以及期末成果展演籌備，確保專案具備完整且專業的交付品質。
完稿與專書編排構面 教學重點與標準作業流程 (SOP) 專案實務與雙案例對照（海廢聲景 vs. 老野野菜）
1. 設計過程文檔化
(Process Book Structure) 		• 完整故事線編排（Storytelling）：專書包含 5 大章節（專案簡介 ➔ 田野數據與 KJ 歸納 ➔ 數據三角驗證與 HMW ➔ 視覺識別 VIS 系統 ➔ 跨載體原型樣稿）。
• 過程圖文比對與考據：記錄田野觀察 Do、受訪者心聲 Quotes、高低擬真草圖演進與 Usability 測試反饋。
• 裝幀與排版規格：A4/16K 尺寸編排、標準網格 Layout、頁碼系統與精裝/穿線膠裝印刷規範。 		• 《海廢聲景》專書焦點：
完整收錄海岸田野逐字稿、78% 生理髒污焦慮統計圖表、聲波幾何圖騰演進與 Web-AR 測試紀錄。

• 《老野野菜》專書焦點：
完整收錄租屋小廚房觀察、81% 倒菜罪惡感數據、植物細緻手繪線稿發展歷程與泥炭土磚測試記錄。
2. 印刷完稿規範
(Prepress Standards) 		• 印刷檔案檢核 SOP：包含 3mm 出血線設定、文字轉外框（Create Outlines）、圖片解析度高於 300dpi（CMYK 色彩模式）。
• 黑色與專色規範：避免 RGB 純黑，內文使用單色黑（K:100%），大面積底色採用富貴黑（Rich Black, C:30 K:100），標示 Pantone 專色編號。
• 刀模與特殊加工：刀模圖層（Dieline）標示為 K100 專色疊印（Overprint），明確指定燙金/打凹/局部 UV 範圍。 		• 《海廢聲景》：
深海藍 K100/C30 底色校正、聲波波譜金屬燙金專色層設定、戶外耐候指標金屬烤漆檔校對。

• 《老野野菜》：
未漂白牛皮紙 K:100% 黑色印製、盲盒刀模疊印（Overprint）檢核與去苦食譜卡防油光澤塗層指定。
3. 數位呈現優化
(Digital Assets Output) 		• 網頁與 UI 向量匯出：Icon 與向量圖騰匯出為 SVG / WebP 格式，確保高解析度螢幕（Retina Display）不失真。
• 色彩空間校正：數位資產統一轉換為 sRGB 色彩空間，避免螢幕顯示色差。
• 動態檔與展示影片包裝：15 秒 / 1 分鐘宣傳影片匯出 H.264/MP4 格式，動態 Logo 匯出 Lottie (JSON) 或高畫質 GIF。 		• 《海廢聲景》：
Web-AR 鏡頭 3D 模型壓縮、動態波形 Lottie 檔打包、1 分鐘專案宣傳影片 4K H.264 匯出。

• 《老野野菜》：
15 秒去苦短影音 H.264 Web 優化、向量手繪植物圖鑑 SVG 打包與 Figma Clickable Link 整理。
4. 期末展演與交付
(Final Delivery) 		• 展覽場域與攤位佈局（Exhibition Layout）：統籌實體展台、主視覺海報、1:1 Prototype 展品與數位螢幕展示。
• 8 分鐘發表簡報與 Pitch 演練：收斂簡報頁數（12–15 頁），清晰展現從痛點發現到解決方案落地之完整商業邏輯。
• 期末完整 Deliverables 歸檔：包含設計專書精裝本、1:1 實體成品、Figma 連結與數位資產雲端資料夾。 		• 期末完稿交付清單 (Checklist)：
1. 1:1 實體 Hi-fi 原型（包裝/裝置/指標）。
2. 設計思考過程專書（Process Book）1 冊。
3. 8 分鐘簡報檔 (PDF/PPTX) + 1 分鐘展示影片。
4. 雲端完整 VIS 與資產完稿資料夾。
設計過程文檔化（Process Book）架構導圖
event design
設計過程文檔化（Process Book）架構導圖
印刷完稿規範 (Prepress Standards) 檢查圖
event design
印刷完稿規範 (Prepress Standards) 檢查圖
數位呈現優化 (Digital Assets Output) 規格圖
event design
數位呈現優化 (Digital Assets Output) 規格圖
期末展演與交付 (Final Delivery) 視覺架構圖
event design
期末展演與交付 (Final Delivery) 視覺架構圖
視覺精稿完稿與專案專書編排總導圖
event design
視覺精稿完稿與專案專書編排總導圖

・作業說明

本單元課後作業 (Assignment 10)

單元總結：發想、發展與精稿設計 (Ideation, Development & Refinement) 課後作業指引與交付規範
本單元作業旨在引導團隊將 Define 階段收斂出的 HMW 核心發問與 Design Brief，跨越為具體的視覺概念與跨載體設計產出。團隊需完成四大發展階段，並將產出彙整為 1:1 實體樣稿、數位 UI 原型、設計過程專書（Process Book）與期末展演簡報，作為雙鑽石模型最終 Deliver 階段之驗收依據。
作業任務階段 核心執行步驟與設計 SOP 交付規格與審查標準 (Rubrics)
任務一：腦力激盪與概念
(Brainstorming & Concept) 		• 6-3-5 點子爆破：圍繞 HMW 發問進行默寫發散，產出至少 100+ 個點子並進行 Dot Voting 標記。
• Moodboard 視覺定調：萃取 4 個視覺關鍵字，建立 1 頁高質感情緒板並確立 60-25-10-5 色彩框架。
• Concept Sketching 繪製：繪製 30+ 張低擬真概念草圖，篩選出 3 組核心解法。 		• 交付物：6-3-5 表格 + Moodboard + 概念草圖。
• 通過標準：
- 發散點子總數 ≥ 100 個。
- 標註 60-25-10-5 主/輔/點綴/底色。
- 草圖清晰展現載體與互動細節。
任務二：視覺傳達系統
(Visual System VIS) 		• 標誌與標準字 Grid：繪製 Logo 與中英文標準字網格系統，標示 1.5X Safe Zone 保護區與使用禁忌。
• 全方位轉色規範：標註主/輔/點綴色之 HEX (Web)、RGB (螢幕)、CMYK (印刷) 與 Pantone (專色) 色號。
• Typography 與資訊設計：建立 H1/H2/Body 字體階層與 3 步驟資訊圖表 (Infographics) 視覺降噪流程。 		• 交付物：VIS 視覺識別手冊 (Style Guide)。
• 通過標準：
- 符合 WCAG 2.1 AA 無障礙對比 (≥4.5:1)。
- 具備跨載體 CMYK/Pantone 轉色對照。
- 包含輔助 Motif 與步驟資訊圖表。
任務三：應用伸展與 Mockup
(Application & Prototyping) 		• 多維度載體延伸：將 VIS 延伸至印刷品/指標、永續包裝 (Dieline 刀模)、數位 UI 與動態視覺。
• 1:1 實體與數位原型製作：製作 1:1 Hi-fi 實體包裝打樣/裝置模型與 Figma 可點擊原型 (Clickable Prototype)。
• Usability 實境測試：邀請 3–5 位目標 Persona 進行可用性測試，並記錄體驗迭代。 		• 交付物：1:1 實體樣稿成品 + Figma Prototype 連結。
• 通過標準：
- 實體結構與質感符合 Design Brief。
- 數位 UI 操作流暢且具備微互動。
- 檢附 Persona 測試反饋與迭代紀錄。
任務四：完稿與專書編排
(Final Polish & Process Book) 		• 印刷與數位完稿優化：進行 3mm 出血、CMYK 300dpi、文字轉外框、K100 專色疊印與 SVG/Lottie/MP4 (H.264) 打包。
• Process Book 專書編排：排版雙鑽石 Ch1–Ch5 全歷程（含田野Quotes、KJ、TOWS、VIS與測試紀錄）。
• 期末展演籌備：規劃展位佈局、12–15 頁簡報檔與 1 分鐘專案宣傳影片。 		• 交付物：Process Book 精裝本 + 8 分鐘簡報 + 1 分鐘影片。
• 通過標準：
- 匯出印刷級 PDF/X-1a 與數位資產包。
- 專書完整記錄雙鑽石推演邏輯。
- 8 分鐘口頭 Pitch 控時精準。
期末總結算與修訂
(Review Iteration Matrix) 		• 質性意見彙整與修訂：發表後 3 天內，團隊須依據評審與同儕質性意見填寫「修訂對照表 Matrix」。
• 最終權威資產歸檔：連同 Process Book 最終檔與雲端 VIS 完稿資產包一併上傳，經教師簽核後完成總結算。 		• 評分權重與驗收：
- 數據與洞察深度 (40%)
- 設計完稿與完成度 (30%)
- 口頭 Pitch 與展位 (20%)
- 修訂表與專書 (10%)