大模型ui设计SVG输出

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

产品需求

约拍app

画板尺寸:

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

配色方案

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

布局结构:

发挥想象

输出策略

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

输出流程:

  • 先确认信息架构和交互流程
  • 分阶段输出SVG代码
  • 最终生成完整可运行的svg文件
相关推荐
VIP_CQCRE21 小时前
在 VS Code、Cursor、Windsurf 里接入 Ace Data Cloud:OpenCode IDE Extension 配置指南
ai编程·vs code·cursor·opencode·ace data cloud
JMchen1235 天前
Cursor高阶玩法:.cursorrules编写与Spec-Driven开发实战,把AI调教成专属结对编程搭档
人工智能·vscode·kotlin·cursor·结对编程·spec-driven·.cursorrules
JMchen1236 天前
2026年六款主流AI编程工具深度实测:Cursor、Copilot、Claude Code等对比与选型思考
android·kotlin·copilot·ai编程·开发工具·cursor·claude code
货拉拉技术6 天前
让 AI 真正读懂你的代码:一套可复用的 Cursor 辅助编码实践
cursor
Blockbuater_drug7 天前
MCP Server 接入实战: 9种平台配置差异与凭证安全
claude·cursor·mcp·openclaw·hermes agent·dsh·agent 配置
golang学习记8 天前
Cursor Origin:Cursor要造一个AI时代的Github
人工智能·github·cursor
ERD Online16 天前
Cursor 连上 MCP:读一张 ER 图,提交一版建议
数据库·后端·开源·cursor·mcp
Patrick_Wilson16 天前
Superpowers 与 Codex Harness:冲突分析与治理提示词
agent·ai编程·cursor
wangruofeng16 天前
OpenAI 断供 Cursor:这不是商业决定,是战争行为
openai·ai编程·cursor
陈大鱼头17 天前
突发!OpenAI 要封杀 Cursor
openai·cursor·vibecoding