Lovart可基于文字描述或参考图快速生成布局合理、交互明确、风格统一的网页视觉稿：输入具体模块与风格关键词，或上传线框图/竞品截图，90秒内输出3版初稿，并支持文字编辑、局部重绘、图层分离及动效示意。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要快速产出网页设计的视觉稿，不是单张图而是具备布局逻辑、交互暗示和风格统一性的整页方案，Lovart能直接基于文字描述或参考图生成可用初稿，跳过手绘线框和反复返工。
用文字指令生成网页视觉稿
打开Lovart官网（https://www.lovart.ai）→ 登录账号 → 点击「新建项目」→ 选择「网页设计」模板类别。
在提示词输入框中，写明页面类型、核心功能、目标用户与风格关键词。例如：“企业官网首页，含顶部导航栏、轮播Banner、三栏服务介绍、客户案例滚动区、底部联系方式；面向B2B科技公司；风格：干净留白、蓝灰主色、无衬线字体、微动效示意”。
点击「生成」，Lovart Agent会自动调用适配网页结构的模型（如Flux+Nano Banana Pro混合调度），约90秒内输出3版不同布局倾向的视觉稿。这一步不能只写“做个网页”，【缺少具体模块描述会导致生成结果缺失导航或CTA按钮】。
用参考图驱动网页视觉生成
方法一：上传Figma线框图+风格参考图
将你已有的低保真线框图（PNG/SVG）和一张目标风格参考图（如Apple官网截图）同时拖入画布。Lovart会识别线框中的区块结构，并将参考图的色彩、字体、间距逻辑迁移过去，生成高保真视觉稿。
方法二：仅上传竞品网页截图
截取竞品网站完整页面（建议含滚动视口），上传后输入指令：“按此页面结构重制，改为深色模式，主色替换为#2563EB，所有按钮圆角设为8px，保留原信息层级”。Lovart会解析DOM式区块并执行局部样式替换，无需手动标注区域。
注意：上传的截图必须包含完整首屏内容，裁剪过的图可能导致顶部导航栏丢失。
生成后快速调整网页元素
第一步：选中任意文字块→右键→「编辑文字」→直接修改文案内容与字号，系统自动保持原有字重与行高比例。
第二步：按住Ctrl键（Mac为Cmd）+鼠标左键框选某个卡片区域→输入“将背景色改为#F9FAFB，阴影强度减半，圆角统一为6px”→回车执行局部重绘。
第三步：点击右侧面板「图层分离」→勾选「提取文字图层」和「分离背景容器」→导出为SVG+JSON结构化数据，可直接交由前端开发使用。这一步操作起来很简单，直接把文件拖进去就行。
第四步：若需增加悬停动效示意，在画布空白处输入“为全部按钮添加悬停放大10%+颜色加深的微动效提示”，Lovart会在对应元素旁自动生成带箭头标注的示意小图。
