动效小词典

点上面的格子就再动一遍。看中哪个,把下面「跟我说」那句甩给我(点一下就复制了)。

复杂交互(左滑删除、长按菜单、抽屉…)→

进场 东西怎么出现

淡入fade in
淡入
上浮淡入slide up
从下面浮上来
滑入slide in
从左边滑进来
弹出pop / scale in
放大弹出来,带点回弹
模糊入场blur in
从糊到清楚
依次出现stagger
一个接一个错开出来
晚安要说到睡着
打字机typewriter
一个字一个字打出来

手感 同一个动作,快慢和曲线不同

匀速 linear
慢起 ease-in
快起慢停 ease-out
两头慢 ease-in-out
冲过头 overshoot
点我重跑
缓动曲线easing
出来用快起慢停,别匀速
0.15 秒
0.3 秒
0.6 秒
1.2 秒
点我重跑
时长duration
再干脆一点(快)/再慢悠悠一点

弹 有重量、有弹性

弹簧spring
像弹簧,晃两下再停
落地回弹bounce
掉下来弹两下
挤压拉伸squash & stretch
落地压扁一下,软软的

点了之后 反馈

按住我
按下缩小press
按下去缩一点,松手回来
点哪都行
水波纹ripple
点哪儿从哪儿冒一圈水波
密码错误
摇头shake
左右抖一下,表示不对
果冻jelly / rubber band
Q 弹果冻那种抖
♥
点赞心跳like burst
点赞噗通一下,炸几颗小点
🔔
摆动wiggle
像铃铛一样晃(有新消息)

切换 从一个样子变到另一个

☾
✦
翻转flip
像卡片一样翻过来
白天晚上
交叉淡化crossfade
旧的淡出、新的淡入,叠着换
发送
形变morph
按钮缩成圆圈变成勾
展开expand
小卡片原地展开变大
底部抽屉bottom sheet
从底下拉出来一个面板,背后变暗
聊天动态我
滑块跟随sliding indicator
选中的底色滑过去,不是瞬间跳
开关toggle
iOS 那种开关,圆点弹过去
0
数字滚动count up
数字从 0 滚上去

一直在动 待机、加载、氛围

呼吸pulse / breathe
慢慢一大一小、一明一暗
漂浮float
上下轻轻飘
☾
悬挂摇摆sway
挂着的东西左右荡
发光glow
外面一圈光一亮一暗
闪光扫过shimmer / 骨架屏
加载时灰条上一道光扫过去
正在输入typing dots
三个点一个一个跳
转圈spinner
转圈加载
今天也很想你 · 今天也很想你
跑马灯marquee
字一直往左走,两头虚掉
流动渐变gradient flow
渐变色慢慢流

跟着手 拖、晃、滚

在格子里滑
3D 倾斜tilt
手指在哪边卡片往哪边歪
在格子里滑
视差parallax
远的动得慢、近的动得快,有层次
拖它,松手
拖动回弹drag & snap back
能拖,松手弹回原位

组合着说也行:「卡片依次上浮淡入,快起慢停,0.3 秒左右」——名字+手感+快慢,三样够了。
说不出名字的时候:说它像什么——「像抽卡翻牌」「像气泡冒出来」「像纸被吹起来」,我能接。
形容手感的几个词:干脆(快、不弹)· 软(有挤压)· 有重量(慢起、落地弹)· 轻(快起慢停、飘)。
→ 下一页:复杂交互