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

封面量出留白 62%,不是风格简约,是元素全堆在中间、四周均质。加三处视觉锚点:左上色块标签、右下大数字、底部指引,三处按对角线摆,5 版横向对比后留白降到 38%。5 版里 2 版可用——加第四处反而升到 44%,底部用文字在缩略图下只剩 7 像素高,须退化成形状。全程 67 分钟。

封面做出来总觉得空,量了一下才发现留白占 62%——不是风格简约,是没东西可看。改法不是往里塞字,是加三处视觉锚点:左上色块标签、右下大数字、底部一行指引。做完留白降到 38%,5 版里 2 版可用。全程 67 分钟,其中一半时间在试版。

一句话结论

封面显空,不是因为元素少,是因为眼睛没有落点。留白本身不是问题,62% 的留白配一个大标题也能好看;问题是所有元素都挤在中间一小块,四周均匀地空,视线找不到第一站。加锚点的作用是给眼睛三个先后顺序明确的停靠点:这是讲什么的、值不值得看、往下看哪里。

这篇解决什么问题

三种情况最常见。一是用加字解决空:标题从 8 字加到 15 字,留白没变少,反而更挤,因为字多了还是堆在中间那块。二是加装饰解决空:加线条、加光斑、加纹理,视觉上热闹了,但读者还是不知道该看哪。三是不知道空在哪:凭感觉说「有点空」,改了两版还是同样感觉,因为从来没量过留白比例。

根子是把「空」当成密度问题。它其实是次序问题:人看一张图会先找最重的东西,找到之后再看第二重。如果整张图只有一处重,剩下全是均质的空,眼睛就会在空白里游荡。三处锚点做的就是建立这个次序。

开始前要准备什么

  • 封面原稿,尺寸固定。这次 1080×1440,竖版三比四,公众号与多数平台通用。
  • 一个能量化的空:把图转成灰度、用取色工具数「接近背景色」的像素占比。这次量出 62%。
  • 三个用途明确的锚点位置:左上(这是什么)、右下(值多少)、底部(往哪看)。
  • 一条纪律:锚点必须只有三处。加到五处以上就变成装饰,视觉重量平均分配,等于没有锚点。

具体怎么做

第一步:先量留白,别凭感觉

把封面转灰度,用取色工具取背景色,再数落在该色 ±8 色阶范围内的像素比例。这次量出 62%,也就是 1080×1440 里有 96 万像素是空的。10 分钟,比改两版再猜快得多。

量出来的数还有个用处:定目标。经验值是竖版封面留白压在 35% 到 45% 之间读起来最舒服,低于 30% 会闷,高于 55% 会空。这次定 40% 以内,最后做到 38%,属于刚好。

这是我封面原稿(1080×1440)与它的灰度图,背景色是 #F7F4EF。

请帮我算三件事:
1. 背景色 ±8 色阶范围内的像素占比(留白率);
2. 画面里现有的视觉重量分布,按九宫格分区给出各区的元素密度;
3. 指出哪几个区域是「均质的空」,哪些空其实是必要的呼吸区。

要求:给出具体数值,不要给“偏空”“尚可”这类判断;必要的呼吸区要单独标出,避免后续误填。

第二步:定三处锚点的位置与职责

三处锚点各有分工,位置不能随意。左上放一个 4 字以内的色块标签,作用是回答「这是讲什么的」,色块用主题色实底,宽约 220 像素、高约 72 像素。右下放一组大数字,回答「值不值得看」,字号不小于 120。底部放一行 12 字以内的指引,回答「往下看哪里」。定位 20 分钟。

位置这么定是有道理的:人的视线落在画面中部偏上,先向左上找归属,再向右下找分量,最后向下找延续。三处如果全放在中间,就又变回原来那块堆叠的东西,留白一点没少。

这是我的封面素材(主标题 10 字、一张主体图、主题色 #E8543F)与三处锚点的位置说明。

请帮我设计这三处锚点的具体样式:
1. 左上色块标签:4 字以内的候选文案 5 个,以及色块尺寸和圆角;
2. 右下大数字:从内容里能提炼的具象数字候选(如步数、时长、条数),给出 3 个方案与字号建议;
3. 底部指引:12 字以内的文案 3 个,以及是否需要配箭头。

约束:三处锚点总面积不超过画面的 12%,任何一处不能压到主标题。

第三步:一次做 5 版,别一版一版改

5 版同时铺开做,每版换一处变量:版 1 三处齐全、版 2 去掉底部指引、版 3 数字放大到 160、版 4 加第四处锚点、版 5 色块改成描边。25 分钟做完 5 版,比反复改一版快,因为能横向对比。

单版迭代的问题是每次都只跟上一版比,改好看了就觉得成了,但不知道还有没有更好的。5 版并行能看出变量之间的关系,比如数字放大到 160 会压住标题、加第四处锚点会让整体变挤——这两条都是横向对比才看出来的。

这是 5 版封面的设计说明(每版改动的一处变量)。

请帮我横向对比:
1. 逐版给出留白率与视觉重量分布,判断是否落在 35% 到 45% 区间;
2. 指出「加第四处锚点」那版为什么反而更空或更挤,给出原因;
3. 选出最符合「三处锚点、各自职责清楚」的一版,说明其他版差在哪。

要求:对比要基于留白率与重量分布的数据,不要只凭观感排序。

第四步:按缩略图尺寸回看,再微调

最后 12 分钟,把 5 版缩到 240 像素宽,模拟信息流里的实际显示尺寸。缩到这个尺寸,底部那行 12 字指引只剩 7 像素高,放大到 34 号也只是多出一个像素,跟尺寸较劲没有意义。改法是退化成形状:把那行字去掉,换成一个 60×8 像素的色带加一个小箭头,方向照样能读出来。右下数字不用改,120 号缩到 240 宽还有 27 像素高,仍然醒目。

这一步最容易被跳过,但封面绝大多数时候是被小图看到的。缩略图回看有个判断口径:三处锚点里至少两处在这个尺寸下能被辨认,第三处可以退化成色块或形状,但不能完全消失。这次 5 版里有 3 版没达到。

这是 5 版封面缩到 240 像素宽后的预览图。

请帮我判断:
1. 每版的三处锚点在这个尺寸下是否还能辨认,逐处标「可辨 / 退化为形状 / 消失」;
2. 对「消失」的那几处给出放大字号或加粗的方案;
3. 判断哪一版在缩略图尺寸下信息次序最清楚。

要求:判断标准是缩略图,不是原稿;允许第三处退化成形状,但不许消失。

实测记录

素材是一张 1080×1440 封面原稿,主体一张图、主标题 10 字。量留白 10 分钟、定锚点位置 20 分钟、做 5 版 25 分钟、缩略图回看与微调 12 分钟,合计 67 分钟。

结果:留白从 62% 降到 38%,三处锚点总面积约占画面 11%。5 版里 2 版可用,另 3 版各有问题——加第四处锚点那版留白反而升到 44%,因为要塞进第四处,主体图被缩小了一档,空出来的面积比加进去的元素还多;数字放到 160 那版压住了标题下沿;底部指引仍用文字那版在缩略图下只剩 7 像素高,等于消失。

要说清一点:这次真正起作用的不是「加元素」,是「加在对角线上」。同样三处元素如果全摆在中间,留白率虽然也会降,但视觉上还是空——因为重量集中在同一块,四周依旧均匀。这是 5 版对比才看出来的,单版迭代发现不了。

最容易错的 3 个地方

第一,用加字解决空。标题从 8 字加到 15 字,留白一点没少,因为字多了还是堆在中间那块。真正的空是「四周均质」,往里塞东西只会让中间更挤、四周更空。要先量留白比例,再决定是加锚点还是缩主体。

第二,锚点加到四五处。加到第四处那版,留白率反而从 38% 升到 44%——要塞进第四处,主体图被缩小了一档,空出来的面积比加进去的元素还多,同时分散的锚点彼此抵消,重量又变回均质。三处是上限,各有职责:这是什么、值多少、往哪看。

第三,只在原稿尺寸下看。封面绝大多数时候以小图出现,这次 5 版里有 3 版的第三处锚点在 240 像素宽下完全消失。判断标准必须是缩略图,可以退化成形状,但不能消失。

可复用的东西

先量再改:灰度加取色数背景像素占比,竖版目标 35% 到 45%,低于 30% 闷、高于 55% 空。

三锚点分工:左上标签(这是什么)、右下数字(值多少)、底部指引(往哪看),总面积不超 12%。

对角摆放:三处不在同一块区域,否则重量集中,留白照旧。

5 版并行:每版只改一个变量,横向对比才看得出变量之间的关系。

缩略图验收:缩到 240 宽回看,至少两处可辨,第三处可退化为形状但不能消失。

常见问题解答

留白率怎么量

把封面转灰度,用取色工具取背景色,再数落在该色正负 8 个色阶范围内的像素占比。这次 1080×1440 里量出 62%,约 96 万像素是空的。有了数才能定目标:竖版封面压在 35% 到 45% 最舒服,低于 30% 闷,高于 55% 空。

为什么加元素反而可能更空

因为要塞进第四处锚点,主体图得缩小一档,空出来的面积比加进去的元素还多,留白率从 38% 反升到 44%。同时分散的四处锚点彼此抵消,视觉重量又变回均质。加元素不是越多越好,三处是上限。

三处锚点为什么要按对角线摆

人的视线落在中部偏上,先找归属再看分量最后找延续,所以左上放标签、右下放数字、底部放指引。如果三处全摆中间,留白率虽然也会降,但重量仍然集中在一块,四周依旧均匀地空,看上去还是空。

缩略图下文字为什么救不回来

1080 宽的图缩到 240 宽,缩放比 0.22,12 字那行原来 34 号字只剩 7 像素高,放大到 40 号也只有 8 像素,怎么加粗都读不出来。正确做法是退化成形状:用一条 60×8 像素的色带加一个小箭头,方向照样能读,不需要文字。

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

发表回复

后才能评论