Skip to content

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文件