Fireworks MX 2004 引入的“Shapes 面板”提供 9 类参数化智能形状组：**Clock（钟表）、Cog（齿轮）、Cube（立方体）、Cylinder（圆柱体）、Frame（相框）、Perspective（透视图）、Tabs（标签页）、Talking（对话框）、Tube（管道）**。每个形状组均为“群组”结构，拖入画布即得可交互参数化对象，不解群即可通过控制点实时调整几何参数，是快速构建 UI 组件、信息图表、等轴测插图的神器。本文深度解析每组核心控制点与参数化逻辑。

面板概览与核心概念

窗口 > Shapes 打开面板。拖拽任意形状至画布，按 Ctrl+Shift+G 解群可见内部构成：均为基础矢量路径 + 自定义控制点（绿色菱形手柄）组成的群组。控制点绑定 JavaScript 命令，拖动即时重绘几何结构。**核心优势：参数化建模、非破坏性编辑、一键生成复杂几何**。

逐组深度解析

1. Clock（钟表组）—— 时间可视化的参数化利器

拖入画布得完整钟表：表盘、刻度、时/分/秒三针。单击钟表出现 4 个控制点：

• 1 号点（表盘刻度切换）：单击循环 4 种模式——无刻度 / 4 刻度（90°间隔） / 12 刻度（45°间隔，12时制） / 60 刻度（60秒制）。
• 2 号点（时针旋转）：拖动旋转时针，分针联动（12:1 比例），秒针可选联动。
• 3 号点（分针独立旋转）：拖动微调分针，时针不联动，精确设定分值。
• 4 号点（秒针显隐/风格）：单击切换秒针显示/隐藏/样式（细线/箭头/圆点）。

应用场景：UI 时钟控件、倒计时海报、时区对比图、教学演示素材。

2. Cog（齿轮组）—— 机械传动视觉化

控制点：齿数（3-50）、齿高/齿宽比、内孔直径、倒角半径。拖动即时重生成齿轮齿形，多个齿轮组合可模拟传动比、同心/偏心布局，配合旋转动画演示机械原理。

3. Cube / Cylinder（立方体/圆柱体组）—— 等轴测/透视基础体

控制点：宽/高/深三维尺寸、透视角度（等轴测/两点透视/三点透视）、面显隐、倒角半径。一键生成标准几何体，配合“样式”面板存材质（木纹/金属/塑料），快速搭建 3D 场景草图。

4. Frame（相框组）—— 相册/画廊/证书边框批量生成

控制点：外框宽高、内框边距、倒角样式（直角/圆角/斜角/波浪）、衬边宽度/颜色、玻璃高光层开关。批量生成统一规格相框，拖入照片自动蒙版裁剪。

5. Perspective（透视图组）—— 一键生成透视网格与盒模型

控制点：地平线高度、消失点位置（单点/双点/三点）、网格密度、盒模型宽高深。辅助手绘透视、构建等轴测城市、包装展开图辅助线。

6. Tabs（标签页组）—— 导航/面板 UI 组件标准件

控制点：标签数量（2-10）、单标签宽高、圆角半径、重叠方式（平铺/重叠/间隙）、激活态/非激活态填充描边独立设置。双击标签文字即可编辑，极速产出导航栏原型。

7. Talking（对话框组）—— 漫画/聊天/注释气泡工厂

控制点：气泡宽高、圆角半径、尾巴位置（上/下/左/右/角）、尾巴大小/形状（尖/圆/云朵）、描边/填充/投影。拖动尾巴控制点自动重算贝塞尔曲线，指向任意目标点。

8. Tube（管道组）—— 管道/数据流/血管可视化

控制点：管径、弯曲节点位置/角度、分支数量、端口样式（法兰/阀门/开口）、材质填充（金属/塑料/玻璃）。拖动节点自动生成平滑管道中心线与管壁，配合渐变填充模拟流体方向。

进阶工作流：符号化复用与批量生成

1. 将调试好的 Shapes 对象存为“符号”（F8 > 图形符号），库中拖拽复用，主符号修改所有实例同步更新。
2. 结合“命令 > 批量处理”，将参数表（CSV/JSON）导入，JS 脚本循环生成百组参数差异形状（如 50 个不同时间的钟表、20 组不同传动比齿轮组），导出 PNG 序列/图集。
3. 导出 SVG：修改 > 导出 > SVG，保留矢量可编辑性，前端直接内联使用。