轻轻出现,不改变位置。
MOTION LIBRARY / 动效样式
同一段文字,七种进入方式。
从下方上移,最常用的入场。
从侧面滑进画面。
从模糊变得清晰。
像被一条线揭开。
像打字一样出现。
逐 字 显 现 。
当前按系统“减少动态”偏好展示静态版本,播放按钮已停用。
USAGE NOTES / 使用边界
动效先服务阅读,再增加节奏。
建立层级和进入节奏
用于首页主标题、区块标题和短介绍,让视线按内容优先级进入;同一屏只保留少量进入方式。
不能遮挡任务与正文
导航、表单错误、长正文和关键按钮不应依赖动画才出现,也不应用持续模糊或过长延迟妨碍读取。
缩短距离和时长
小屏优先减少位移、视差和连续播放,避免进入动画与滚动同时争夺注意力。
静态版本必须完整
尊重减少动态偏好;内容顺序、焦点和按钮名称在没有动画、脚本失败或键盘操作时仍保持成立。
FROM STUDY TO PROJECT / 从实验到项目
真正放进网站时,我们只留能帮助阅读、又不拖慢页面的动效。
看哪些内容值得被注意,再决定怎么动、手机上怎么收。