IFM Overview · Section 04

Social Impact
这份工作因此变成什么样

3 版并排,都是 Wefunder 正文栏 720px 的真实上屏尺寸。 下面每个数字都是脚本现场量的,不是做的人自己报的。

← 回六节总入口
这一节的判断 · 摘自 STRATEGY.md

这一节的毛病是它把一件很具体的事写成了一堆形容词。原文真正说的只有一句话——

「重复的生产交给机器,人手上剩下的那部分是需要人的」——但它被 transformative

fulfillinghuman-centricfar easier 这些词裹了 158 个词。

Banner 的活就是把那一句拆出来,配一张真的有人在服务人的照片

让读者 1.5 秒内知道这一节在讲「这份工作变成了什么」,而不是「我们感觉很好」。

事实库里这一节一条数字都没有,所以 banner 一个数字都不带——这是故意的,跟第 1 节一样。

A · 分账(Split)
A-split
上屏高度378px预算 420px
横向溢出必须无
图片清晰度够 2×上屏宽 ×2
压字对比度过 AAWCAG ≥4.5:1
Wefunder 正文栏 · 720px 真实宽度 单开这一版 ↗
用了哪张照片
  • new-handoff-matcha.jpg 1200×675 · 上屏 470px
做这版的人留的话

赌的是把论点画出来。 这一节说的是一件事被拆成了两半,那就让版式本身长成两半:

左边是机器那份——淡底、纯字、三个动名词,故意干得像一张工单;右边是人那份——

一张店员递杯的照片,宽出去 222px。不读一个字,也看得出哪半更重。

中间那条 1px 竖线就是那句「the job moves from … to …」。

new-handoff-matcha.jpg(1200×675)。 三个理由:

「递杯」这个动作跟右栏那句 *Handing it over* 是同一件事,字和图互相验证,不是配图;

围裙上那枚圆徽放大确认过是 YUMMY FUTURE 的宇航员标,不是别家工服;

而且她那件近乎纯黑的围裙正好落在压字区,这一版的对比度基本不靠遮罩,是照片自己给的

本来定的是 new-handoff-oj.jpg,量完换掉了:那个格子宽高比 2.8、源图 1.78,

cover 按宽度定标,object-position 的 X 根本不起作用——那杯亮橙色的果汁被钉死在

格子左下角,正好压字。要么把照片里最亮的东西压死,要么字没地方放。

B · 柜台(Counter)
B-counter
上屏高度404px预算 420px
横向溢出必须无
图片清晰度够 2×上屏宽 ×2
压字对比度过 AAWCAG ≥4.5:1
Wefunder 正文栏 · 720px 真实宽度 单开这一版 ↗
用了哪张照片
  • new-order-checkout-hi.jpg 2160×1215 · 上屏 720px
做这版的人留的话

赌的是一张站得住的照片。 这一节讲的是人和人在柜台前发生的事,

那就别画图、别列表——把整块给一张真的柜台照。画面里同时有顾客(背对镜头、匿名)、

店员(笑着、在跟人打交道)、墙上的 YUMMY FUTURE 立体字、右边的甜品柜和头顶的菜单板。

没有一样是布景,所以这一句话说出来就有人信。 字退到左下角的楔形暗部里,

下缘一条对照轨把机器那半和人那半各交代一行。

new-order-checkout-hi.jpg(2160×1215)。 素材库 83 张里够满栏(≥1440)的只有 13 张,

有人的只有这一张——所以「满栏 + 人」这条路上它是唯一解。它还自带一样买不来的东西:

柜台上贴着一张 WE'RE HIRING · Full-Time / Part-Time Baristas 的招聘海报。

一节讲就业的 banner,背景里真有个招人的牌子。

代价说在前面:那张海报被 H1 盖掉了一半。 它在画面 x 239–280 / y 210–268,

而任何一块能放下三行 H1 的左下字块都会落在那儿;换裁切也躲不开(它就在店员左侧,

而字必须在店员左侧)。现在它是遮罩底下一块橙色,看得出有东西、读不出写的什么。

想留住它就得把 H1 缩到两行以内或者挪到右边压甜品柜——两条都更差,所以认了。

C · 图版(Plate)
C-plate
上屏高度410px预算 420px
横向溢出必须无
图片清晰度够 2×上屏宽 ×2
压字对比度过 AAWCAG ≥4.5:1
Wefunder 正文栏 · 720px 真实宽度 单开这一版 ↗
用了哪张照片
  • new-team-champaign.jpg 1200×675 · 上屏 586px
做这版的人留的话

赌的是先摆人、再说话。 这一节的主张是关于岗位的,而岗位是人在干的——

与其写一句「young students and frontline workers」,不如把这 11 个人摆在最上面。

版式做成招股书里一块图版的样子:照片有自己的边界和说明,字在它下面另起一段,

照片上一个字都不压。赢法是安静,不是响亮;读者不觉得看到广告,只觉得这份材料做得讲究。

new-team-champaign.jpg(1200×675)。 一整排年轻店员穿着 YUMMY FUTURE 黑 T

站在吧台后面,没摆拍、没打光、右前景还伸进来别人举相机的手——它的可信正来自它不精致

换成任何一张打过光的宣传照,「这就是在这儿上班的人」这句话就立刻打折。

这一版故意不放 deck。 底轨那两列说的是同一件事,而且说得更具体

(*Measuring / Pouring / Repeating* 对 *Greeting / Recommending / Handing it over*),

deck 那句「Our machines run the repetitive production…」放进来就是同一句话讲两遍,

而且实测会把整块顶到 469px、超预算 49(把 deck 加回去跑了一遍量的,不是估的)。

砍的是重复,不是间距。

读这一节完整的策略 ↗