3 步 · 3 段可复制提示词 · 约 9 分钟读完
站内精选
核心结论

9 张图单看都行,拼成九宫格就散了。这次把三条规则写成像素:画布 1080×1440、四周留白 40px、文字区固定在 y 960~1400、主体中心 y 480。7 张一次套进模板合格,2 张主体偏下只能重裁,缩到手机尺寸又抓出两张主体偏大,全程 80 分钟。

9 张图单看都还行,拼成九宫格就散了:有的贴边、有的留白一大块、文字高度参差不齐。这次不定新规则,只把三条对齐规则写死成模板:四周留白 40px、文字区固定在下方 1/3、主体居中偏上。9 张里 7 张一次套进模板就合格,2 张因为主体偏下需要重裁。

一句话结论

九宫格看着乱,通常不是图不好看,是九个画面各自独立构图。每张单看都平衡,拼在一起时留白不一样、文字高低不一,视觉上就碎。解决办法不是一张张调,是先定一个模板,让九张都往同一个框架里放。规则只要三条,但必须具体到像素,写「留白适中」等于没写。

这篇解决什么问题

三种情况最常见。一是每张单独构图:按单张好看的标准排,拼在一起才发现留白忽大忽小。二是文字位置靠感觉:这张字放中间、那张放下方,滑动时视线不停跳。三是只在电脑上看:电脑上一屏能看全九张,手机上一屏只能看两张,整体节奏完全感受不到。

根子是把九宫格当成九张图的集合,它其实是一张图。观众滑动时是在看一个整体,所以规则要从整体出发定,而不是从单张出发调。

开始前要准备什么

  • 画布尺寸:1080 × 1440(竖版 3:4),与发布平台的推荐比例一致。
  • 9 张待排的图,这次素材是产品实拍加两段文字说明。
  • 三条规则的像素值:四周留白 40px、文字区高度 440px(位于 y 960 到 1400)、主体纵向中心在 y 480。
  • 一条纪律:模板定下后不改字号和字色。改一处就要改九处,而且改到最后很难保持统一。

具体怎么做

第一步:定三条规则,做成模板

三条规则对应三个常见毛病。留白 40px 治「有的贴边有的留白太多」;文字区固定 y 960 到 1400 治「文字高低不一」;主体中心 y 480 治「主体忽上忽下」。三条都用像素写,因为「居中偏上」这种描述换个人理解就偏了 100px。

算一下这三个数怎么来的:画布高 1440,下 1/3 从 1440 × 2/3 = 960 开始,文字区占到 1400、底部留 40px 与四周留白一致;上方主体区是 0 到 960,中心正好 480。三个数互相咬合,不是分别拍的。

我要给一套 9 张图定统一排版规则,画布 1080 × 1440。

请帮我确认三条规则并给可执行的参数:
1 四周留白 40px、文字区固定在下 1/3(y 960~1400)、主体纵向中心在 y 480——请检查这三个数是否互相咬合,有冲突指出并给修正值;
2 给出 9 张图里主角大小的一致区间(占画面宽度的百分比),说明为什么不能用「占满」;
3 指出这套规则在哪些内容类型上会失效(例如全文字图、横向长图),失效时怎么处理;
4 输出一份模板说明,让人照着就能排出同样的效果。

要求:所有参数必须给具体数值,不许出现「适中」「略微」;三个数如果互相矛盾要算给我看。

第二步:九张按模板套,只调内容不调框架

套模板时只做两件事:缩放主体到规定比例、把文字填进固定区域。框架一律不动。9 张里有 7 张这样一次就成,2 张不行——那两张的实拍角度让主体偏在画面下半部,无论怎么缩放都没法让中心落在 y 480,只能重裁。

这里有个判断标准值得记住:能靠缩放解决的调缩放,不能解决的重裁。硬把主体挪上去会拉伸变形,或者让背景出现不自然的空白。这次 2 张重裁花了 15 分钟,比反复调位置省。40 分钟套完 9 张。

这是我的模板规则(画布 1080×1440,留白 40px,文字区 y 960~1400,主体中心 y 480),以及 9 张待排的图。

请对每张给具体处理建议:
1 判断这张能不能靠缩放套进模板(主体位置是否允许),不能的判断需要重裁还是换图;
2 对能缩放的,给出主体应占的画面宽度百分比;
3 对需要重裁的,给出裁切方向与大致比例(左/右/上/下留多少);
4 指出哪几张的文字区域会压到主体,需要缩短文案还是调整主体大小。

要求:逐张给结论,不要给「适当调整」这种话;要重裁的必须说明为什么缩放解决不了。

第三步:缩到手机尺寸,看整体节奏

九张排完不要在原尺寸上验收。把整组缩到手机一屏能显示两张的大小,快速滑一遍,看三件事:文字区是不是在同一条水平线上、主体大小有没有忽大忽小、九张的疏密节奏有没有突然中断的地方。

这次缩到手机尺寸后发现了电脑上看不到的问题:第 4 张和第 5 张的主体都偏大,连在一起显得拥挤。这种问题在 1080 宽度下看不出来,因为一屏只放得下一张。改完这两张,整组节奏顺了。15 分钟。

这是排好的 9 张图(同一套模板)与模板参数。

请帮我做整体验收,只关注一致性:
1 列出九张里文字基线不在同一水平线上的,指出偏差多少像素;
2 列出主体占画面比例明显偏大或偏小的(相对规定区间);
3 指出滑动时节奏被打断的位置(相邻两张的疏密差异过大);
4 给一个三档判定:可直接发 / 微调 / 重做,并说明每档分别有几张。

要求:偏差要给数值,不要写「略高」「偏大」;判定标准要写清;不许对单张的美观程度打分。

实测记录

素材是一套 9 张的产品实拍配图。定模板与参数 25 分钟、九张套版 40 分钟、手机尺寸验收 15 分钟,合计 80 分钟。

结果:7 张一次套进模板合格,2 张需要重裁(主体偏在画面下半部,缩放无法让中心落在 y 480)。三条规则的像素值是:四周留白 40px、文字区 y 960 到 1400 高 440px、主体纵向中心 y 480。9 张全部达标后,手机尺寸预览又发现第 4、5 张主体偏大,回调后整组节奏顺了。

对比之前一张张调的做法:那次调了两个多小时,最后九张的留白仍然差 10 到 30px 不等,文字高低参差。原因很简单——每张都在「这张怎么好看」的标准下调,没有一个共同的框架。定框架之后,判断从「好不好看」变成「在不在位」,速度快了很多,标准也统一了。

最容易错的 3 个地方

第一,规则用形容词写。「留白适中」「文字靠下」这种描述,换个人理解就偏差 100px。这次三条全部用像素写死(40px、y 960、y 480),九张才有可能对齐。规则的可执行性,取决于它有多具体。

第二,主体放不下就硬挪。2 张主体偏下的图,硬挪上去会拉伸变形或者露出不自然的空白。这类只能重裁,甚至换图。判断标准很简单:缩放能让中心到位就缩放,不能让就重裁,别在位置上来回试。

第三,在电脑原尺寸上验收。1080 宽下九张永远看不全,一屏只能放一张,整体节奏完全感受不到。缩到手机上能显示两张的尺寸滑一遍,才发现第 4、5 张连在一起显得拥挤。验收必须在观众看的尺寸上做。

可复用的东西

三条像素规则:留白 40px、文字区 y 960~1400、主体中心 y 480,三个数互相咬合,画布 1080×1440。

先定模板再排图:判断标准从「好不好看」变成「在不在位」,速度与一致性同时提升。

能缩放就不重裁:缩放解决位置,重裁解决构图,混用会浪费时间也会变形。

在手机尺寸验收:缩到一屏两张滑一遍,看文字基线、主体大小、疏密节奏三件事。

模板定下不改字号字色:改一处要改九处,改到最后必然不统一。

常见问题解答

为什么规则一定要用像素写

因为「留白适中」「文字靠下」这种描述换个人理解就偏 100px。这次三条全部写成 40px、y 960、y 480,九张才有可能真正对齐。规则的可执行性取决于它有多具体,形容词写出来的规则等于没有规则,最后还是要靠感觉一张张调。

三个像素值是怎么定的

不是分别拍的,是互相咬合的。画布高 1440,下 1/3 从 1440×2/3=960 开始,文字区占到 1400、底部留 40px 与四周留白一致,上方主体区 0 到 960 的中心正好 480。定规则时先算这三个数的关系,再动图,否则改一个就要连带改九张。

主体放不进模板怎么办

分两种情况:能靠缩放让中心到位的就缩放,不能的只能重裁。硬挪会把图拉变形,或者让背景露出不自然的空白。这次 2 张实拍角度让主体偏在画面下半部,缩放怎么调都不到位,重裁花了 15 分钟,比来回试位置省得多。

为什么要在手机尺寸上验收

因为 1080 宽的原尺寸下一屏只能放一张,九张的整体节奏根本看不出来。缩到手机一屏两张滑一遍,这次才发现第 4、5 张主体都偏大、连在一起显得拥挤。验收要在观众真正看的尺寸上做,电脑大图只能用来看细节。

小程序阅读免费
微信扫码进入小程序,按岗位找 AI 实操步骤
微信扫码进小程序
按岗位找 AI 实操步骤 · 提示词可收藏

发表回复

后才能评论