面板与选项,分开进入

示例使用一个咖啡选择菜单演示展开和收起。面板通过向下位移、缩放和透明度变化进入;其中的选项再以轻微的时间差出现。

错峰让选项之间的先后关系更清楚。对于常用菜单,延迟应该克制,避免用户已经准备点击时,选项还在等待入场。

先调整节奏,再调整幅度

整体时长会同步改变面板和选项各自的时间段。缩短时长,可以观察更紧凑的反馈;增加时长,则更容易看清选项之间的错峰。

编辑器还支持整体位移、缩放和缓动曲线。预览与导出使用同一份配置;观察倍速只改变观看速度,不会写入配置。

动效演示与真实菜单

这里的交互用于观察菜单的展开效果,咖啡选项是演示内容,没有实际筛选或提交操作。关闭时会反向播放相关轨道。

用于真实产品时,还需要结合业务补齐选项选择、焦点管理、外部点击和菜单语义。鼠标、键盘与触屏的进入方式也应分别检查。