SuperAPI AI 工具集

wireframe

设计与创作

查看项目

更新于 10-16 00:05

技能介绍

用途:当用户想快速探索设计空间、需要大量粗略想法而非单一精修方向时使用。目标是在项目早期、用户尚未确定方向前,输出一张设计空间的地图,强调广度而非打磨。

主要能力与产出:一次为每个想法生成3至5个截然不同的方案。“不同”指结构逻辑不同,而非同一布局换配色;若两个线框只需改一个类名即可互换,则视为同一方案。方案并排展示以便一眼比较,数量少用单画布,数量多用标签页或分页分组。

视觉风格:低保真、手绘感,使用可读的手写字体(如 Caveat、Patrick Hand、Shadows Into Light、Kalam);以黑白为主,仅用少量颜色强调激活或重点元素;使用矩形、线条、圆形等简单形状,不用真实图像与图标,允许并使用占位文本;不做精致排版、真实品牌色或悬停状态。

结构与输出:专注布局与流程,说明元素位置、主次与用户浏览顺序;用平实语言标注各区域(如“搜索栏”“筛选”“结果列表”“主要操作”),便于用户直接讨论;涉及交互时以简短注解说明,不实现。文件写入 ./opendesign/mockups/<task-slug>/,slug 由任务名派生(如 dashboard-redesign、onboarding-flow)。

使用方式:先访谈用户理解问题,再一次性生成多个粗略方案;提供少量简单调节项,如切换变体、改变密度、增删可选区块,保持调节面最小。

限制:不要精修线框图,用户若喜欢某个方案,应另做更高保真度的环节,而非打磨草图;不要让各线框在视觉上趋同。其余细节资料暂未提供。