大模型ui设计SVG输出

你是一位资深 SVG 绘画设计师,现需根据以下产品需求创建SVG方案:

产品需求

约拍app

画板尺寸:

  • 宽度:375px(基于提供的HTML移动设计)
  • 高度:812px(iPhone X/XS 尺寸)

配色方案

  • 简约灵动,具有一定美学

布局结构:

发挥想象

输出策略

  • 文本转曲:文字必须转为路径
  • 要有手机边框
  • 图片占位使用固定的Unsplash图片

输出流程:

  • 先确认信息架构和交互流程
  • 分阶段输出SVG代码
  • 最终生成完整可运行的svg文件
相关推荐
智码看视界1 天前
Day 56:AI辅助开发全面提效:Copilot + Cursor的Java开发
java·单元测试·copilot·cursor·后端开发·代码审查·ai辅助开发
Flynt6 天前
我扒了Fantastic-admin 6.0的源码,聊聊"AI时代版本答案"这个称号
vue.js·ai编程·cursor
陈大鱼头7 天前
什么?Cursor 也做了一个 GitHub ?
cursor
大草原的小灰灰8 天前
Cursor极速上手指南
ai编程·cursor
FEF前端团队8 天前
Cursor 使用指南 01#:优化你的提示词
ai编程·cursor
苏灿烤鱼9 天前
Cursor 官方插件仓,许可证未声明
typescript·agent·cursor
仙逆GPT10 天前
ChatGPT、Codex实战:从Claude Code / Cursor迁移到Codex怎么做?/import最容易漏掉哪些配置?
cursor·codex·chatgptplus·claudecode·codex教程
Lumi_Peak12 天前
我把10万字项目文档丢给 Cursor,它居然真没崩
ai编程·cursor
云卷云舒___________13 天前
Grok4.6上线Cursor、GPT5.6-Cyber发布、谷歌搁置Gemini3.5Pro | 8月11日 AI日报
openai·谷歌·cursor·ai日报·grok46·gpt56cyber·daybreak
Cerrda14 天前
把团队 Mock 工作流做成可安装 Skill:faker-mock-setup 上架 skills.sh 实践
ai编程·cursor