OpenDesign 展示案例：
AI 设计示例

如何在 OpenDesign 中创建 AI 设计示例

1. 下载并安装 OpenDesign

   下载适用于 macOS 或 Windows 的桌面应用，安装并完成设置。连接你已在使用的模型服务提供商；OpenDesign 在你的设备上运行，并使用你自己的密钥。

   下载

2. 从与你的创意接近的案例研究开始

   按输出类型筛选上方的案例研究，打开一个与你想制作的内容相近的案例。阅读它的需求说明、所用模型和其中解释的布局决策，并记下你想保留和修改的部分。

3. 先写好需求，再构思视觉效果

   说明输出类型、页面或版块、示例内容，以及最重要的一项交互。标明哪些信息是真实的，哪些是占位内容，避免设计凭空编造事实。

   推荐提示词复制提示词

   为一家虚构的社区面包店设计网站。加入展示今日烘焙的主视觉区、按上午和下午分类的菜单、营业时间，以及带有清晰占位字段标签的预订表单。导航文字保持直白，所有标题都使用真实文本，并提供易读的移动端布局。

4. 选择一个模型，或对比两个模型

   选择你信赖的模型来处理布局和文案。若想了解两个模型如何处理同一份需求，可在以下平台运行： LLM Arena 首先，就像本页的 Arena 案例研究那样。

5. 先完善一个部分，再处理整页

   一次只针对一个部分提出修改：层级、间距、状态和文案。在将效果扩展到整页之前，先检查移动端布局和减少动态效果时的状态。

6. 导出并获取分享链接

   将完成的设计导出为 HTML，然后在 OpenDesign 中使用分享功能获取链接。在另一个浏览器窗口中打开链接，并在发送前确认目标版本及其资源均已加载。