选模型，从你要做的事开始我
输入材料
需求说明、参考界面、品牌素材、目标设备和主要使用路径。
目标交付
交互原型、页面代码、状态说明和可用性问题清单。
怎样一步步完成
把工作拆成可检查的环节，再选择模型和配套工具。
- 01
梳理任务路径
先确定用户要完成的动作，再组织信息层级与页面导航。
- 02
分析参考并设计
读取参考截图，确定组件、文案、反馈状态和响应式布局。
- 03
构建可交互原型
生成前端代码，在真实浏览器中运行主要流程与异常状态。
- 04
检查并迭代
测试键盘、移动端、长文案和空数据，再修正可用性问题。
需要哪些模型能力
按实际环节组合使用，下面的目录会展示匹配其中一种或多种能力的候选。
查看匹配的模型配套工具
设计工具前端运行环境浏览器与设备测试
选型与交付检查
- 视觉理解、前端代码和浏览器测试是不同环节。
- 静态截图不能证明按钮或提交流程可用。
- 优先保留品牌一致性与无障碍操作。
可以这样描述需求
根据需求和界面截图设计交互原型，编写前端代码，在浏览器测试主要流程，并总结移动端和可用性问题。带着这个需求继续选型