需在lovart画布中系统性完成产品视觉规划：先建品牌锚点，再生成主视觉资产，接着验证并锁定视觉规则，最后导出含css变量与figma tokens的品牌视觉包。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要在Lovart画布中系统性完成产品视觉规划，不是零散生成几张图，而是让色彩、字体、图标、排版逻辑、应用尺寸全部自洽统一，确保后续所有物料输出都符合品牌调性。
第一步：建立品牌视觉锚点
打开Lovart官网（https://www.lovart.ai/）→ 登录后点击「新建项目」→ 在画布左上角点击「品牌套件」→ 选择「从零创建」或上传已有品牌手册PDF/PNG。这一步【必须先做】，否则后续所有生成都将失去风格基准，Lovart无法执行一致性校验。
输入基础品牌信息：产品类目（如“高端果茶”）、目标人群（如“25–35岁都市女性”）、核心情绪词（如“轻盈、通透、微甜感”）。不要写“好看”“高级”这类无效词，Lovart会因语义模糊跳过校验环节。
第二步：生成主视觉资产组合
方法一：用「图文分离+结构化提示」批量产出
在画布中央输入框键入：“@品牌套件 → 生成主视觉资产包：1张产品主视觉图（白底，突出液体流动质感与杯体弧线）、1组配套图标（4个：杯盖、吸管、果粒、冰块，线性扁平风，统一描边粗细）、1套标题字体组合（主标题+副标题，需标注字号/字重/行高）”。
敲回车后，Lovart自动调用GPT Image 2 High生成图像，并同步解析文字层，将字体参数写入右侧属性面板。
方法二：上传实物图驱动延展
拖入一张高精度产品实拍图（注意：必须是纯白/透明背景，带阴影的图会导致材质识别错误）→ 选中图片→ 点击顶部工具栏「多角度」→ 切换至「主体模式」→ 向右拖拽旋转30°生成侧视角 → 再向上轻推生成微俯视图 → 每次调整后点击「生成变体」。这三张图会自动归入同一图层组，命名含“视角_主/侧/俯”，供后续UI组件对齐使用。
第三步：验证并锁定视觉规则
第一步：点击画布右上角「规范检查」按钮。
第二步：系统弹出视觉一致性报告，重点看三项：
• 色彩分布：主色占比是否在60%–75%区间（低于60%显单薄，高于75%缺呼吸感）；
• 字体层级：标题/正文/标注是否严格遵循3级字号差（如32px→20px→14px）；
• 图标比例：所有图标外接矩形宽高比是否均为1:1（非正方形图标会触发「修正建议」弹窗）。
第三步：若某项标红，直接点击该条目→ 选择「按规范重绘」→ Lovart将仅修改违规元素，其余资产保持不动。
确认无红标后，点击「锁定规范」。此后所有新生成内容（包括你手动添加的文本框、形状）都会实时比对这套规则，越界操作会被自动拦截并提示。
第四步：导出可交付资产包
点击画布右上角「导出」→ 选择「品牌视觉包」→ 勾选「含CSS变量」和「含Figma Tokens」→ 点击「生成」。
下载ZIP包解压后，你会得到：/assets/下的PNG/SVG源文件、/tokens/中的design-tokens.json（含色彩HEX、字体scale、间距step）、/docs/里的PDF版《视觉执行说明书》（含各场景尺寸表：小程序封面1200×628、小红书首图1242×1660、电商主图800×800）。
这一步不可逆：导出即固化当前画布状态，后续修改需重新导出新版本，旧版链接将失效。
