Instagram、TikTok 和 X阅读 2 分钟

Instagram 九宫格规划:看起来经过精心设计的排布模式

围绕 3:4 的竖版方格规划你的 Instagram 主页九宫格:选定一种重复的排布模式,让文字远离左右边缘,并在发布任何一条之前先把接下来的九条帖子放在一起预览,避免被裁切的意外。

要规划一个看起来经过精心设计的 Instagram 九宫格,请选定一种重复的排布模式(浅色与深色交替的棋盘式最容易坚持),按照 3:4 的竖版主页方格来设计帖子,并在发布任何一条之前先把接下来的九条帖子放在一起预览。九宫格已经不再由正方形组成,所以按 1:1 方格制定的计划会在你意想不到的地方被裁切。

下文的平台事实均链接到 Instagram 自己的页面,核对日期为 2026 年 10 月 5 日。凡是 Instagram 没有公布的内容,我们会明确说明,并给出我们自己的测量结果或建议。九宫格规划只是轮播帖和帖子设计的一部分;我们的 Instagram 轮播帖设计指南是其余内容的总入口。

Instagram 个人主页九宫格现在是什么形状?

Instagram 帮助中心没有公布九宫格方格的宽高比。我们在 2026 年 10 月 5 日搜索了帮助中心,找到了关于信息流图片尺寸、轮播帖和置顶的页面,但没有任何关于九宫格形状的页面。于是我们自己动手测量。

**我们的测量:**2026 年 10 月 5 日,我们在桌面浏览器中以 1,024 px 宽的窗口打开了 instagram.com 上的一个公开主页。九宫格有三列。每个方格,无论是照片还是 Reel,尺寸都是 310.7 x 414.2 CSS 像素,即 0.75 的比例,也就是 3:4,方格之间约有 1 px 的间隙。每张缩略图都填满自己的方格并居中显示,因此超出 3:4 区域的部分会从左右两侧或上下两侧被等量裁掉。我们没有测量 iPhone 和 Android 应用,所以请在手机上检查你自己的主页。

这与图片分辨率帮助页面的方向一致,该页面现在把 3:4(1080 x 1440 px)列为能以全画质保留的最高信息流照片。回顾历史:Instagram 的 2015 年公告曾说明,非正方形帖子在九宫格中会显示为居中裁切的正方形。许多九宫格规划至今仍建立在这条旧规则之上。

九宫格对每种帖子尺寸裁切多少?

以下是根据我们的计算,对宽度为 1,080 px 的帖子居中裁切到 3:4 方格时会裁掉的部分。

你的帖子 尺寸 在九宫格中被裁切的部分 需要避开的区域
正方形,1:1 1080 x 1080 px 左右各约 135 px(宽度的 25%) 靠近左右边缘的文字和标志
竖版,4:5 1080 x 1350 px 左右各约 34 px(约 6%) 两侧各一条细窄的边带
高竖版,3:4 1080 x 1440 px 无 无
Reel,9:16 1080 x 1920 px 上下各约 240 px 画面最顶端或最底端的字幕
Reel 封面 420 x 654 px 上下各约 47 px 封面的上下边缘

Reel 封面这一行使用的是 Instagram Reels 帮助页面推荐的 420 x 654 px(1:1.55)尺寸。同一页面还说明,Reel 上传后无法再编辑封面,所以请在发布前先检查九宫格的裁切效果。

我们的建议:同时也要在其他平台使用的帖子用 4:5,最看重九宫格效果时用 3:4。无论哪种,文字都要距离左右边缘至少 60 px。关于信息流的所有宽高比,请参阅 Instagram 帖子尺寸。

规划好的九宫格是什么样子?

下面是用我们的演示品牌 AURORA 以 1080 x 1350 px 渲染的六条帖子,并按九宫格的显示方式呈现:从中心裁切为 3:4。它们遵循浅色与深色方格交替的棋盘式排布。

九宫格方格 1,浅色:一个大号的 3:4 数字,一条横贯方格的绿色色带,标签文字为我们检查中主页九宫格方格的形状,带有 1 / 6 计数和一个绿色的滑动箭头 九宫格方格 2,深色:黑色方格,绿色引号,白色引文我们一次规划九条帖子,一个小的绿色 AURORA 字标和一行署名 九宫格方格 3,浅色:黑色标题每行选定一种主色,配一行简短的灰色辅助文字和 1 / 5 计数 九宫格方格 4,深色:近黑色方格,带有 AURORA 字标和 1 / 3 计数,白色标题参加我们的十月网络研讨会,一个绿色的 LINK IN BIO 按钮,账号 @aurora.studio,以及深绿色圆形上的绿色滑动箭头 九宫格方格 5,浅色:黑色顶栏带有标签 WEEK 41,标题发布周,一条细线配 AURORA 字标和三个小标签,底部有一条绿色色带 九宫格方格 6,深色:深灰色海报,左上角是 AURORA 字标,一个小的绿色 EVENT 标签,靠近底部是白色标题柏林见

有三点让它看起来是有规划而非随意的:浅色与深色在横向和纵向上都交替出现,每个方格使用同一字体家族,绿色点缀出现在大多数方格上但从不作为整块背景。没有任何文字靠近左右边缘到会被裁掉的程度。

哪些九宫格排布模式看起来经过精心设计?

排布模式 运作方式 多发或漏发一条帖子还能保持吗? 我们的结论
棋盘式 浅色与深色帖子(或照片与文字帖)交替 基本可以;一次失误会颠倒顺序,但九宫格看起来仍然错落有致 最容易坚持
按行 每一行的三条帖子共用一个主题或颜色 不行;多发一条就会让每一行都错位一格 只有在你总是三条一组发布时才适合
按列 每一列放一种内容类型 不行;和按行一样存在错位问题 很少值得
色彩渐移 调色板在数周内从一种色调缓慢过渡到下一种 可以 适合调色板丰富的品牌
边框式 每条帖子使用相同的边框或顶部色条 可以 辨识度高,规划量少
拼图式 一张大图拆分成 3、6 或 9 条帖子 不行;帖子一错位就会散架 除非你能重排顺序,否则避免使用

错位问题源自九宫格的填充方式:每条新帖子都会出现在左上角,把其他所有帖子向后推一格。依赖精确位置的排布模式,除非你按三的倍数发布,否则就会被打乱。

可以通过重排帖子来修复乱掉的九宫格吗?

可以部分做到。Instagram 关于置顶的帮助页面说明,你可以把最多三条帖子置顶到主页顶部,取消置顶的帖子会回到原来的位置。

完整的重排功能是新近推出的。2026 年 6 月 8 日,ABC News 报道称 Meta 推出了九宫格重排功能:长按一条帖子并把它拖到新位置,而置顶的帖子仍留在顶部。我们在 2026 年 10 月 5 日没能在 Instagram 帮助中心找到相关文章,所以在围绕它做规划之前,请先确认你的账号已经可以使用这项功能。

即使有了重排功能,我们的建议仍然是选择一种不依赖它的排布模式。每周手动移动几十条帖子,对一个团队来说是无法持续的。

轮播帖和 Reels 如何融入规划?

根据 Instagram 的轮播帖帮助页面,九宫格中只显示轮播帖的第一张幻灯片,并标有一个小图标。所以请把轮播帖封面当作九宫格方格来规划,其余幻灯片则可以自由发挥。无缝全景轮播帖只会把第一个切片放进九宫格,因此这个切片必须能单独成立。

Reels 位于同一个九宫格中,在我们的检查中同样被裁切为 3:4 方格。请给它们一张遵循你排布模式的封面,而不是视频中随机的一帧。精选故事位于九宫格上方;我们的 Instagram 精选故事封面指南介绍了如何让它们保持一致。

如何一次规划九条帖子?

  1. 从表格中选定一种排布模式,并把它写成规则,例如"浅、深、浅"。
  2. 为每种方格类型制作一个模板,让规则内置其中。Chikaboom 就是这样运作的:设计师一次性设定好版式,团队成员填入文字,颜色和边距保持固定。你可以在在线演示中试用模板。
  3. 起草接下来的九条帖子,裁切为 3:4 后放在一起查看,再决定排期。
  4. 检查没有任何文字或标志落在 4:5 帖子最外侧的 34 px 内,或正方形帖子最外侧的 135 px 内。
  5. 按顺序排期。如果中途要发布紧急内容,就把它放在排布模式需要该类型方格的位置。

九宫格规划清单

  • 一种排布模式,写成全团队都能遵循的规则。
  • 帖子尺寸为 1080 x 1350 px 或 1080 x 1440 px,文字远离左右边缘。
  • 轮播帖封面和 Reel 封面按九宫格方格来设计。
  • 排期前把九条帖子放在一起预览。
  • 最多三条置顶帖子,有意识地挑选。

关于这九条帖子在 B2B 场景下该说什么,请参阅我们的 B2B 团队 Instagram 设计指南。

常见问题

Instagram 个人主页九宫格的宽高比是多少?

Instagram 帮助中心没有说明。我们在 2026 年 10 月 5 日检查 Instagram 网站上的一个公开主页时,每个方格都是 3:4,帖子会以居中裁切的方式填满方格。

哪种帖子尺寸最适合 Instagram 九宫格?

1080 x 1440 px(3:4)的帖子可以不裁切地填满一个方格。根据我们的计算,1080 x 1350 px(4:5)的帖子左右各损失约 34 px,正方形帖子左右各损失约 135 px。

可以重新排列我 Instagram 九宫格中的帖子吗?

ABC News 在 2026 年 6 月 8 日报道,Meta 推出了九宫格重排功能,可以把帖子拖拽到新的顺序。我们尚未找到 Instagram 帮助中心关于此功能的文章。你还可以把最多三条帖子置顶到主页顶部。

哪种九宫格排布模式最容易坚持?

在我们看来是浅色与深色帖子交替的棋盘式排布,因为相比按行、按列或拼图式排布,它更能经受住漏发或多发一条帖子的情况。

来源

  1. Instagram Help Center: Image resolution of photos you share on Instagram
  2. Instagram Help Center: Share a post with multiple photos or videos on Instagram
  3. Instagram Help Center: Pin a post to the top of your profile on Instagram
  4. Instagram Help Center: Reel size and aspect ratios on Instagram
  5. Instagram blog: Introducing landscape and portrait formats on Instagram (2015)
  6. ABC News: Meta debuts new Instagram feature that allows users to rearrange posts on profile grid (June 2026)
  1. 品牌 Instagram 轮播图设计指南Instagram、TikTok 和 X2 分钟
  2. 与品牌风格统一的 Instagram 精选故事封面Instagram、TikTok 和 X1 分钟
  3. 品牌快拍模板:8 种可日常使用的格式Instagram、TikTok 和 X2 分钟