Lovart可5分钟完成品牌主页视觉设计：输入调性提示词生成首屏，绑定Brand Kit统一色彩字体，Touch Edit局部优化，导出含图层与CSS变量的网页可用稿。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
用Lovart完成品牌主页视觉设计，不需要先做VI手册、不依赖设计师反复改稿，也不用在PS和Figma之间来回导出导入——你只需明确品牌调性，输入一句话需求，系统自动调用GPT Image 2 High模型生成首屏主图，再通过Brand Kit锁定色彩与字体，最后用Mockup一键套入真实网页场景，整个过程5分钟内可交付可用稿。
第一步：用ChatCanvas生成品牌主页首屏
打开Lovart首页→点击「新建项目」→选择「Web Landing Page」模板→在ChatCanvas对话框中输入提示词：“现代极简风格的品牌主页首屏，[品牌名]，定位[例如：可持续护肤品牌]，目标人群25–35岁女性，主色#E6F0E6 + #2D402F，画面中央放置产品主视觉+超大无衬线标题‘纯净，从肌肤开始’，留白充足，商业摄影级质感”。
模型会自动识别“品牌名”“主色”“人群”等关键信息，调用GPT Image 2 High生成首屏。这一步出图质量直接决定后续延展是否顺滑，【务必在首次生成时就写明主色HEX值，否则AI可能自由发挥偏色】。
生成后若构图偏密，直接在画布上圈选标题区域→打字说：“标题字号放大1.8倍，下方增加12px行距”，系统实时重排，无需重新生成整图。
第二步：绑定Brand Kit确保全页风格统一
左侧边栏点击「品牌套件」→新建套件→上传你已有的Logo文件（PNG透明底）+ 输入主色#E6F0E6、辅助色#2D402F、字体偏好（如“轻盈圆润的无衬线体”）→点击「保存并启用」。
回到画布，在提示词前加@符号调用该套件，例如：“@晨雾MorningMist 基于首屏风格，生成导航栏+三组产品模块+底部CTA按钮区，保持色彩与字体完全一致”。
这一步跳过会导致后续生成的模块颜色漂移、字体错乱，尤其当你要批量产出详情页、活动页时，【未绑定Brand Kit就继续生成，90%概率出现配色分裂】。
第三步：用Touch Edit局部优化细节
方法一：修改文字内容。鼠标悬停在任意文字区块上→出现「编辑文字」浮层→点击→直接输入新文案，字体粗细、大小、间距自动继承原样式。
方法二：替换图片材质。按住Ctrl键→鼠标左键框选产品图区域→松开→输入指令：“将玻璃瓶材质改为磨砂陶瓷，保留原有光影方向和阴影位置”。系统仅重绘选定区域，背景与文字毫发无损。
方法三：增删UI元素。在空白处右键→选择「插入组件」→拖入预设的药丸标签、悬浮按钮或数据卡片，所有元素自动匹配Brand Kit中的色彩与圆角参数。
第四步：导出为网页可用格式
点击画布右上角「导出」→选择「Web Ready PNG」→勾选「保留图层结构（用于前端切图）」→下载ZIP包。
包内含：① 适配1920px宽度的主图PNG；② 单独切好的导航栏、按钮、图标等透明PNG；③ CSS变量文件（含--primary-color: #E6F0E6等定义）。前端工程师可直接引用，无需手动取色或测量间距。
如需响应式版本，返回画布→顶部菜单选择「适配移动端」→系统自动缩放布局并优化文字可读性，3秒生成750px宽版本，同样支持导出Web Ready格式。
