实操：生成一个 Open Design 内训介绍页

这篇教程带你完成一个非常具体的任务：生成一页“Open Design 内训介绍页”，再在同一个项目里连续修改 3 次。

请不要临时换题，也不要自己改提示词。先完整做完一遍，熟悉 Open Design 的核心流程：主页创建项目、等待生成、打开预览、继续提修改、从项目列表找回结果。

本次任务

你要完成的最终结果是一个电脑端页面，用来给公司内部同事介绍 Open Design。

页面需要包含这些内容：

1. Open Design 是做什么的。
2. 它适合用在哪些工作里。
3. 产品经理、运营同事、设计师、销售或售前同事分别能怎么用。
4. 新同事如何开始使用。
5. 一个适合内部培训场景的结尾引导。

术语说明：项目

项目是 Open Design 保存一次完整工作的地方。你可以把它理解成一个工作文件夹。里面会保存你的原始需求、后续对话、生成出来的页面或文件，以及每一次修改。只要继续在同一个项目里提要求，Open Design 就会基于已有结果继续修改，而不是每次重新开始。

1. 进入主页

1. 打开 Open Design。
2. 看左侧导航栏。
3. 点击“主页”。
4. 确认页面中间出现标题“你想设计什么？”。
5. 确认标题下方有一个大输入框，输入框里显示“描述你想生成的内容…”。

看到“你想设计什么？”和“描述你想生成的内容…”后，这一步完成。

2. 选择“原型”

在主页输入框下方找到一排创建类型按钮。

1. 点击“原型”。
2. 看输入框下方是否出现“原型”标签。
3. 看下方是否出现“风格”和“精度”设置。

本次任务要生成一个可预览的介绍页面，所以选择“原型”。

对照下图检查：左侧标签应为“原型”，中间的“自动”是风格，右侧的“高保真”是精度。

术语说明：原型

原型是可以先预览、再讨论、再修改的页面草稿。它适合用来快速做官网页、活动页、介绍页、后台页面或 App 页面。对非技术同事来说，选择“原型”的好处是能直接看到页面效果，不需要先写代码或画设计稿。

3. 设置“风格”和“精度”

在“原型”标签下方设置两个选项。

1. 找到“风格”。
2. 点击“风格”旁边的选项。
3. 选择“自动”。
4. 找到“精度”。
5. 点击“精度”旁边的选项。
6. 选择“高保真”。

确认页面上显示“风格：自动”和“精度：高保真”后，这一步完成。

术语说明：风格

风格指生成结果参考哪一种视觉方向，例如更正式、更活泼、更像产品官网，或者更像内部培训材料。选择“自动”时，Open Design 会根据你输入的需求自行匹配合适的视觉方向。第一次练习选择“自动”最稳，因为你不需要提前判断哪套设计风格适合。

术语说明：高保真

高保真表示生成结果更接近完整页面，而不是简单草图。它会包含更完整的排版、颜色、模块、按钮和视觉层级。做介绍页、培训页、官网页、展示页时，选择“高保真”更容易看到接近成稿的效果。

4. 输入第一段需求

点击主页的大输入框，把下面这段内容完整复制进去。

做一个面向公司内部同事的 Open Design 内训介绍页。

页面目标：让第一次接触 Open Design 的同事快速理解它能做什么，并愿意尝试用它生成页面、PPT 和视觉素材。

页面内容需要包含：
1. 开头标题和一句简短说明。
2. Open Design 适合做什么。
3. 三个典型使用场景：生成页面、生成 PPT、生成图片或视频素材。
4. “适合哪些同事使用”：产品经理、运营同事、设计师、销售或售前同事。
5. 一段“如何开始”的操作步骤。
6. 一个适合内部培训的结尾行动引导。

风格要求：中文，清爽、可信、适合公司内部培训，不要太像对外营销广告。页面要适合电脑端预览，内容要能快速扫读。

复制完成后，检查输入框里是否能看到“做一个面向公司内部同事的 Open Design 内训介绍页”。看到这句话后，这一步完成。

术语说明：需求

需求就是你希望 Open Design 完成的任务说明。写需求时不用技术语言，只要像给同事布置工作一样说清楚四件事：做什么、给谁看、包含哪些内容、希望是什么感觉。本教程已经给好了完整需求，你先照着复制即可。

5. 点击“运行”

1. 看输入框右下角。
2. 找到向上箭头按钮。
3. 点击这个向上箭头按钮。

这个向上箭头对应的操作是“运行”。点击后，Open Design 会创建一个新项目，并把刚才那段需求自动发出去。

点击后请等待页面跳转。进入项目页后，不需要再点一次“发送”。

术语说明：运行

运行就是让 Open Design 开始执行你的需求。它会先创建项目，再把任务交给生成助手处理。生成助手会在项目里产出页面或文件。运行需要等待一段时间，任务越复杂，等待时间越长。

6. 等待第一次生成完成

进入项目页后，页面会分成两个主要区域：

1. 左侧是对话区，用来显示你的需求和 Open Design 的回复。
2. 右侧是工作区，用来查看“设计文件”和页面预览。

等待时只看这三个位置：

1. 左侧对话区：内容不再继续新增。
2. 底部输入框右侧：重新看到“发送”按钮。
3. 助手回复区域：看到“本轮产出的文件”或右侧“设计文件”里出现新文件。

这三个信号出现后，第一次生成完成。

7. 打开页面预览

按顺序操作：

1. 在左侧助手回复里找到“本轮产出的文件”。
2. 点击文件右侧的“打开”。
3. 看右侧工作区顶部。
4. 点击“预览”。

如果左侧没有看到“本轮产出的文件”，就用右侧工作区打开：

1. 点击右侧的“设计文件”。
2. 找到类型为“HTML 页面”的文件。
3. 点击这个文件右侧的“打开”。
4. 点击顶部的“预览”。

看到生成出来的内训介绍页后，这一步完成。

术语说明：设计文件

设计文件是当前项目里生成或上传的文件列表。你可以把它理解成这个项目的文件夹。页面、图片、文档、脚本等都会放在这里。非技术同事通常只需要打开“HTML 页面”并查看“预览”，不需要直接编辑文件。

术语说明：预览

预览就是查看生成结果的地方。它的作用是让你先看页面长什么样，再决定下一步怎么改。对非技术同事来说，预览区是最重要的检查区域，重点看内容是否正确、结构是否清楚、视觉感觉是否合适。

8. 第一次检查页面

不要急着重做项目。先按下面 6 个问题检查当前页面：

1. 页面标题是否在介绍 Open Design。
2. 开头说明是否像给公司内部同事看的内容。
3. 页面里是否提到“页面”“PPT”“图片或视频素材”。
4. 页面里是否出现“产品经理”“运营同事”“设计师”“销售或售前同事”。
5. 页面里是否有“如何开始”的操作步骤。
6. 页面整体是否清爽、可信、适合培训。

只要大方向正确，就在当前项目里继续修改。

9. 第一次修改：减少营销感

回到左侧对话区底部。

1. 点击底部输入框。
2. 把下面这段内容完整复制进去。

把页面整体改得更像公司内部培训材料，减少营销感。开头要更直接，重点放在“同事怎么使用 Open Design 完成工作”。保留当前页面结构，但让标题和说明更像内部培训文档。

3. 点击输入框右侧的“发送”。
4. 等待底部重新出现“发送”按钮。
5. 回到右侧“预览”查看页面。

看到页面开头变得更像内部培训材料后，这一步完成。

术语说明：发送

发送是在当前项目里提交新的修改要求。它和主页的“运行”不同：“运行”会创建新项目，“发送”会在当前项目里继续改。你可以像和同事沟通一样输入“把这里改短”“增加一段说明”“整体更正式一点”。

10. 第二次修改：补充适合人群

继续在左侧底部输入框操作。

1. 点击输入框。
2. 把下面这段内容完整复制进去。

把“适合哪些同事使用”这个区域做得更清楚。请分成四类：产品经理、运营同事、设计师、销售或售前同事。每类用一句话说明他们可以用 Open Design 完成什么具体工作。

3. 点击“发送”。
4. 等待底部重新出现“发送”按钮。
5. 查看右侧“预览”。

确认页面里清楚列出了四类同事后，这一步完成。

11. 第三次修改：压缩文字方便扫读

继续在左侧底部输入框操作。

1. 点击输入框。
2. 把下面这段内容完整复制进去。

把页面文字整体压缩一些，每个模块只保留最关键的信息。标题更短，段落更短，尽量用短句和列表，让第一次看的同事能快速扫读。

3. 点击“发送”。
4. 等待底部重新出现“发送”按钮。
5. 查看右侧“预览”。

确认页面文字变短、模块更容易扫读后，这一步完成。

12. 查看“设计文件”

现在确认生成文件已经保存在项目里。

1. 看右侧工作区。
2. 点击“设计文件”。
3. 找到类型为“HTML 页面”的文件。
4. 点击“打开”。
5. 点击“预览”。

能重新打开刚才修改后的页面，就说明文件已经保存在这个项目里。

13. 从“项目”列表找回结果

现在练习找回项目。

1. 看左侧导航栏。
2. 点击“项目”。
3. 在项目列表里找到刚才创建的项目。
4. 点击这个项目。
5. 进入项目后，确认左侧还能看到刚才的对话。
6. 确认右侧“设计文件”里还能打开刚才的 HTML 页面。

完成这一步后，你就知道以后如何找回历史结果。

14. 完成标准

下面 8 项全部做到，就算完成本次实操：

1. 你在主页看到了“你想设计什么？”。
2. 你点击了“原型”。
3. 你把第一段需求复制进输入框。
4. 你点击了右下角向上箭头“运行”。
5. 你在项目页打开了页面“预览”。
6. 你连续点击“发送”完成了 3 次修改。
7. 你在“设计文件”里找到了“HTML 页面”。
8. 你从左侧“项目”列表重新打开了这个项目。

做完这次任务后，你已经掌握 Open Design 最常用的一条工作路径：先用主页创建项目，再在项目里查看结果和继续修改。