1.概述

设计智能体是秒哒在生成应用前提供的智能设计能力

在生成应用前，设计智能体根据你需求场景和偏好生成3套不同设计方案，同时支持多轮对话调整，你确认任一方案后再生成应用，让应用更加美观专业

2.适用场景与核心价值

只有初步想法，不知道如何设计

当您只有一句简单需求，例如“做一个活动报名应用”或“做一个摄影作品网站”，设计智能体会先帮助您明确：

• 这个应用给谁使用
• 用户最重要的任务是什么
• 页面应该优先展示什么
• 哪些功能最重要
• 哪种设计风格更适合当前场景

例如，用户提出“做一个活动报名应用”时，设计智能体不会马上开始生成页面，而是先理解活动面向谁、用户如何报名、哪些信息最重要，以及应用更适合活泼还是专业的设计风格

这样可以让应用从正确的问题出发，减少生成后的反复修改

功能已经明确，但不确定页面如何呈现

当您已经知道应用需要哪些功能，但不确定首页如何布局、内容如何排序或用户如何完成核心操作时，可以使用设计智能体探索不同设计方式

设计智能体会围绕同一个目标生成 3 套有明显差异的设计方向，差异可能体现在：

• 首页首先展示什么
• 内容如何排列
• 用户如何完成核心操作
• 页面整体是简洁、活泼还是专业
• 应用更强调品牌展示、业务转化还是操作效率

对应用的美观度和专业度有较高要求

当应用需要面向客户、合作方或正式业务场景使用时，可以先通过设计智能体确认页面结构和视觉方向，再生成应用，减少后续反复修改

如果您有品牌色、字体规范、宣传图片或喜欢的界面截图，也可以一并提供，让生成的方案更符合已有品牌和视觉要求

常见应用包括：

• 产品官网和营销页面
• 活动报名和信息展示应用
• 企业内部工具和管理后台
• 内容社区和作品展示网站
• 电商、门店和会员应用
• 数据看板和业务系统

3.设计方案如何影响最终应用

确认设计方向后，以下内容会继续传递到应用生成阶段：

• 页面结构
• 内容层级
• 布局方式
• 色彩和字体
• 按钮、卡片等组件样式
• 图片和图标风格
• 页面交互方式
• 移动端和桌面端适配要求

设计方案不只是参考图，而是应用生成时需要遵循的设计依据，避免确认的是 A 方案，最终生成的却是另一个方向

4.完整使用流程

5.如何使用设计智能体

第一步：描述应用需求

您可以直接输入应用需求，也可以上传需求文档、参考图片或品牌资料，示例：

帮我做一个摄影作品展示网站，主要面向潜在客户。首页重点展示摄影作品，并支持访客了解摄影师、提交约拍需求和查看联 系方式。整体希望简洁、有高级感，移动端也要方便浏览

不需要使用专业设计术语。只要尽量说明应用给谁使用、需要完成什么即可

随后秒哒会根据您的表述进行需求文档的撰写，当需求文档完成后，您可通过点击需求文档下方的“先看看设计方案”按钮，进入到 Design Agent 环节

第二步：对齐设计方向

设计智能体会整理和理解您的需求，重点确认：

• 目标用户与使用场景
• 核心功能
• 视觉偏好
• 设计禁忌项

如果缺少关键信息，设计智能体会通过问卷形式继续询问，例如：

首页最希望用户先看到什么？ 更希望突出内容展示，还是让用户快速完成操作？ 你偏好哪种配色方案？

第三步：查看 3 套设计方案

通过问卷形式将设计相关的信息补充后，设计智能体会生成 3 套设计方案供您选择，三套方案不会只是更换颜色，而会在布局、内容重点、视觉风格或操作方式上形成明显差异

第四步：通过对话调整或融合方案（可选）

您可以：

• 直接选择一套方案
• 查看三套方案的主要差异
• 指定其中一套继续修改
• 融合不同方案中的优点
• 对全部方案重新提出设计要求

例如：

保留 A 方案的首页布局，但改成 B 方案的配色和字体 首页先展示报名入口，品牌介绍放到后面 整体再简洁一点，减少卡片和装饰元素 保留当前风格，但让移动端按钮更容易点击 Design Agent 会尽量保留已经确认的内容，只修改您明确提出的部分

第五步：按照选定方案生成应用

调整完成后，您可以确认最终设计方向，点击“生成应用”，秒哒将按照当前设计方向生成应用

您选择的设计方案会成为应用生成的依据，秒哒会尽量保持以下内容一致：

• 主要页面和功能模块
• 首页内容顺序
• 页面布局和信息层级
• 色彩、字体和组件风格
• 图片和图标方向
• 核心交互方式
• 移动端和桌面端适配方式

第六步：预览并继续修改

应用生成后，您可以预览效果。如果对任何细节不满意，可以继续通过对话指令进行优化