开始使用 /

AI 创建网站指南

通过 AI 创建网站,你无需设计或编程经验,只需要描述需求,AI 就能自动生成完整网站。

本教程将帮助你学会如何编写需求,让 AI 生成更符合预期的网站。


什么是 AI 创建网站

AI 创建网站是一种通过自然语言描述需求来生成网站的方式。

你只需要告诉 AI:

  • 想做什么网站
  • 网站是什么风格
  • 网站包含哪些内容

AI 会自动完成:

  • 页面规划
  • 内容生成
  • 布局设计
  • 图片匹配
  • 网站搭建

最终生成一个可编辑的网站。


开始创建

点击首页的:「使用 AI 创建」,进入 AI 创建界面。

使用 AI 创建网站入口

在输入框中输入你的需求后,点击 构建 即可开始生成网站。


如何描述需求

为了获得更好的生成效果,建议按照以下结构描述需求。

1. 网站类型

首先告诉 AI 你要创建什么网站。

例如:

  • 企业官网
  • 外贸独立站
  • 产品官网
  • SaaS 官网
  • 品牌官网
  • 个人作品集
  • 导航网站
  • 活动落地页

示例

  • 生成一个工业设备制造企业官网。
  • 生成一个包装设计工作室网站。
  • 生成一个室内家具外贸独立站。

2. 网站风格

风格会影响网站的整体视觉效果。你可以直接描述设计风格。

例如:

  • 极简风格
  • 瑞士风格
  • 科技风格
  • 工业风格
  • 高端商务风格
  • 日式极简风格
  • 苹果风格
  • 暗黑科技风格

示例

  • 采用瑞士风格设计。
  • 整体为极简商务风格。
  • 采用深色科技风格。

3. 页面内容

告诉 AI 网站需要展示哪些内容。内容越明确,生成结果越准确。

例如:

  • 首页
  • 产品展示
  • 服务介绍
  • 关于我们
  • 客户案例
  • 联系我们

示例

网站包含:

  • 首页
  • 产品分类
  • 热销产品
  • 关于我们
  • 联系我们

推荐 Prompt 结构

推荐使用以下格式:

网站类型 + 页面内容 + 网站风格

例如:

生成一个企业官网,包含首页、服务介绍、客户案例、关于我们和联系我们页面,整体采用现代商务风格。


示例:企业官网

生成一个企业官网。

包含:

  • 首页
  • 服务介绍
  • 关于我们
  • 客户案例
  • 联系我们

整体采用现代商务风格。主色调为蓝色。


示例:外贸独立站

生成一个室内家具外贸展示网站。

包含:

  • 首页
  • 产品分类
  • 热销产品
  • 关于我们
  • 工厂展示
  • 联系我们

整体采用日式极简风格。目标客户为欧美市场。


示例:设计工作室网站

生成一个品牌设计工作室网站。

包含:

  • 首页
  • 服务介绍
  • 项目案例
  • 关于我们
  • 联系方式

整体采用瑞士设计风格。排版简洁,强调视觉设计。


示例:SaaS 产品官网

生成一个 AI 网站生成工具官网。

包含:

  • Hero
  • 功能介绍
  • 用户案例
  • FAQ
  • CTA

整体采用现代 SaaS 风格。主色调为紫色。


上传参考图片

除了文字描述,你还可以上传参考图片。

例如:

  • 喜欢的网站截图
  • 设计稿
  • 竞品网站截图

AI 会参考图片中的布局结构、配色方案和视觉风格,生成更加符合预期的网站。


如何获得更好的生成效果

建议一:明确网站类型

推荐:

生成一个 CNC Machine 外贸独立站。

不推荐:

生成一个网站。


建议二:说明目标客户

推荐:

  • 目标客户为欧美制造业采购商。
  • 目标客户为中小企业老板。
  • 目标客户为室内设计师。

建议三:说明重点内容

推荐:

  • 重点突出产品展示和询盘转化。
  • 重点突出案例展示。
  • 重点突出品牌形象。

建议四:说明视觉风格

推荐:

  • 采用苹果官网风格。
  • 采用瑞士排版风格。
  • 采用极简黑白风格。

AI 生成后怎么办

网站生成完成后,你仍然可以继续修改。

例如:

  • 修改文字内容
  • 替换图片
  • 新增页面
  • 调整布局
  • 新增板块
  • 修改颜色风格

所有内容都可以通过 AI 或可视化编辑器进行调整。


常见问题

AI 生成需要多久?

通常需要 30 秒到 1 分钟。复杂网站可能需要更长时间。


AI 生成后还能修改吗?

可以。生成的网站完全支持后续编辑和优化。


AI 能生成多页面网站吗?

可以。只需要在需求中说明需要哪些页面即可。


不满意生成结果怎么办?

你可以:

  • 重新生成
  • 调整 Prompt
  • 上传参考图片
  • 使用 AI 继续修改

最终获得更符合需求的网站。


下一步

完成网站生成后,推荐继续阅读:

  • 编辑器使用指南
  • AI 修改内容教程
  • AI 修改布局教程
  • SEO 优化指南
  • 网站发布指南

掌握这些功能后,你就可以快速创建并上线专业网站。

Render diagnostics