如何使用 superun 快速创建网站和应用?【新手入门指南】

欢迎来到 superun!本指南将带您从零开始,学习如何使用这个强大的 AI 产品设计平台。无论您是完全的新手还是有一定经验的用户,这份指南都能帮助您快速上手。

superun 新手入门教程步骤演示

第一步:注册和登录

创建账号

使用 superun 非常简单,首先您需要创建一个账号:

1. 访问 superun 官网 2. 点击"开始创建"或"注册"按钮 3. 选择您偏好的注册方式(邮箱、手机号或第三方登录) 4. 完成验证,即可进入平台

了解界面

登录后,您会看到简洁的界面:

  • 输入区域:在这里输入您的需求
  • 预览区域:实时查看生成的效果
  • 工具栏:管理项目和设置
  • 第二步:描述您的需求

    如何与 AI 对话

    superun 的核心是对话式创建。您只需要用自然语言描述想要的内容:

    好的描述示例

  • "我想创建一个咖啡店的官网,要有温暖的色调,包含菜单展示、门店位置和联系方式"
  • "帮我做一个简约风格的个人作品集网站,展示我的设计作品"
  • "我需要一个 SaaS 产品的落地页,要有功能介绍、价格表和注册表单"
  • 描述的技巧

    让 AI 更好地理解您的需求:

  • 说明网站类型(官网、电商、博客等)
  • 描述风格偏好(简约、现代、商务等)
  • 列出需要的页面或功能
  • 可以参考某个网站的风格
  • 第三步:查看和修改

    实时预览

    AI 会根据您的描述生成内容,您可以:

  • 在不同设备模式下预览(手机、平板、电脑)
  • 点击页面中的元素查看详情
  • 滚动查看完整页面
  • 迭代修改

    如果某些部分不满意,继续对话即可:

  • "把头部的颜色改成深蓝色"
  • "在首页添加一个客户评价区域"
  • "让按钮更大一些"
  • "参考 Apple 官网的简约风格重新设计"
  • AI 会理解您的修改意图并更新设计。

    第四步:发布上线

    一键发布

    当您对效果满意后:

    1. 点击"发布"按钮 2. 选择发布方式(免费域名或自定义域名) 3. 确认发布

    几秒钟后,您的网站就上线了!

    获取链接

    发布后您会获得:

  • 网站访问链接
  • 分享二维码
  • 管理后台入口
  • 进阶技巧

    使用更详细的描述

    越详细的描述,AI 生成的结果越精准:

    基础描述: "做一个企业官网"

    进阶描述: "做一个科技公司的官网,蓝色和白色主题,现代简约风格。首页需要有轮播图展示公司产品,下面是公司简介、核心优势(用图标展示)、成功案例和联系表单。还需要产品介绍页和关于我们页面。"

    分步骤创建

    对于复杂项目,可以分步骤进行:

    1. 先创建基础框架 2. 逐个页面完善内容 3. 最后统一调整风格

    保存和复用

    superun 支持项目管理:

  • 保存当前进度,随时继续
  • 复制项目作为新项目的起点
  • 导出代码进行二次开发
  • 常见问题解答

    创建需要多长时间?

    根据项目复杂度:

  • 简单落地页:5-10 分钟
  • 企业官网:30-60 分钟
  • 复杂应用:1-2 小时
  • 可以创建多少个项目?

    根据您的账户类型:

  • 免费用户:可以体验创建
  • 付费用户:无限项目数量

如何修改已发布的网站?

随时可以修改: 1. 进入项目编辑界面 2. 进行修改 3. 重新发布

修改会即时生效。

实战案例

案例:创建一个餐厅网站

让我们通过一个实际例子学习:

第一步:输入需求 "我要创建一个中餐厅的网站,红色和金色主题,要有菜品展示、餐厅环境照片、在线订座功能和联系方式。"

第二步:查看结果 AI 会生成一个完整的餐厅网站,包含您描述的所有内容。

第三步:微调 "把菜品分类改成:招牌菜、凉菜、热菜、汤品、主食" "在页脚添加营业时间"

第四步:发布 点击发布,您的餐厅网站就上线了!


现在您已经了解了 superun 的基本使用方法。最好的学习方式就是动手尝试,立即开始创建您的第一个项目吧!

← 返回文档列表