AI 智能装修店铺
AI 智能装修店铺是一项革命性的店铺设计功能。您只需提出需求（例如："我要设计店铺"），AI 将为您自动生成一套完整的店铺装修方案，涵盖首页布局、视觉风格、主题配色及内容填充。从此，店铺装修告别繁琐的手动操作，进入"所想即所得"的智能时代。
快速开始
操作步骤：
- 在输入框中，用自然语言描述您的需求，例如：
- "帮我设计一个清新风格的服装店。"
- "我要设计一个科技感十足的数码店铺。"
- "做一个温馨的烘焙店，色调以暖色为主。"
- 点击发送，AI 将开始为您生成。
生成结果：
AI 将自动生成一整套店铺页面，包括但不限于首页、商品展示区、品牌故事模块等。生成完成后，系统会自动保存为第一个版本，并展示预览效果。
版本管理
为了确保您的设计过程安全、可回溯，系统采用了版本化迭代机制。
- 核心规则：每次您对店铺进行任何修改（无论是 AI 微调、手动编辑还是代码编辑），系统都会自动保存当前状态为一个新版本。
- 版本库：您可以在右侧工具栏或版本历史面板中，查看所有历史版本。
- 版本列表：每个版本都会记录生成/修改的时间，方便您随时回溯对比。
编辑与优化工具详解
当 AI 生成初始版本后，您可以利用以下八大工具对店铺进行深度定制。每个工具的操作都会生成一个新的迭代版本。
可视化编辑器
可视化编辑是面向所有人的无代码界面编辑工具。无需编写任何代码，即可对项目的布局、文字、颜色与图片进行精准修改，修改结果实时可见。
核心优势
| 优势 | 说明 |
|---|---|
| 可视化编辑 | 项目内任意界面元素均可自由修改 |
| 无代码操作 | 无技术背景也可独立完成所有修改 |
| 高效迭代 | 即时预览效果，大幅提升更新效率 |
样式调整，点到即改
具体操作步骤：
- 文字：颜色、字体样式随时调整，所见即所得。
- 间距：精细控制容器上下左右每一侧的边距与内边距，布局更灵活。
- 图片：点选图片，直接选择替换，无需重新上传定位。
- 链接：选中按钮即可编辑跳转链接，修改路径一步到位。
AI 调整示例
- 块/分区：给这个区块加一圈描边、把背景改成浅灰色
- 文本：把语气改得更有紧迫感、压缩到20字以内
- 图片：换一张不同风格的图、把背景其他场景、抠掉背景只保留产品
- 按钮：把圆角改成全圆形胶囊样、改成透明描边的幽灵按钮、按钮文字改成【立即预约演示】
- 图标：换一个和安全相关的图标、把图标颜色改成品牌紫色、图标尺寸加大一倍
微调
- 功能：在现有版本基础上，通过自然语言指令让 AI 进行局部优化。
- 示例：选中某个版本，输入优化需求，比如"把导航栏颜色改成深蓝色"、"将产品图片放大一些"或"增加一个促销横幅"。
设计
- 功能：快速切换视觉风格。点击后可唤起视觉编辑面板。
- 内容：
- 视觉编辑：调整整体布局结构、间距、圆角等。
- 主题配色编辑：一键切换主色调、辅助色、背景色，或自定义颜色方案。
代码
- 功能：为专业开发者提供。支持直接修改店铺主题的 HTML、CSS 和 JavaScript 代码。
- 适用场景：实现高度自定义的交互效果或复杂的样式调整。
翻译
- 功能：支持店铺内所有静态内容（导航栏、按钮、标题、描述等）的多语言翻译。
- 操作：选择目标语言（如西班牙语、法语等），系统将自动识别并翻译店铺内的文本内容，生成一个多语言版本。
预览
- View (快速预览)：在当前编辑界面内，快速查看当前版本的页面效果，适合边改边看。
- Preview (新页签预览)：点击"新页签预览"，系统会在浏览器新窗口打开全站效果。这模拟了顾客访问店铺的真实体验，适合进行最终效果检查。
书签
- 功能：对您特别满意或具有特殊意义的版本进行收藏。
- 操作：在版本列表中，点击心仪版本旁边的"书签"图标。收藏后的版本会置顶或在"收藏夹"分类中显示，方便快速定位。
下载
- 功能：将当前选中的版本打包下载至本地。
- 文件格式：标准的主题包（.zip 格式）。
- 用途：本地备份、迁移至其他店铺，或进行离线开发。
发布
- 功能：将选中的版本正式部署到线上店铺，让顾客可见。
操作
- 在版本列表中，找到您确认无误的版本。
- 点击 "发布" 按钮。
- 确认发布后，该版本将立即生效为店铺的线上版本。
注：您可以随时将任意历史版本重新发布上线，实现快速回滚。