设计 · 实测
用 Claude Opus 5.5 和 Ciyo 制作 Instagram 轮播图
一组轮播图需要两样东西，而图像模型很难同时给你：好看的画面，以及每一张上都准确无误的几行文字。把任务拆开，每个工具各做自己擅长的事。
2026年9月27日，我们为虚构桌游咖啡馆 Rook & Rabbit 做了一组四张的轮播图。插画由 Ciyo 生成；claude.ai 里的 Claude Opus 5.5 负责排版和文字。Ciyo 不运行 Claude Opus 5.5。
为什么把画面和文字分开
图像模型写字已经进步很多，但一组轮播图的四张里有几十个词，错一个字母就得重新生成。用代码排的文字从一开始就是准确的，改个日期也只要几秒钟。
所以我们让 Ciyo 生成完全不带文字、并留出一块空白标题区域的画面，其余的一切都交给 Opus 5.5。
2026-09-26 发布。一位应用开发者写道，他给 Opus 5.5 发了一条提示词，就得到了自己应用的整套轮播图素材。这是一条介绍他自家产品的简短帖子，没有分享方法；下面的测试展示了一种做法，以及需要检查什么。
第 1 步：在 Ciyo 里生成不带文字的插画
在 Ciyo 的 Image Generator（图像生成器）里，我们选择了 GPT Image 2.5 Flare、Instagram 竖版帖子使用的 4:5 比例、2K 和两张图片，共 6 个额度。提示词要求：下半部分是俯视的咖啡馆桌面，上方 40% 是一块用来放标题的纯绿色区域，使用品牌色，不要任何文字。
两张图片都以 1,792 × 2,240 返回，空白的绿色区域在我们要求的位置，也没有多余的字母。我们把它们缩小到 Instagram 的竖版尺寸 1,080 × 1,350。
为一家桌游咖啡馆的 Instagram 轮播图绘制扁平风格的编辑插画：从正上方俯视一张圆形木质咖啡桌，上面有一副国际象棋棋盘、两颗骰子、一小叠卡牌和两杯咖啡，都摆在画面下半部分。画面上方 40% 是一块纯深绿色（#1F4D3A）区域，里面什么都没有，留给之后添加的标题。使用深绿、奶油色（#F3E9D2）和少量暖琥珀色。干净的扁平矢量风格，柔和的阴影。不要文字、不要字母、不要数字、不要标志。第 2 步：给 Opus 5.5 的排版需求
我们附上两张插画和标志，把每一张的准确文字、90 像素的安全边距和三种品牌色交给 Opus 5.5："Make a 4-slide Instagram carousel for Rook & Rabbit … Each slide is 1080 x 1350. Build it as one self-contained HTML file … Keep all text inside a 90 px safe margin, and use only #1F4D3A, #F3E9D2 and #B06A10 for text and shapes."（为 Rook & Rabbit 制作一组 4 张的 Instagram 轮播图……每张 1080 x 1350。做成一个独立的 HTML 文件……所有文字都放在 90 px 的安全边距以内，文字和形状只使用 #1F4D3A、#F3E9D2 和 #B06A10。）包含每一张文字的完整需求，见截图。
Opus 5.5 交出了什么
几分钟后，它交回一个 545,178 字节、内嵌了图片的 HTML 文件，以及全部四张的预览。第 1 张把“Saturday Game Night”（星期六游戏之夜）放在空白的绿色区域里，开始日期放在一个描边的胶囊框中。第 2 张用点数为一、二、三的骰子给三个步骤编号，因此没有多加文字。第 3 张把车加兔耳朵的图形符号放大，放在价格和时间上方。第 4 张把标志放在一块奶油色方块上，旁边是“Book a table”（订座）。
它检查了自己的成果：逐张渲染，把车的标记缩小，重新检查边距，并在文件里搜索颜色。它还告诉了我们一件有用的事：它的测试渲染用的是备用字体，而 Georgia 更宽，所以“Pick a game from our shelf”（从我们的架子上挑一款游戏）在某些设备上可能会换行。
我们测到了什么
我们在 Chromium 中用 Georgia 渲染了每一张，并测量了每一行文字。所有文字都在 90 像素的边距以内；离边最近的一行“Saturdays 6 pm”（每周六晚 6 点）在 1,080 像素宽的画面上从 106 像素延伸到 974 像素。文件代码里只用了三种品牌色。它的提醒是对的：在 Georgia 字体下，“Pick a game from our shelf”换成了两行，“shelf”一个词孤零零地落在第二行。
有一处自作主张：在第 3 张上，Opus 把“Free entry · Saturdays 6 pm”（免费入场 · 每周六晚 6 点）拆成两行，中间的圆点单独占一行。文字准确，但这一行没有保持完整。如果某一行必须保持完整，请在需求里写明。
| 张 | 文字 | 在 90 px 边距以内 | 备注 |
|---|---|---|---|
| 1 | Saturday Game Night · Starts 3 October（星期六游戏之夜 · 10月3日开始） | 是 | 标题位于空白的绿色区域 |
| 2 | How it works（玩法说明）+ 三个步骤 | 是 | “shelf”单独换到第二行 |
| 3 | Free entry · Saturdays 6 pm（免费入场 · 每周六晚 6 点） | 是 | 以圆点为界拆成两行 |
| 4 | Book a table（订座）· rookandrabbit.example | 是 | 标志放在奶油色方块上 |
发布，然后反复使用
发布时，给每一张截一张 1,080 × 1,350 的图，或者渲染成 PNG，按顺序上传。第 2 张上的孤词，可以通过缩短这个步骤的文字，或者把文本框稍微放宽来解决。
下周只要换掉日期和图片，文件照旧使用。在 Ciyo 里用同样的颜色生成新的无文字插画换进去，版式、字体和边距都保持不变。
用 Claude Opus 5.5 和 Ciyo 做轮播图
为什么不把整张轮播图生成为一张图片？
生成图片里的文字可能会拼错，而且每改一处都要重新生成一张。用代码排的文字准确，改起来也快。
Instagram 轮播图应该用多大的尺寸？
我们用的是 1,080 × 1,350 像素，也就是 4:5 的竖版尺寸。Ciyo 的 4:5 比例在 2K 下生成的是 1,792 × 2,240，我们再把它缩小。
Ciyo 这一步花了多少钱？
2026年9月27日，用 GPT Image 2.5 Flare 以 2K 生成两张 4:5 图片，花了 6 个额度。
我能在 Ciyo 里使用 Claude Opus 5.5 吗？
不能。Ciyo 不运行 Claude Opus 5.5。画面在 Ciyo 里做，版式在 claude.ai 里做。
在 Ciyo 里制作轮播图画面
选择 4:5，描述场景，为标题留出空间，并要求不带任何文字。