首页/ 能力/ 计时序列

01 · 故事系统

进度条会说谎。
节奏不会

我们把 Story 当成计时乐器来做:每一帧几秒、点哪里切页、按住多久暂停——都写进语法里,而不是靠感觉临场发挥。

为什么不是「自动轮播」就完事

网站上的轮播,用户习惯点圆点;信息流里的 Story,用户习惯点左右、按住看。两套肌肉记忆不一样。你如果把网页轮播直接塞进竖屏,进度条会走,但人会觉得「假」。

所以我们先定三条硬规则:默认时长、点击切页、按住冻结进度。其余动效都挂在这三条之上。

节拍默认用途
0.0–0.4s入场字与光先落位,不抢进度条
4.0–4.4s主时长多数叙事帧的默认呼吸
按住冻结进度条与切页同时停
末帧+0.4s给 CTA 多半拍停留

交付时你会拿到什么

SPEC

时长

每一帧秒数、切页逻辑、暂停规则写死在一页纸上,开发与设计共用。

PROTO

可点原型

浏览器里就能点左右、按住暂停——验收时不靠想象。

HANDOFF

发布清单

导出规格、封面顺序、文案对应关系,减少「最后一晚对不上」。

下一站:字体怎么说话

序列定了之后,字决定情绪。去看衬线与几何的配对。