IFM Overview · Section 05

Platform Empowerment Strategic Roadmap
从一台机器到一个平台

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

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

这一节的毛病不是写得不好,是它把"打算做的"写成了"已经做到的"

原文 204 词里 35% 是形容词(extremely robust / error-free / superior performance),

平台/授权收入到今天是零(Audit-09 == Audit-01)——

读者带着这段话去读 "Platform Empowerment" 这个标题,最自然的结论是"平台业务已经在跑了"。

Banner 的活只有一个:把"已经站住的"和"正在建的"在版面上切开,让人一眼看见那条线在哪。

不是靠一句免责声明,是靠布局本身——已建成的一侧有照片、有实心字、有店名;

在建的一侧是虚线、空心、网格底。看图就知道哪半边还没盖完。

A · Ledger —— 两栏台账,右栏是个空框
A-ledger
上屏高度412px预算 420px
横向溢出必须无
图片清晰度够 2×上屏宽 ×2
压字对比度过 AAWCAG ≥4.5:1
Wefunder 正文栏 · 720px 真实宽度 单开这一版 ↗
用了哪张照片
  • new-hardware-island.jpg 1200×675 · 上屏 309px
做这版的人留的话

赌的是坦白本身就是设计。 左栏"已经在跑"有照片、有实心方块、有黑字;

右栏"在建"是一个画着网格的虚线空框,里面写 IN DEVELOPMENT

这一节最大的风险是读者把路线图读成业绩(平台/授权收入到今天是零),

与其在角落里加一句免责声明,不如把"那一半还没有东西可拍"直接画出来 ——

一个字都不用解释,扫一眼就知道哪半边还没盖完。

new-hardware-island.jpg 它是全套素材里唯一一张把整座机器岛拍成

一台摆在房间里的独立机器、而不是一段店内吧台的 ——

这一节讲的就是"这台东西可以搬到别人的店里去",画面得先立住这个前提。

1200 宽的图,这里上屏 309px,视网膜 2 倍要 618,够。

上下扫过三档逐张看:58% 是唯一能把柜顶到柜脚整块留在画面里的一档;

46% 切掉柜底、剩下像个吧台;74% 露出脚轮、但把一把黄椅子拖进画面。

这一版有意不放 deck。 deck 那三件事(自研硬件 / 三家店都是我们运营 / 平台层在建)

下面两栏逐条都讲了,留着就是在 400px 里把同一句话说两遍 —— 那正是原文的毛病。

代价说在前面:整块 banner 有近四分之一的面积在讲"我们还没有"。

另外那个虚线空框有可能被当成图片没加载出来 —— 网格底和居中的 IN DEVELOPMENT

是为了压住这个误读,但要是 Jack 觉得不值,这一版整个换掉比改掉它更干净。

B · Rail —— 阶段轴,实线走到第二站就变虚线
B-rail
上屏高度384px预算 420px
横向溢出必须无
图片清晰度够 2×上屏宽 ×2
压字对比度过 AAWCAG ≥4.5:1
Wefunder 正文栏 · 720px 真实宽度 单开这一版 ↗
用了哪张照片
  • new-hero-hardware-hi.jpg 2160×1215 · 上屏 718px
做这版的人留的话

赌的是路线图的形状。 上面一条满栏照片压标题,下面一条两站的轴:

第一站是实心 amber 圆点,实线拉到第二站;第二站是空心圆点,**从那儿开始线变成虚线,

一直虚着走出右边框,不收口。** 线的材质在哪儿变,工作就在哪儿停 ——

"分几步、现在走到第几步、后面还没走完"三件事由一根线一次说完,不用一个 will

new-hero-hardware-hi.jpg 2160×1215,满栏 718 上屏要 1436,全套素材里够这个宽度的

只有 13 张,这一节能用的里它最有规模感:一整条机器阵列,一眼是"我们造的是机器"。

横向裁切是量出来的,不是挑出来的。 这张图右半整条都是黑机身,越往下越黑;

标题只占左边 62%,右边那 38% 得靠照片自己说话。上下扫过九档,量每档右 38% 的

均值/标准差/p95:pos 70% 是 mean 26.8 / p95 78(渲出来一条黑带),

pos 20% 是 mean 42.5 / p95 153(杯桶反光和柜顶亮边都在)。选 20%。

代价是压字区落到亮墙上(mean 222)—— 那是遮罩能解决的问题,

右半没有亮部是遮罩解决不了的问题。

C · Split —— 左边是照片,右边是字,那条竖线就是分界
C-split
上屏高度386px预算 420px
横向溢出必须无
图片清晰度够 2×上屏宽 ×2
压字对比度过 AAWCAG ≥4.5:1
Wefunder 正文栏 · 720px 真实宽度 单开这一版 ↗
用了哪张照片
  • new-arm-gantry-up.jpg 1440×810 · 上屏 288px
做这版的人留的话

赌的是贴脸不违和。 左边整栏照片 = 已经在跑的那一半(它有画面可拍),

右边暖纸文字栏 = 在建的那一半(它只有字)。两边各挂一个状态章:

照片底下压 RUNNING TODAY,文字栏下半挂 IN PROGRESS

分界就是中间那条竖规则线 —— 不加箭头、不加时间轴、不加任何"图示",

读者的感觉应该是"这是招股书里的一块版面",不是"这里插了一张广告"。

new-arm-gantry-up.jpg 1440×810,这里上屏 288px 宽,视网膜要 576,够。

选它是因为竖裁之后它是三张候选里唯一还有人在里面的:龙门臂在出杯,

后面站着店员 —— "我们自己在运营这三家店"这句话在照片里就已经说了一半。

横向那一档差点毁掉整栏。 竖裁只看得见源图 49% 的宽度。

38% 那一档会把右边那台失焦的银灰机器切进来四分之一幅,渲出来是一根发灰的空柱子。

改到 20%(源图 x 10%–59%):前景虚化机身 → 出品柜 → 龙门臂立柱和相机头 → 暖木吧台,

一条竖着的景深。

照片上的实心方块用白不用 amber —— 一块 banner 只强调一处,amber 归 H1 的 platform

读这一节完整的策略 ↗