规划图与图表（准则 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 中无障碍地制作出方案，无需任何猜测。