檢視 Graduation:116/R1-R4簡報海報規則與簡報方式說明的原始碼

__NOTOC__
{| style="width:100%; background-color:#F0F4F8; border-left:5px solid #3498DB; border-radius:4px; padding:12px; margin-bottom:20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);"
| style="text-align:left; color:#2C3E50;" | 🔙 '''返回首頁：''' [[Graduation:116/Graduation:116/116級畢業專題|116級畢業專題製作總體實施計畫]] > '''R1-R4簡報海報規則與簡報方式說明'''
|}
__NOTOC__
<div style="font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color:#2c3e50; max-width:1200px; margin:0 auto; line-height:1.6;">

<div style="background: linear-gradient(135deg, #2C3E50 0%, #4ca1af 100%); color:white; border-radius:8px 8px 0 0; padding:30px; box-shadow: 0 4px 15px rgba(0,0,0,0.15); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px;">
<div style="flex: 1 1 300px;">
<div style="font-size:1.8em; font-weight:800; letter-spacing:1px; line-height:1.2; text-shadow: 0 2px 4px rgba(0,0,0,0.2);">🗣️ R1-R4 審查簡報與海報溝通戰略手冊</div>
<div style="font-size:1em; opacity:0.9; margin-top:8px; color:#ECF0F1; font-weight:300;">Presentation & Poster Strategy Guide | 溝通目標與驗收標準</div>
</div>
<div style="flex: 0 0 auto;"><span style="display:inline-block; background-color:#F39C12; color:white; padding:8px 16px; border-radius:30px; font-weight:bold; font-size:0.9em; box-shadow: 0 4px 10px rgba(0,0,0,0.2);">For Reviewers</span></div>
</div>

<div style="background-color:#F0F4F8; border:1px solid #D6EAF8; border-left: 6px solid #2980B9; padding:20px; margin-top:20px; border-radius:8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
<div style="font-weight:bold; color:#2980B9; font-size:1.2em; margin-bottom:10px;">
I. 行政與視覺基礎規範 (Mandatory Requirements)
</div>
<div style="display:flex; flex-wrap:wrap; gap:20px; font-size:0.95em;">
<div style="flex: 1 1 45%;">
<span style="font-weight:bold; color:#455A64;">1. 身份資訊揭露（海報/簡報）</span>
<ul style="margin-top:5px; padding-left:20px; list-style-type:square;">
<li>'''必填內容：''' 專題名稱（中英）、組名/組別代號、所有成員姓名、指導教授姓名。</li>
<li>'''圖像規範：''' 必須附上'''所有組員'''及'''指導教授'''的清晰頭像（照片風格須統一）。</li>
<li>'''配置建議：''' 放置於海報'''底部邊緣'''或簡報'''首頁右下角'''。</li>
</ul>
</div>
<div style="flex: 1 1 45%;">
<span style="font-weight:bold; color:#C0392B;">3. 統一輸出廠商 (強制)</span>
<ul style="margin-top:5px; padding-left:20px; list-style-type:square;">
<li>'''廠商名稱：''' 天一打字行</li>
<li>'''聯繫方式：''' (03) 416-1671</li>
<li>'''地址：''' 桃園市中壢區大仁街 2 號 1 樓</li>
<li>'''備註：''' 請務必告知廠商為 '''國立臺北商業大學 設計系''' 學生，以確保格式與材質統一。</li>
</ul>
</div>
</div>
<div style="margin-top:15px;">
<span style="font-weight:bold; color:#455A64;">2. 尺寸與格式規範（海報輸出）</span>
<ul style="margin-top:5px; padding-left:20px; list-style-type:square;">
<li>'''Review 1/2 (提案/概念)：''' 統一規格為 '''A2 橫式''' (59.4 cm x 42 cm)。</li>
<li>'''Review 3/4 (機能/展覽)：''' 最終海報規格統一為 '''A0 直式''' (84.1 cm x 118.9 cm)，需確保印刷解析度在 300 dpi 以上。</li>
</ul>
</div>
</div>
<div style="background-color:#FFF3CD; border:1px solid #F1C40F; border-left: 6px solid #F39C12; padding:25px; margin-bottom:30px; border-radius: 0 0 8px 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.05);">
<div style="font-weight:bold; color:#B7950B; font-size:1.2em; margin-bottom:10px; display:flex; align-items:center;">
<span style="font-size:1.5em; margin-right:10px;">🚨</span> 核心觀念：審查委員不是你的指導教授
</div>
<div style="color:#7F6000; font-size:1em; line-height:1.6;">
指導教授看過你的每週進度，但審查委員（外審/其他老師）只會給你 '''6-8 分鐘'''。
* '''不要預設背景：''' 必須在開場 1 分鐘內講清楚「誰、在什麼情境、遇到什麼困難」。
* '''海報是你的靜態分身：''' 評審經過海報時，必須在 '''3 秒內''' 看懂「這是在做什麼」。
* '''證據大於形容詞：''' 不要說「我覺得這很有用」，要拿出數據、模型或測試影片證明。
</div>
</div>
<div style="border:1px solid #AED6F1; border-radius:12px; overflow:hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.05); margin-bottom:40px;">
<div style="background-color:#2980B9; color:white; padding:15px 20px; font-size:1.1em; font-weight:bold; border-bottom:3px solid #1F618D; display:flex; justify-content:space-between; align-items:center;">
<span>📍 Review 1: 提案審查 (Proposal)</span>
<span style="background:rgba(255,255,255,0.2); padding:4px 10px; border-radius:20px; font-size:0.8em;">2026/04/13</span>
</div>
<div style="padding:20px; background:#fff;">
<div style="margin-bottom:20px; color:#2980B9; font-weight:bold; border-left:4px solid #2980B9; padding-left:10px;">🎯 溝通目標：讓評審相信「這個問題值得解決」且「你們有能力解決」。</div>

<div style="display:flex; flex-wrap:wrap; gap:20px;">
<div style="flex:1; min-width:300px; border:1px solid #E5E7EB; border-radius:8px; padding:0; overflow:hidden;">
<div style="background:#EAF2F8; padding:10px 15px; font-weight:bold; color:#1A5276; border-bottom:1px solid #D4E6F1;">🗣️ 簡報策略 (Presentation)</div>
<div style="padding:15px;">
* '''對焦陌生評審：''' 不要直接跳進功能。先用「數據」建立同理心。
* '''必備內容：'''
# '''背景痛點 (The Hook)：''' 引用內政部/產業數據，證明問題嚴重。
# '''競品分析 (The Gap)：''' 秀出 X/Y 軸矩陣圖，指出既有產品死角。
# '''可行性評估 (The Plan)：''' 
#* Track A: 機構堆疊圖 (證明塞得進去)。
#* Track B: 資料庫架構與 API 草案。
* <span style="background:#FADBD8; color:#C0392B; padding:2px 6px; border-radius:4px; font-weight:bold; font-size:0.9em;">🚫 禁忌：</span> 題目太空泛且無執行方法。
</div>
</div>

<div style="flex:1; min-width:300px; border:1px solid #E5E7EB; border-radius:8px; padding:0; overflow:hidden;">
<div style="background:#EAF2F8; padding:10px 15px; font-weight:bold; color:#1A5276; border-bottom:1px solid #D4E6F1;">🖼️ 海報策略 (Research Poster)</div>
<div style="padding:15px;">
* '''功能定義：''' 學術研究海報。重點是「邏輯結構」。
* '''視覺重點：'''
** '''大標題 (Slogan)：''' 20 字以內，清楚說明定位。
** '''圖表化：''' 將文字轉為統計圖或流程圖，證明研究脈絡。
</div>
</div>
</div>
<div style="background:#F0F4F8; padding:15px; border-radius:8px; border:1px dashed #D6EAF8; margin-top:20px;">
<div style="font-weight:bold; color:#2980B9; font-size:1em; margin-bottom:8px; border-bottom:1px solid #D4E6F1; padding-bottom:5px;">
📐 海報配置建議：邏輯與痛點證明 (A2 橫式)
</div>
<div style="display:flex; gap:15px; flex-wrap:wrap; font-size:0.95em;">
<div style="flex: 1 1 45%; color:#455A64;">
<span style="font-weight:bold;">左側：問題與研究動機</span>
<ul style="margin-top:5px; padding-left:20px;">
<li>'''問題陳述區：''' 引用數據或現況照片（Hook）。</li>
<li>競品/文獻探討區：X/Y軸矩陣圖。</li>
</ul>
</div>
<div style="flex: 1 1 45%; color:#455A64; border-left:1px solid #E5E7EB; padding-left:15px;">
<span style="font-weight:bold;">右側：方法與可行性</strong>
<ul style="margin-top:5px; padding-left:20px;">
<li>'''解決方案概念圖：''' 手繪/線稿圖（Concept）。</li>
<li>研究方法/步驟：條列或流程圖。</li>
<li>可行性：關鍵技術清單 (BOM) 或甘特圖。</li>
</ul>
</div>
</div>
</div>
</div>
</div>

<div style="border:1px solid #AED6F1; border-radius:12px; overflow:hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.05); margin-bottom:40px;">
<div style="background-color:#2980B9; color:white; padding:15px 20px; font-size:1.1em; font-weight:bold; border-bottom:3px solid #1F618D; display:flex; justify-content:space-between; align-items:center;">
<span>📍 Review 2: 概念驗證 (PoC)</span>
<span style="background:rgba(255,255,255,0.2); padding:4px 10px; border-radius:20px; font-size:0.8em;">2026/06/15</span>
</div>
<div style="padding:20px; background:#fff;">
<div style="margin-bottom:20px; color:#2980B9; font-weight:bold; border-left:4px solid #2980B9; padding-left:10px;">🎯 溝通目標：證明「外觀定案」且「最難的技術已經測過，不會爛尾」。</div>

<div style="display:flex; flex-wrap:wrap; gap:20px;">
<div style="flex:1; min-width:300px; border:1px solid #E5E7EB; border-radius:8px; padding:0; overflow:hidden;">
<div style="background:#EAF2F8; padding:10px 15px; font-weight:bold; color:#1A5276; border-bottom:1px solid #D4E6F1;">🗣️ 簡報策略 (Presentation)</div>
<div style="padding:15px;">
* '''對焦陌生評審：''' 30秒回顧痛點，重點放在「我做出來了什麼」。
* '''必備內容：'''
# '''設計決策 (The Why)：''' 展示決策矩陣。
# '''驗證證據 (The Evidence)：'''
#* Track A: '''1:1 外觀草模 (Mockup)''' 照片，驗證人因。
#* Track B: '''可點擊線框圖 (Clickable Wireframe)'''，驗證流程。
# '''技術測試 (The Spike)：''' 播放關鍵技術（如馬達/API）成功的短片。
* <span style="background:#FADBD8; color:#C0392B; padding:2px 6px; border-radius:4px; font-weight:bold; font-size:0.9em;">🚫 禁忌：</span> 只有 3D 渲染圖沒有實體模型。
</div>
</div>

<div style="flex:1; min-width:300px; border:1px solid #E5E7EB; border-radius:8px; padding:0; overflow:hidden;">
<div style="background:#EAF2F8; padding:10px 15px; font-weight:bold; color:#1A5276; border-bottom:1px solid #D4E6F1;">🖼️ 海報策略 (Teaser Poster)</div>
<div style="padding:15px;">
* '''功能定義：''' 電影前導預告。賣的是「氛圍與美學」。
* '''視覺重點：'''
** '''主視覺 (Key Visual)：''' 透過合成呈現設計質感。
** '''Moodboard：''' 明確定義色彩計畫與 CMF (材質工藝)。
</div>
</div>
</div>
<div style="background:#F0F4F8; padding:15px; border-radius:8px; border:1px dashed #D6EAF8; margin-top:20px;">
<div style="font-weight:bold; color:#2980B9; font-size:1em; margin-bottom:8px; border-bottom:1px solid #D4E6F1; padding-bottom:5px;">
📐 海報配置建議：氛圍與外觀定案 (A2 橫式)
</div>
<div style="display:flex; gap:15px; flex-wrap:wrap; font-size:0.95em;">
<div style="flex: 1 1 45%; color:#455A64;">
<span style="font-weight:bold;">左側：氛圍定調與決策</span>
<ul style="margin-top:5px; padding-left:20px;">
<li>Moodboard：需佔有明顯的區塊，呈現風格和色彩。</li>
<li>CMF 定義：材料、顏色、表面處理的簡潔說明。</li>
<li>設計決策矩陣：視覺化呈現為何選擇此一外觀/流程。</li>
</ul>
</div>
<div style="flex: 1 1 45%; color:#455A64; border-left:1px solid #E5E7EB; padding-left:15px;">
<span style="font-weight:bold;">右側：外觀驗證與流程</strong>
<ul style="margin-top:5px; padding-left:20px;">
<li>'''外觀草模主圖：''' 1:1 Mockup 照片（必須是實拍，非渲染）。</li>
<li>人因驗證：使用者手持照片（Track A）或 UI Flow 圖（Track B）。</li>
<li>技術測試影片截圖：證明 Spike Test 成功。</li>
</ul>
</div>
</div>
</div>
</div>
</div>

<div style="border:1px solid #F5B7B1; border-radius:12px; overflow:hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.05); margin-bottom:40px;">
<div style="background-color:#C0392B; color:white; padding:15px 20px; font-size:1.1em; font-weight:bold; border-bottom:3px solid #922B21; display:flex; justify-content:space-between; align-items:center;">
<span>📍 Review 3: 機能原型 (Prototype)</span>
<span style="background:rgba(255,255,255,0.2); padding:4px 10px; border-radius:20px; font-size:0.8em;">2026/10/26</span>
</div>
<div style="padding:20px; background:#fff;">
<div style="margin-bottom:20px; color:#C0392B; font-weight:bold; border-left:4px solid #C0392B; padding-left:10px;">🎯 溝通目標：「它是活的！」(最嚴格關卡，翻車率最高)。</div>

<div style="display:flex; flex-wrap:wrap; gap:20px;">
<div style="flex:1; min-width:300px; border:1px solid #E5E7EB; border-radius:8px; padding:0; overflow:hidden;">
<div style="background:#FDEDEC; padding:10px 15px; font-weight:bold; color:#922B21; border-bottom:1px solid #FADBD8;">🗣️ 簡報策略 (Live Demo)</div>
<div style="padding:15px;">
* '''對焦陌生評審：''' 這是技術驗收。評審不信影片，要看現場操作。
* '''必備內容：'''
# '''現場演示 (The Demo)：''' 佔 50%。直接操作作品。
# '''系統內構 (The Guts)：'''
#* Track A: 證明電路已整合（無麵包板）。
#* Track B: 展示資料庫即時讀寫 (CRUD)。
# '''除錯紀錄 (The Fix)：''' 說明開發遇到的 Bug 與解法。
* <span style="background:#FADBD8; color:#C0392B; padding:2px 6px; border-radius:4px; font-weight:bold; font-size:0.9em;">🚫 禁忌：</span> 現場 Demo 失敗、程式未上雲端。
</div>
</div>

<div style="flex:1; min-width:300px; border:1px solid #E5E7EB; border-radius:8px; padding:0; overflow:hidden;">
<div style="background:#FDEDEC; padding:10px 15px; font-weight:bold; color:#922B21; border-bottom:1px solid #FADBD8;">🖼️ 海報策略 (Technical Poster)</div>
<div style="padding:15px;">
* '''功能定義：''' 配合國際投稿 (SIGGRAPH/TAAI) 的技術海報。
* '''視覺重點：'''
** '''架構圖：''' 清楚畫出爆炸圖 (Exploded View) 或資訊架構。
** '''英文摘要：''' 符合學術規格的 300-500 字 Abstract。
</div>
</div>
</div>
<div style="background:#F0F4F8; padding:15px; border-radius:8px; border:1px dashed #D6EAF8; margin-top:20px;">
<div style="font-weight:bold; color:#2980B9; font-size:1em; margin-bottom:8px; border-bottom:1px solid #D4E6F1; padding-bottom:5px;">
📐 海報配置建議：機能與系統驗證 (A0 直式)
</div>
<div style="display:flex; gap:15px; flex-wrap:wrap; font-size:0.95em;">
<div style="flex: 1 1 45%; color:#455A64;">
<span style="font-weight:bold;">左側：系統架構與技術細節</span>
<ul style="margin-top:5px; padding-left:20px;">
<li>**系統架構圖：** (Track B) 或電子方塊圖 (Track A) 必須佔據核心。</li>
<li>技術突破點：說明解決了哪些高風險技術難題。</li>
<li>除錯紀錄/測試數據：簡潔呈現效能測試結果 (SUS分數/延遲率)。</li>
</ul>
</div>
<div style="flex: 1 1 45%; color:#455A64; border-left:1px solid #E5E7EB; padding-left:15px;">
<span style="font-weight:bold;">右側：成果與學術傳達</strong>
<ul style="margin-top:5px; padding-left:20px;">
<li>'''英文摘要：''' 佔據明顯區塊，用於國際投稿。</li>
<li>機能原型圖：清楚展示 Working Prototype 的作動或 UI 互動（非渲染圖）。</li>
<li>實作細節：Track A 可用爆炸圖呈現電路與機構整合。</li>
</ul>
</div>
</div>
</div>
</div>
</div>

<div style="border:1px solid #F9E79F; border-radius:12px; overflow:hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.05); margin-bottom:40px;">
<div style="background-color:#F39C12; color:white; padding:15px 20px; font-size:1.1em; font-weight:bold; border-bottom:3px solid #D68910; display:flex; justify-content:space-between; align-items:center;">
<span>📍 Review 4: 期末總審 (Final)</span>
<span style="background:rgba(255,255,255,0.2); padding:4px 10px; border-radius:20px; font-size:0.8em;">2027/01 (預計)</span>
</div>
<div style="padding:20px; background:#fff;">
<div style="margin-bottom:20px; color:#D35400; font-weight:bold; border-left:4px solid #D35400; padding-left:10px;">🎯 溝通目標：「我們準備好去新一代設計展了，這是一個可以賣的商品。」</div>

<div style="display:flex; flex-wrap:wrap; gap:20px;">
<div style="flex:1; min-width:300px; border:1px solid #E5E7EB; border-radius:8px; padding:0; overflow:hidden;">
<div style="background:#FEF9E7; padding:10px 15px; font-weight:bold; color:#9A7D0A; border-bottom:1px solid #F7DC6F;">🗣️ 簡報策略 (Sales Pitch)</div>
<div style="padding:15px;">
* '''對焦陌生評審：''' 用「買家/市場」角度看作品。重點在包裝。
* '''必備內容：'''
# '''宣傳影片 (The PV)：''' 1-3 分鐘高質感影片。
# '''最終成品 (The Product)：'''
#* Track A: CMF 精修模型（量產級表面處理）。
#* Track B: 完整上架版 App/Web（含微互動）。
# '''展場規劃 (The Booth)：''' 展示展台動線與設計。
</div>
</div>

<div style="flex:1; min-width:300px; border:1px solid #E5E7EB; border-radius:8px; padding:0; overflow:hidden;">
<div style="background:#FEF9E7; padding:10px 15px; font-weight:bold; color:#9A7D0A; border-bottom:1px solid #F7DC6F;">🖼️ 海報策略 (Exhibition Poster)</div>
<div style="padding:15px;">
* '''功能定義：''' 展場宣傳海報。在百攤中搶眼球。
* '''視覺重點：'''
** '''商業級主視覺：''' 產品去背美照 + 高質感背景。
** '''行銷文案：''' 提煉 3 個必買特色 (Selling Points)。
** '''QR Code：''' 導流至作品集。
</div>
</div>
</div>

<div style="background:#F0F4F8; padding:20px; border-radius:8px; border:1px dashed #A9CCE3; margin-top:20px;">
<div style="font-weight:bold; color:#2980B9; font-size:1.1em; margin-bottom:10px; border-bottom:2px solid #D6EAF8; padding-bottom:5px;">
📐 A0 海報內容配置建議 (比照 iF 獎結構)
</div>
<div style="display:flex; gap:15px; flex-wrap:wrap;">
<div style="flex: 1 1 45%; color:#455A64; border-right:1px solid #E5E7EB; padding-right:10px;">
<span style="font-weight:bold;">左側 30%：問題陳述與解決方案</span>
<ul style="margin-top:5px; padding-left:20px; font-size:0.95em;">
<li>**標題/Slogan：** 佔據最大視覺空間，極簡有力。</li>
<li>**挑戰與痛點：** 視覺化呈現數據或用戶情境圖。</li>
<li>**核心價值主張 (Value Prop)：** 1-2 句話精確說明解決了什麼問題。</li>
</ul>
</div>
<div style="flex: 1 1 45%; color:#455A64;">
<span style="font-weight:bold;">右側 70%：產品展示與細節</strong>
<ul style="margin-top:5px; padding-left:20px; font-size:0.95em;">
<li>**產品主圖：** 佔據主視覺，高解析度、精確的 CMF 渲染圖或棚拍照片。</li>
<li>**使用情境圖：** 產品在真實環境下的應用。</li>
<li>**設計細節/ UI 截圖：** 放大展示關鍵技術或介面微互動。</li>
<li>**團隊/版權資訊：** 簡約放置於底部，含 QR Code 導流。</li>
</ul>
</div>
</div>
<div style="color:#C0392B; font-weight:bold; font-size:0.9em; margin-top:10px; border-top:1px dashed #F5B7B1; padding-top:10px;">
⚠️ 排版原則：極度留白 (Whitespace)，避免資訊密度過高。使用最少文字，達到最高溝通效率。
</div>
</div>

</div>
</div>

<div style="margin-bottom:40px;">
<div style="font-size:1.5em; font-weight:800; color:#2C3E50; border-left:5px solid #2C3E50; padding-left:15px; margin-bottom:20px;">
📝 總結：各階段審查檢核表 (Checklist)
</div>
<div style="background-color:#fff; border:1px solid #ddd; border-radius:8px; overflow:hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.05);">
{| style="width:100%; border-collapse:collapse; min-width:650px;"
|-
! width="10%" style="background-color:#34495E; color:white; padding:12px 15px; text-align:center;" | 階段
! width="25%" style="background-color:#34495E; color:white; padding:12px 15px; text-align:left;" | 評審心聲 (Question)
! width="25%" style="background-color:#34495E; color:white; padding:12px 15px; text-align:left;" | 簡報必備 (Slides)
! width="25%" style="background-color:#34495E; color:white; padding:12px 15px; text-align:left;" | 海報重點 (Poster)
! width="15%" style="background-color:#34495E; color:white; padding:12px 15px; text-align:left;" | 致命傷 (Don'ts)
|- style="border-bottom:1px solid #eee;"
| style="text-align:center; font-weight:bold; color:#2980B9;" | R1
| '''這題目有價值嗎？'''
| 數據、競品矩陣、甘特圖
| 邏輯架構、痛點圖表化
| 只有純文字，無數據
|- style="border-bottom:1px solid #eee;"
| style="text-align:center; font-weight:bold; color:#2980B9;" | R2
| '''做得出來嗎？長怎樣？'''
| 1:1 草模照、技術測試影片
| 風格設定 (Moodboard)、前導視覺
| 只有 3 D 渲染圖
|- style="border-bottom:1px solid #eee;"
| style="text-align:center; font-weight:bold; color:#C0392B;" | R3
| '''真的能動嗎？'''
| '''現場 Live Demo'''、系統架構圖
| 技術架構圖、英文摘要
| Demo 失敗、電路外露
|- style="border-bottom:1px solid #eee;"
| style="text-align:center; font-weight:bold; color:#F39C12;" | R4
| '''能出去展覽嗎？'''
| 宣傳影片 (PV)、CMF 精修品
| 商業級主視覺、行銷文案
| 做工粗糙、風格不一
|}
</div>
</div>

<div style="text-align:right; color:#BDC3C7; font-size:0.85em; margin-top:20px; border-top:1px solid #eee; padding-top:15px; font-style:italic;">
116級畢業製作委員會 • 審查溝通戰略小組
</div>

</div>