社交图文设计适用场景
- 社交图文内容设计为连续的移动端阅读构建紧凑的叙事。
- AI 工作流教育通过具体的视觉示例解释实用的编辑习惯。
- 轮播内容系统在改变教学内容的同时，保持重复出现的卡片一致。
- 中文编辑版式将中文展示标题与简短解释及少量拉丁字母技术术语并置。
七卡布局亮点
- 七卡叙事从准备建议开始，经过五种习惯，最后得出结论。
- 编辑型排版使用超大的中文标题确立每张卡片的主题。
- 可见的阅读提示页码和滑动标签暗示顺序，但没有实现滑动导航。
- 重复的编辑结构稳定的间距和页脚标记将七种不同的色块连接起来。
七张卡片中的五种习惯
1 / 7
五种习惯，七张竖版卡片
这张关于 AI 编辑习惯的图形包含七张竖版卡片，发布于 OpenDesign Community 资源库，并声明 HTMLAnything 为其上游来源。封面通过超大的中文标题介绍五种习惯；随后是五张编号说明卡片，最后以一张陈述卡片收束整个序列。这是静态的社交媒体编辑设计，并非 AI 产品界面，也不是经过验证的性能报告。
封面邀请读者收藏这篇帖子，而收尾卡片则主张顺畅的流程比不断积累工具更重要。从开场到收尾的弧线赋予每张卡片明确的编辑角色：吸引注意力、传达五个观点中的一个，然后总结信息。作品中的产品引用和性能陈述仍属于所提供的示例文案，并非经过独立验证的工作流结果。
轮播图的使用场景
这种格式适合短篇教育内容，其中每个观点都需要独立的视觉停顿。五张中间卡片依次从对话式提示词、格式参考、可复用模板、基于 diff 的修改，到本地会话展开。这一进程从改变读者的思维模式，转向改变重复性工作的组织方式；同时，大号习惯编号让每个主题都能单独辨认。
这种设计可以支持创作者解释工作流、团队记录编辑约定，或教育者规划连续的图像课程。五张编号卡片提供固定的叙事主轴，但每张卡片都必须承载一个主要观点。详细限定条件或支持性证据需要更多卡片或另一种格式。所提供的 HTML 将这些卡片纵向堆叠；它没有实现封面标签所暗示的滑动行为。
工作流课程
将多步骤编辑实践转化为五个可以独立阅读的教学时刻。
创作者教育
让每张卡片都用一个有力标题搭配一个具体示例或操作说明。
团队指导
让重复出现的约定清晰可见，但不要将作品呈现为可工作的工具。
构图与阅读顺序
源文件将每张卡片定义为宽 1080px、宽高比 3:4；当前截图以 2160 × 2880 像素保留了这一竖版比例。辅助段落的最大行宽为 24ch，使其与大得多的标题区分开来。这种层级让每种习惯都能被快速识别，但也使限定说明的空间很小，并要求文案变化时进行有意的换行。
第一张卡片通过小号“⚡ 建议收藏 · 干货预警”胶囊标签、受众提示“AI 工具党 · 必看”、大号堆叠标题，以及底部附近的“滑动看 →”建立整套视觉系统。01 / 07 标记位于右上角，而账号标识和“5/11”出现在页脚。这些重复的边缘标记让作品在读者看到说明文字之前，就能被识别为一个序列。
第二张到第六张卡片保留编号结构。“01 放弃 完美 prompt”将提示词重新定义为对话而非 SQL；“02 让 AI 看见 你的格式”引入 markdown 或 CSV 参考；“03 用模板, 别每次重写”转向可重复性；“04 二次编辑 跑 diff”描述更小的修改单元；“05 复用 本地 session”结束这份实用清单。每个标题都拆分成较短的行，在允许主题变化的同时，形成一致的垂直节奏。
颜色变化是序列的一部分：桃色封面之后依次是奶油色、绿色、薰衣草色、粉色和暖黄色说明卡片。深色文字随这些色块变化，而深棕色收尾卡片改用奶油色字形和金色强调。稳定的边缘标记和排版将不同调色板连接起来。收尾处的关注、收藏和分享标签看起来像社交媒体行动号召，但实际呈现的是文字，而不是可用控件。
开场卡片
使用收藏提示、超大标题、页面标记和滑动提示，邀请读者继续阅读。
说明卡片
重复数字、标题和紧凑的正文结构，让每种习惯都作为一个单元阅读。
收尾卡片
将五项课程转化为一则关于流程优先于工具数量的简洁陈述。
五种习惯，五种强调
这里的排序不只是一个列表。第一条说明拒绝了首次提示词必须完美的预期。第二条要求读者在粘贴 markdown 或 CSV 之前，先提供具体的格式参考。第三条将成功的指令转化为模板。第四条将一次修改视为对现有 HTML 进行 diff。第五条将本地会话定义为复用既有工作上下文的一种方式。总体而言，这些卡片从提示词构建转向格式、复用、修改和连续性。
简短的建议压缩了几项声明。示例推广九套现成设计系统，称 diff 编辑可以节省 80% 的 token，并描述本地会话具有零边际成本且比远程 API 快得多。作品中没有测量结果、比较条件或已连接服务来支持这些陈述。它们应被视为所提供的宣传文案，而不是 OpenDesign 的能力或经过验证的结果。
能力边界
这是一个通过 OpenDesign Community 发布的静态七卡图形示例，并声明 HTMLAnything 为上游来源。它没有实现 AI 编辑器、本地会话管理器、模板库、diff 引擎、API 工作流、滑动导航或社交媒体发布功能。关注、收藏和分享只是可见标签，没有事件处理程序。HTML 展示了排版、颜色变化和叙事顺序；其中描绘的产品与性能声明在复用前需要单独验证。
如何在 OpenDesign 中创建 AI 工作流社交轮播图设计
定义七卡叙事结构
先确定顺序，再进行样式设计：开场邀请、五张编号习惯卡，以及一张总结性陈述卡。每张中间卡片只保留一个实用观点，以确保阅读顺序清晰可辨。
构建编辑型文字系统
采用 3:4 比例、超大中文标题、斜体习惯编号、简洁的辅助文案，以及稳定的页面和页脚标记。依次使用桃色、奶油色、绿色、薰衣草色、粉色和暖黄色色块，最后以深棕色收尾，并搭配奶油色和金色文字。逐张检查中文换行，不要假设一种颜色或一种标题字号就能适配整个序列。
建议提示词创建七张关于 AI 编辑习惯的静态 3:4 竖版社交图文卡片。以一张桃色封面开始，包含收藏徽章、受众提示、带红色强调的超大中文标题、页面标记和视觉滑动提示。接着制作五张编号卡片，依次介绍对话式提示词、目标格式参考、可复用模板、基于 diff 的 HTML 修改和本地会话复用。按此顺序使用奶油色、绿色、薰衣草色、粉色和暖黄色背景，搭配深色文字、大号斜体数字和左对齐的短段落。最后以深棕色收尾，使用奶油色大字、金色强调，以及关注、收藏、分享标签。加入统一的页脚署名。这些标签是视觉提示，不是可用的社交控件；将性能和产品声明标注为示例内容，不要暗示存在已连接的编辑器、经过测量的节省结果或发布集成。
完善证据与边界
将 markdown、CSV、模板、HTML、diff 和本地会话等具体示例与首次介绍它们的卡片对应起来。除非有单独证据，否则应将令牌节省或速度差异等声明视为编辑性陈述，并保留可见设计与拟议行为之间的区别。
导出并获取分享链接
导出完成的设计稿，然后在 OpenDesign 中使用「Share」功能获取分享链接。在单独的浏览器窗口中打开链接，确认目标版本及其资源均可正常访问后，再将链接发送给他人。
