Open Design Docs

项目页和预览

了解生成完成后如何查看项目、打开设计文件、检查预览、继续修改和导出结果。

项目页是 Open Design 里最常使用的工作区。你在主页点击「运行」后会进入项目页;后续查看结果、继续修改、上传参考资料、打开文件和导出结果,基本都在这里完成。

项目页长什么样

项目页通常分成左右两块:

  1. 左侧是对话区:显示你的需求、Open Design 的回复、运行状态和本轮产出的文件
  2. 右侧是工作区:显示设计文件列表、打开的文件标签、预览、代码或导出按钮

项目页里左侧对话和右侧预览的位置

GLOSSARY / 术语说明

项目页

项目页是一次工作的主界面。可以把它理解成「一个任务的工作台」:左边沟通需求,右边查看文件和结果。只要你还在同一个项目页里继续发送修改要求,Open Design 就会基于已有结果继续改。

生成完成后先看哪里

当你看到下面几个信号时,说明本轮生成基本完成:

  1. 左侧回复不再继续新增内容
  2. 底部输入框可以再次输入
  3. 助手回复里出现「本轮产出的文件」
  4. 右侧「设计文件」里出现新的 HTML 页面、图片、PPT 或其他文件

第一次不要急着继续提修改,先打开预览检查结果。

打开本轮产出的文件

最快的方式是在左侧助手回复里打开:

  1. 找到「本轮产出的文件」
  2. 看文件名,例如 xxx.html
  3. 点击文件右侧的「打开」
  4. 右侧会打开一个文件标签
  5. 点击顶部的「预览」查看效果

如果左侧没看到文件,也可以从右侧打开:

  1. 点击右侧的「设计文件」
  2. 找到要查看的文件
  3. 点击文件名,或点击文件旁边的「打开」
  4. 打开后切到「预览」
GLOSSARY / 术语说明

HTML 页面

HTML 页面是 Open Design 生成原型、介绍页、活动页、后台页面时最常见的文件。非技术用户通常只需要打开它的「预览」就能看到页面效果,不需要理解 HTML 代码。

设计文件列表怎么用

「设计文件」是当前项目里的文件清单。它会保存生成结果、上传的参考资料和后续新增文件。

项目页中的设计文件列表

常见操作:

操作用途什么时候用
打开文件查看页面、图片、文档或其他结果生成完成后检查结果
上传文件把截图、文档、资料放进项目需要让 Open Design 参考资料继续修改
拖拽上传把本地文件直接拖到设计文件区域快速上传一张截图或文档
按类型分组按 HTML、图片、文档等类型查看文件文件多时快速找到页面或图片
按修改时间排序找最新生成或最新修改的文件多轮修改后找最新结果
下载保存单个文件到本地要发给用户或自己备份
下载 ZIP打包下载多个文件要交付完整项目结果
GLOSSARY / 术语说明

设计文件

设计文件就是项目里的文件列表。它不是一个单独的设计软件,而是 Open Design 保存产物和资料的地方。上传的截图、生成的页面、导出的文件都会出现在这里。

预览时检查什么

打开预览后,建议按下面顺序检查:

  1. 主题是否正确:页面是不是你要的主题
  2. 内容是否完整:有没有漏掉必须包含的信息
  3. 读者是否明确:能不能看出这是给谁看的
  4. 文字是否好读:有没有太长、太空或太像广告
  5. 视觉是否合适:风格是否符合当前任务场景
  6. 按钮和模块是否合理:页面里的行动引导是否清楚
  7. 如果上传了截图:结果是否真的参考了截图的布局或内容

如果只是小问题,不要重新创建项目,直接在当前项目里继续发送修改要求。

怎么继续修改

回到左侧底部输入框,像和用户沟通一样写修改意见。

建议一次只改一个主要方向:

把页面整体改得更像培训材料,减少营销感。保留当前结构,但标题和说明更直接。
增加一个「适合哪些用户使用」的模块,分成产品经理、运营人员、设计师、销售或售前人员四类,每类一句话。
把页面文字减少三分之一,每个模块最多保留 3 个要点,让页面更容易扫读。

如果上传了截图,可以这样继续:

请重新参考我上传的截图,重点借鉴它的模块顺序、卡片排版和按钮位置,但不要照抄截图里的文字。

什么时候该新建项目

以下情况建议新建项目:

  • 主题已经完全换了,例如从「活动报名页」改成「客户案例页」
  • 想保留当前结果,同时尝试一个完全不同方向
  • 当前项目已经多轮尝试但方向明显跑偏
  • 需要给另一个项目或活动单独保存结果

以下情况不建议新建项目:

  • 只是想减少文字
  • 只是想加一个模块
  • 只是想换一个更正式的语气
  • 只是想参考同一张截图重新调整布局

上传截图继续修改

如果想让 Open Design 参考某张截图:

  1. 在项目页底部输入框附近点击附件按钮,或把图片拖到设计文件区域
  2. 确认附件已出现在输入框上方或设计文件列表里
  3. 在输入框里说明这张图的用途
  4. 点击「发送」

推荐写法:

参考我刚上传的截图,主要学习它的布局层级和卡片排版。请把当前页面改成类似的信息结构,但内容仍然围绕「Open Design 入门培训报名」。

如果当前模型没有视觉理解能力,截图可能不会被充分参考。遇到这种情况,可以切换到支持图片理解的模型后再处理截图任务。

导出和分享结果

当结果基本满意后,可以用右上角或文件预览器里的「分享」「下载」「导出」相关按钮。

常见导出方式:

导出方式适合场景
下载当前文件只需要一个 HTML 页面、图片或文档时
下载 ZIP需要把整个项目文件打包给别人时
导出 PDF要给用户评审、存档或发到群里时
导出 PPTX生成的是幻灯片且后续要用 PowerPoint 编辑时
保存为模板当前结构以后还会重复使用时

从项目列表找回结果

以后想继续之前的工作:

  1. 点击左侧导航栏的「项目」
  2. 找到对应项目
  3. 点击项目进入
  4. 查看左侧历史对话
  5. 打开右侧「设计文件」
  6. 找到最新文件并打开预览

如果项目很多,可以根据项目名称、最近修改时间或文件类型来判断。

项目页常见问题

问题处理方式
生成结束了但右侧没看到文件点击「设计文件」里的刷新,或看左侧「本轮产出的文件」
预览不是最新点击预览顶部的刷新,或重新打开文件
页面不满意留在当前项目里发送具体修改要求
文件太多找不到在设计文件里按类型或修改时间查看
上传截图后没效果在需求里明确写「参考截图的布局/颜色/内容」,并确认当前模型支持视觉理解
不小心打开了代码切回「预览」即可;普通用户通常不需要改代码

更多处理步骤见 常见问题与处理

Comments

评论与提问

欢迎补充问题或反馈。提交评论时需要登录,评论会先进入审核。

0 条

还没有公开评论。你可以提交第一个问题。

提交时会提示登录。 请勿填写手机号、API Key、密码等敏感信息。