KIN 示例

动效实验室

核心组件 工作台

状态优先于表演

动效用来解释状态、结果与空间关系

每个示例保留稳定几何、键盘路径和减弱动效替代。它们是行为证据,不是可直接复制的运行时组件包。

系统偏好
正在读取
空间位移
正在读取
播放速度
1× 正常

频率与调用方式

高频键盘路径立即提供输入;偶尔使用的指针路径最多保留极短透明度反馈。两条路径共享同一状态与焦点结果。

频率与输入

等待打开。用键盘打开时,焦点会立即进入搜索框。

控件状态

图标始终保留在同一光学槽内;标签和按钮宽度不会在状态变化时跳动。

控件动效
成对状态

再次激活会从当前状态反向,而不是重启动画序列。

异步结果

只有本地任务完成后才进入成功状态;等待期间禁止重复提交。

任务反馈

Sonner 更新同一条通知,不为每个阶段重复堆叠。

锚定浮层

菜单和弹出层从触发位置出现,关闭阶段立即停止交互,但保留到退出结束。

锚定浮层
连续浏览工具提示

第一次指针停留会延迟;随后浏览相邻控件立即显示。键盘焦点始终即时。

尚未显示工具提示。

空间连续性

桌面抽屉从右侧进入;窄屏底部面板从下方进入。关闭和快速反向沿同一路径继续。

空间动效
当前记录同步规则 / SYNC-024

打开属性不会改变主工作区的滚动位置或当前选择。

直接操控示例拖动底部面板手柄

约 10px 后接管手势;松手时使用当前速度和投影选择落点。按钮仍是完整替代路径。

检测任务属性

指针离开手柄后仍保持捕获;越过边界会逐渐增加阻力。

底部面板已展开;等待拖动。

接入要求

动效完成不等于业务完成;接入产品仍需连接真实操作、错误与回滚。

实现说明

允许:短按压反馈、状态图标交替、锚定浮层、空间一致的抽屉、真实任务进度、带替代路径的直接操控。

禁止:用悬停状态伪装成功、默认弹跳、装饰性循环、全屏入场,或用动画掩盖延迟与证据不足。