規劃圖與圖表（準則 B，鏈節 iv）

歡迎來到準則 B：構思發展（Developing Ideas）的最後一步！在先前的章節中，你已經制定了設計規格（design specification）、進行了多元構思的腦力激盪，並選出且論證了你的最佳概念。現在，是時候將所選的概念轉化為具體可行、清晰視覺化的藍圖了。本章將探討如何繪製準確且詳細的規劃圖和圖表，清晰列出在準則 C 中將專案化為現實所需的一切要求。

你可以將規劃圖與圖表想像成設計方案的「說明書」或「食譜」。如果你將圖紙交給另一位同學或工場技術員，他們單憑你的視覺圖表，就應該能夠分毫不差地將方案製作出來或編寫出程式，中途完全不需要向你提出任何問題。

為什麼規劃圖與圖表如此重要？

在 MYP 設計科中，評估的核心之一是你是否能夠清晰、有系統地傳達想法。繪製規劃圖與圖表具備兩大關鍵作用：

1. 架起構思與創造的橋樑：草圖展示的只是存在於你想像中的模樣；而規劃圖或圖表則展示出它在現實中如何運作，包括精確的尺寸、組件結構、數碼介面頁面或邏輯流程路徑。
2. 指引準則 C 的製作過程：當你進入準則 C（創建解決方案）時，你需要一步步跟隨這些圖紙進行製作。詳盡周密的規劃能避免浪費材料、減少程式碼錯誤，並省下寶貴的時間。

生動比喻：試想像你打開一個平板包裝的家具紙箱，裡面沒有附帶標註尺寸和零件編號的組裝說明圖，反而只有一張色彩優美的椅子水彩畫。你根本無從入手去組裝！你的規劃圖必須是那份清晰的「組裝說明圖」，而不是單純的「藝術畫作」。

三大設計範疇的規劃圖表形式

你所需繪製的規劃圖表類型，完全取決於你的課程屬於哪一個設計範疇：產品設計（Product Design）、數碼設計（Digital Design），還是數碼與產品綜合設計（Combined Digital and Product Design）。

1. 產品設計（實體方案）

產品設計涉及實體物品，例如收納工具、家具、燈具或包裝設計。針對這些方案，規劃圖必須清楚標明尺寸、投影視圖、材料以及各零件之間的連接方式。

正投影工作圖（Working Drawings / Orthographic Projections）：
這是從特定方向觀察產品所得的二維平面視圖，通常包括前視圖（front view）、側視圖（side view）及俯視圖（top/plan view）。正投影圖能在不受透視變形影響的情況下，展示精確的尺寸與內部結構細節。

等角投影圖（Isometric Drawings）：
這是一種以特定軸線角度（通常為 \(30^\circ\)）繪製的三維立體圖，既能呈現真實的空間比例關係，又能讓觀看者一眼掌握產品的整體外觀與立體結構。

爆炸分解圖與裝配圖（Exploded Views and Assembly Drawings）：
這類圖表會沿著對齊線，將各個獨立零件在空間中展開抽離。它們能清晰展示零件如何拼合、採用了哪些接合方式，以及緊固件（如螺絲或暗榫）的安裝位置。

產品規劃圖必備要素：
• 標準單位：切記使用標準公制單位（通常為毫米，例如 \(120\text{ mm} \times 45\text{ mm}\)）。
• 比例（Scale）：清楚註明所使用的比例（例如原大為 \(1:1\)，縮小一半則為 \(1:2\)）。
• 材料標註（Material Callouts）：清楚指明每個零件所需的材料（例如 \(3\text{ mm}\) 阿加力膠板、松木或再生鋁材）。
• 接合方式與緊固件（Joints and Fasteners）：具體列明結構工藝，如指接榫（finger joints）、螺絲固定或黏合劑接合。

2. 數碼設計（軟件、媒體與系統）

數碼設計涉及應用程式（Apps）、網站、互動遊戲、數碼動畫或資料庫。由於當中不涉及實體木板或塑膠片，你的規劃重點應落在架構、版面配置、使用者互動以及系統流程上。

線框圖（Wireframes）：
線框圖是單個螢幕畫面或網頁的簡化結構佈局圖。它勾勒出標題、導覽選單、圖片佔位區、輸入欄位和按鈕的具體位置。線框圖不著重於美化裝飾的顏色或字體，而是嚴格聚焦於功能性與版面佈局。

使用者流程圖與網站地圖（User Flow Diagrams and Site Maps）：
網站地圖（Site Map）展示各頁面之間的階層架構（例如：主頁分支至「關於我們」、「服務」及「聯絡我們」）。使用者流程圖（User Flow Diagram）則展示使用者完成某項任務時所經歷的具體路徑（例如：開始畫面 \(\rightarrow\) 登入 \(\rightarrow\) 選擇關卡 \(\rightarrow\) 遊戲介面）。

流程圖與邏輯圖（Flowcharts and Logic Diagrams）：
這類圖表在編寫程式前，利用標準幾何圖形來規劃系統的邏輯架構。例如，橢圓形代表開始或結束，長方形代表執行操作或處理程序，菱形則代表條件判斷（例如：「分數是否 \(\ge 10\)？ 是／否」）。

數碼規劃圖必備要素：
• 螢幕解像度與尺寸：以像素（pixels）為單位標註版面尺寸（例如桌面端為 \(1920 \times 1080\text{ px}\)，流動裝置端為 \(390 \times 844\text{ px}\)）。
• 組件資源（Assets）：列出具體的檔案要求（例如 SVG 圖示、MP3 音效、JPEG 橫幅橫額）。
• 互動元素：清楚標註按鈕狀態、觸發事件、輸入欄位及輸出顯示。

3. 數碼與產品綜合設計

綜合設計方案將硬件與軟件融合——例如智能植物澆水系統、穿戴式健身手環或互動式博物館展品。

針對綜合設計，你的視覺規劃必須兼備兩者：
• 實體設計圖（正投影圖或等角投影圖）：展示外殼、尺寸規格、裝配固定點及實體操作介面。
• 數碼圖表（電路原理圖、介面線框圖及邏輯流程圖）：展示感應器、微控制器、程式碼及顯示螢幕之間如何進行通訊與數據傳輸。

設計範疇要點總結：產品設計重在尺寸視圖與材料標註；數碼設計重在版面配置、網站地圖與邏輯流程圖；綜合設計則兩者缺一不可。

甚麼才算「準確」與「詳細」的視覺規劃？

要在中學項目（MYP）五年級取得最高分數段（第 7–8 等級），你的圖紙絕不能僅僅是簡單的草圖。課程指引要求你繪製出準確且詳細的規劃圖／圖表，並概述創建所選解決方案的要求。

讓我們逐一拆解這些關鍵指標：

1. 準確（Accurate）：
• 比例符合現實情況。
• 尺寸數據加起來完全吻合（例如，若總長度為 \(100\text{ mm}\)，分開兩半的尺寸就絕不能是 \(60\text{ mm}\) 和 \(50\text{ mm}\)）。
• 正確使用標準符號與製圖慣例（例如規範的流程圖符號或標準投影視圖角法）。

2. 詳細（Detailed）：
• 每一個零件、螢幕介面或邏輯步驟都交代得一清二楚。
• 呈現內部隱藏細節（例如內置電池倉、隱藏接縫或後端資料庫連結）。
• 註解清晰說明具體的設計選擇，而非含糊籠統的描述。

3. 概述創建要求（Outlining Requirements for Creation）：
• 你的規劃圖必須清晰指明製作該方案所需的具體資源：特定材料、五金工具、軟件開發環境、電子組件以及目標尺寸。

「獨立同儕測試」小技巧：問問自己：「如果我離開課室，同學單憑這些圖紙，能否在完全不向我提問的情況下，把方案精確組裝或編程出來？」如果答案是「能」，那麼你的規劃圖就稱得上詳盡而準確了！

指令詞層級：你的作品如何被評分

在 MYP 設計科的電子學習檔案（ePortfolio）中，你的評分等級取決於規劃視覺圖表的深度與質素：

第 1–2 等級：學生繪製的規劃圖／圖表只包含有限的資訊，或存在重大錯誤。
第 3–4 等級：學生繪製的規劃圖／圖表能概述基本要求，但細節可能有所缺失或不夠精確。
第 5–6 等級：學生繪製出準確的規劃圖／圖表，概述了創建該解決方案的要求。
第 7–8 等級：學生繪製出準確且詳細的規劃圖／圖表，全面概述了創建所選解決方案的所有要求。

請留意評分標準的階梯演進：從有限（limited），到概述（outlining），進階至準確（accurate），最終達到準確且詳細（accurate and detailed）。

實戰步驟指南：打造高質素的規劃圖表

依照以下四個系統化步驟，構建你的規劃圖或圖表：

步驟一：為你的方案選擇最佳圖表形式
評估哪種繪圖技巧最能表達你的構思。針對實體模型，可使用直尺、方格紙或 CAD（電腦輔助設計）軟件繪製正投影圖。針對數碼方案，可運用向量繪圖軟件或線框圖工具，製作整潔的頁面版面配置與清晰的流程圖。

步驟二：設定版面排版與比例
確保圖紙留有足夠空間及清晰的邊距。清楚標註繪圖比例（例如 \(1:1\) 或 \(1:5\)）或畫布尺寸（例如 \(1080 \times 1920\text{ px}\)）。善用網格線或參考輔助線，確保所有組件排列整齊對齊。

步驟三：標註精確尺寸與指示說明
加入尺寸標註線，顯示整體的長、闊、高，以及特定特徵的位置（例如開孔、接口或按鈕位置）。對於數碼專案，需註明文字大小、按鈕尺寸、邊距（margin）和內襯距（padding）。

步驟四：詳細註解製作要求
在圖紙周圍寫下精簡、具針對性的註解，直接引線指向相關特徵：
• 材料／格式：「雷射切割 \(3\text{ mm}\) 樺木夾板。」
• 緊固／邏輯：「M3 機械螺絲（長度 \(12\text{ mm}\)）」或「點擊按鈕時 \(\rightarrow\) 驗證電郵格式字串。」
• 工具／軟件：「打磨機、台式鑽床（\(5\text{ mm}\) 鑽頭）」或「HTML5 canvas、CSS Flexbox。」

重大概念與相關概念的實際應用

交流（Communication，重大概念）：規劃圖是一種通用的視覺語言。透過遵循公認的製圖與圖表規範，你能跨越社群界限，將自己的設計意圖精準傳達給製作人員、客戶及評審。

系統（Systems，重大概念）：無論是將機械齒輪組裝進實體外殼，還是設計數據在不同螢幕介面間的傳輸路徑，規劃圖表都能清楚展現各個獨立部件如何協同運作，構成一個嚴密的系統。

人體工程學（Ergonomics，相關概念）：規劃圖表能讓你具體展示設計如何配合人體工學需求。透過標註符合人體工學的尺寸（例如手柄握把直徑為 \(35\text{ mm}\)，或便於觸控的目標大小為 \(44 \times 44\text{ px}\)），能有力證明你的方案兼具舒適度與實用性。

常見錯誤及預防指南

錯誤一：誤把構思草圖當作規劃圖提交
帶有光影素描感的徒手立體藝術圖非常適合用於激發構思（鏈節 ii），但絕不符合鏈節 iv 的要求。規劃圖需要的是準確的尺寸標註、比例尺、結構線以及工程嚴謹度。

錯誤二：遺漏單位或單位標註混亂
切勿只寫數字而不標明單位。單寫一個「\(50\)」會讓製作人員無所適從，猜測這到底是指 \(50\text{ mm}\)、\(50\text{ cm}\) 還是 \(50\text{ inches}\)。產品設計請一律統一使用標準公制單位，螢幕排版則使用像素單位。

錯誤三：數碼設計中出現「孤立介面」陷阱
僅僅提交一張精美的單一介面圖，卻沒有展示它如何與其他頁面串連，也沒有交代使用者操作如何觸發系統回應，這會使你在準則 C 階段難以順暢編程。切記將介面線框圖與使用者流程圖或邏輯流程圖結合呈現。

錯誤四：遺漏製作要求清單
鏈節 iv 明確要求概述製作該方案的具體條件。單純展示外觀形狀是遠遠不夠的；你必須明確列出製作該方案所需的材料、工具、零件、硬件或軟件環境。

本章總結與快速複習

• 準則 B 鏈節 iv 要求繪製出準確且詳細的規劃圖或圖表，並全面概述創建所選方案的要求。
• 產品設計依賴正投影工作圖、等角投影圖、爆炸分解圖、公制尺寸標註及材料說明。
• 數碼設計依賴線框圖、使用者流程圖、網站地圖以及標有像素規格的邏輯流程圖。
• 綜合設計則需要融會貫通，同時整合實體尺寸規格與數碼系統邏輯。
• 高水平作品（第 7–8 等級）具備精精準、完整的特質，所包含的豐富細節足以讓任何獨立第三方在準則 C 中無障礙地製作出方案，毋須任何猜測。