跳到展场
INTERVAL返回主站

WEB EXHIBITION

形状之间动作发生

一场关于距离、延迟与观看顺序的浏览器实验。

进入展场
酸性黄绿色透明亚克力穿过金属矩形框的抽象装置

距离不是空白。

它决定下一眼
落在哪里。

页面先分组,再对齐,最后才移动。每个元素只承担一次明确的观看任务。

三种动作,
三种理由。

层级、反馈、状态、叙事。除此之外的动作都应该被删掉。

压缩

悬停时,字距收紧。元素的关系变得更强。

延迟

顺序只用于引导视线,不让最后一个元素等待太久。

亚克力装置局部折射细节

折射

视觉变化来自真实材质,界面只负责让它被看见。

SLOW INFAST OUTKEEP THE MEANINGSLOW INFAST OUTKEEP THE MEANING

先搭空间,
再编动作。

这次展示没有引入新的动画依赖。原生 CSS 足以完成当前叙事。

先看见,再理解

首屏只建立一个视觉命题。阅读顺序稳定后,动作才有意义。

进入慢,离开快

出现需要被感知,退出只需让路。两端不必使用同一速度。

距离决定力度

按钮只移动一像素,章节可以移动二十四像素。幅度来自语义。

静止也是状态

系统减少动态时,信息层级、焦点和反馈仍然完整。