ig-carousel
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
Chineseig-carousel
ig-carousel
Carousels are the highest-dwell format on the grid, because a swipe is an
interaction and a scroll is not. They also get a second chance: Instagram can
show a carousel again starting from a later slide to someone who did not engage
the first time, so slide two has to stand on its own as well.
The format rewards one idea broken into steps. It punishes a caption cut into
pieces.
轮播图是 Instagram 主页九宫格中用户停留时间最长的内容格式,因为滑动是一种互动,而滚动不是。它们还有第二次被看到的机会:对于第一次没有产生互动的用户,Instagram 可能从后续某一页再次展示这组轮播图,因此第二页同样必须能够独立成立。
这种格式适合将一个想法拆解为多个步骤;若只是把 caption 切成碎片,则效果适得其反。
When to use it instead of a Reel
何时应使用轮播图而不是 Reel
Use a carousel when the idea has sequence and needs to be re-read: steps, a
framework with parts, a before and after, a list worth screenshotting. Use a
Reel when the idea has motion, a face, or a payoff that has to be seen
happening.
If the idea is one claim, it is neither. Hand it to and say so.
/ig-reel当想法具有顺序且需要重读时,使用轮播图:步骤、由多个部分组成的框架、前后对比,或者值得截图保存的列表。当想法包含动态画面、真人出镜,或某个结果必须亲眼看到发生时,使用 Reel。
如果这个想法只有一个主张,那么两者都不适合。把它交给 ,并明确说明这一点。
/ig-reelStructure
结构
6 to 10 slides. The cap is 20 and 20 is almost always a book nobody finishes.
Under 5 and the swipe never starts.
1 COVER the hook. 6 words or fewer, at a size that is legible in
the grid at thumbnail. One line of promise under it.
2 THE STAKE why this matters, in one sentence. This slide is also a
second cover, so it cannot be setup.
3 to N ONE IDEA PER SLIDE. A headline of 3 to 7 words, at most 25 words
under it. If a slide needs a paragraph, it is two slides.
N+1 RECAP the whole thing as a list. This is the screenshot slide.
LAST CTA one action. Save, comment a keyword, or follow. One.6 到 10 页。上限是 20 页,而 20 页几乎总会变成一本没人看得完的“书”。少于 5 页,用户根本不会开始滑动。
1 COVER the hook. 6 words or fewer, at a size that is legible in
the grid at thumbnail. One line of promise under it.
2 THE STAKE why this matters, in one sentence. This slide is also a
second cover, so it cannot be setup.
3 to N ONE IDEA PER SLIDE. A headline of 3 to 7 words, at most 25 words
under it. If a slide needs a paragraph, it is two slides.
N+1 RECAP the whole thing as a list. This is the screenshot slide.
LAST CTA one action. Save, comment a keyword, or follow. One.Slide copy rules
逐页文案规则
- The cover is 80% of the result. Six words. Big. Nothing on the deck saves a cover nobody swipes.
- Design for the grid crop. The profile grid crops to a portrait rectangle that is taller than it is wide, and the exact ratio has moved more than once. Build at 1080x1350 and keep the cover text well inside the middle, clear of the outer 120 pixels on every side, and the crop stops mattering.
- Number the slides (3/8). Completion goes up when people can see the end.
- No slide is a paragraph. If it cannot be said in 25 words, split it.
- The recap slide is the one people screenshot and send. Sends are the strongest signal you can earn. Make it standalone and readable with no context.
- The handle on every slide, small, bottom corner. Screenshots travel without you.
- Alt text on the cover at minimum. It is read by screen readers and by Instagram.
- 封面占最终效果的 80%。 六个词。大字排版。如果封面没人愿意滑动,卡片组里的其他内容也救不了它。
- 为九宫格裁切做设计。 个人主页九宫格会将内容裁成高大于宽的竖向矩形,而且具体比例已经不止一次发生变化。按 1080x1350 制作,并让封面文字充分位于中央,避开四边各 120 像素的外缘区域,这样裁切比例再怎么变也不受影响。
- 给页面编号(3/8)。当人们能看到还剩多少页时,完成率会提高。
- 任何一页都不要写成长段落。 如果 25 个词内表达不完,就拆成多页。
- 总结页就是人们会截图并发给别人的那一页。 分享量是你能获得的最强信号。务必让它脱离上下文也能独立阅读,并且清晰可读。
- 每一页都放上账号 handle,以小字置于底部角落。截图会在你不在场时继续传播。
- 至少要给封面添加 Alt text。 屏幕阅读器和 Instagram 都会读取它。
Building the files
文件构建
Instagram wants 1080x1350 (4:5), JPEG or PNG, up to 20 items. Build it as HTML
and print each slide:
bash
undefinedInstagram 要求尺寸为 1080x1350(4:5),格式为 JPEG 或 PNG,最多 20 张。用 HTML 构建,并逐页打印:
bash
undefinedone <section> per slide, 1080x1350, page-break-after: always
one <section> per slide, 1080x1350, page-break-after: always
then Chrome headless --print-to-pdf, or any HTML-to-image you already use
then Chrome headless --print-to-pdf, or any HTML-to-image you already use
Write the HTML with `width:1080px; height:1350px`, a single accent colour, and
type no smaller than 32px, because this is read on a phone at a third of its
real size. If the project has a brand skill or a design system, use it and do
not invent a palette.
编写 HTML 时,设置 `width:1080px; height:1350px`,只使用一种强调色,正文字号不得小于 32px,因为内容在手机上阅读时,显示尺寸只有实际尺寸的约三分之一。如果项目已有品牌 skill 或 design system,请直接使用,不要临时另创一套配色。Output
输出
The slide-by-slide copy first, as a numbered list the user can read in ten
seconds and edit before anything is rendered. Then the caption, which for a
carousel is Job B in : the caption is doing work here, because the
cover has already used its six words.
/ig-captionRun both through . Build the files only after the user approves the
copy.
/ig-humanCAROUSEL · 8 slides
1 COVER THE $18,000 CLAUSE
One line I now put in every contract.
2 STAKE I approved the work. They asked for the money back nine days later.
3 WHAT IT SAYS
Payment on delivery, not on approval.
...
7 RECAP All four lines, in order.
8 CTA Comment CONTRACT and I will send the full clause.
Caption: Job B, hook in line 1, one ask, 3 tags.Nothing is uploaded. The user posts it.
首先给出逐页文案,采用编号列表,让用户能在十秒内读完,并在渲染任何内容之前完成编辑。然后输出 配文(caption);对于轮播图,它对应 中的 Job B:由于封面已经用掉了六个词,caption 需要在这里承担主要任务。
/ig-caption将两份内容都过一遍 。只有在用户确认文案后,才生成文件。
/ig-humanCAROUSEL · 8 slides
1 COVER THE $18,000 CLAUSE
One line I now put in every contract.
2 STAKE I approved the work. They asked for the money back nine days later.
3 WHAT IT SAYS
Payment on delivery, not on approval.
...
7 RECAP All four lines, in order.
8 CTA Comment CONTRACT and I will send the full clause.
Caption: Job B, hook in line 1, one ask, 3 tags.不会上传任何内容。由用户自行发布。