/ 01
Scroll
Driven
滚动位置即时间轴。标题视差、横向平移、进度映射——页面随你的手指起舞。
滚动,就是叙事本身。这是一部由你的滚轮驱动的页面——每一格都在响应你的节奏。
向下,启动滚动位置即时间轴。标题视差、横向平移、进度映射——页面随你的手指起舞。
垂直滚轮,横向展开。把宽度交给滚动,让信息像胶片一样一格一格过。
图层按深度分层,随指针轻轻偏移。二维平面里骗出三维的呼吸。
按钮被光标吸引,光标被元素放大。每一处停留都有物理反馈。
字母感知光标的距离,被推开、染红、回弹。文字第一次有了重量。
尊重 prefers-reduced-motion 与触屏:动效全关,信息全留,体验不打折。
好的界面会动。它在滚动时呼吸,在停留时低语,在触碰时回应。动效不是装饰,是语言。
深度 0.5,跟随最紧,最先被你察觉。
深度 0.25,温和漂移,构建空间。
深度 0.1,几乎不动,是地平线。
深度 0.4,节奏在前。
深度 0.15,缓慢如云。
深度 0.6,几乎贴着光标。
动,是界面唯一的语言。静止的页面是死的——这里没有一帧是静止的。