1、app设计稿UI生成
markdown
你是一位资深 SVG 绘画设计师,现需根据以下产品需求创建SVG方案:
产品需求文档:
1. 应用类型:高端健康管理移动应用
2. 核心模块:
- 数据仪表盘 (实时健康指标)
- 运动计划系统 (训练课程+进度追踪)
- 睡眠质量分析 (多维数据可视化)
- 营养管理 (智能食物数据库)
3. 交互要求:
• 全矢量图形界面
• 动态数据可视化动画
• 符合Figma设计规范
• 三级明暗层级关系
技术规格:
▸ 单文件SVG包含6个横向排列的页面预览
▸ 画板尺寸:375x812(带1px描边模拟手机边框)
▸ 配色方案:深空蓝(#1A202C)+活力橙(#DD6B20)+医疗白(#F7FAFC)
▸ 必须包含:
- 矢量图标系统(使用<symbol>定义)
- 动态折线图(stroke-dasharray动画)
- 卡片悬浮效果(通过filter实现)
- 图片占位使用<image>标签外链unsplash
输出流程:
1. 先确认信息架构和交互流程
2. 分阶段输出SVG代码(每完成2个页面请求确认)
3. 最终生成完整可运行的svg文件