wireframe

在用户希望快速探索设计空间时加载——提供许多粗略想法，而不是一个打磨完善的方向。

输出位置

将所有输出文件写入 ./opendesign/mockups/<task-slug>/。根据任务名称生成 slug（例如 dashboard-redesign、onboarding-flow）。

角色定位

目标是拓展广度，而非打磨细节。输出应是设计空间的地图，而不是完成品。在项目早期、用户尚未确定方向时使用此技能。

先采访用户，了解问题，然后一次性生成多个粗略方案。

数量与差异

• 每个想法提供 3 到 5 种截然不同的方案。“截然不同”指结构逻辑不同，而不是同一布局换不同颜色。如果两个线框只需更换一个类就能互换，那它们就是同一种线框。
• 将选项并排展示，让用户一眼就能比较。选项较少时使用单个画布；选项较多时使用选项卡或分页分组，确保比较时清晰易读。

视觉风格

• 低保真、草图感。使用手写风格但易读的字体（例如 Caveat、Patrick Hand、Shadows Into Light、Kalam）。
• 以黑白为主。仅用少量强调色标示当前选中或重点元素。
• 使用简单形状：矩形、线条、圆形。不使用真实图像或真实图标。可以并且应该使用占位文本。
• 不使用精致的字体排版。不使用真实品牌色。不设置悬停状态。这些是用于思考的辅助工具，不是模型图。

每个线框的结构

• 聚焦布局与流程：元素位于何处、主要内容是什么、用户按什么顺序操作。
• 使用通俗语言清楚标注各个区域（“搜索栏”“筛选器”“结果列表”“主要操作”），方便用户讨论时无需指着说明。
• 如果线框暗示了交互，请用简短注释说明。不要实现交互。

调整与迭代

• 提供少量简单调整选项：切换不同方案、改变内容密度、添加或移除可选区域。尽量减少可调整项。线框不应在保真度上与原型竞争。

避免事项

• 不要打磨线框。如果用户喜欢其中一个，下一步应单独制作更高保真版本，而不是继续润色草图。
• 不要让线框在视觉上趋同。如果五个选项看起来都一样，那就只有一个选项，而不是五个。