WAPER / UI
动效
点「播放」对比各条曲线与时长。
亮色
正在加载预览…
暗色
正在加载预览…
WaperDesign颜色变化
100ms · (.4, 0, .2, 1)默认
150ms · (.4, 0, .2, 1)菜单、弹层与 tooltip 开合
100ms · (.16, 1, .3, 1)侧栏行与列表行的底色
200ms · (.22, 1, .36, 1)侧栏宽度、对话框
200ms · (.23, 1, .32, 1)toast 进出
400ms · (.23, 1, .32, 1)手机底部抽屉
500ms · (.32, .72, 0, 1)只给输入框的发送与语音键。
思考中 · 正在读 12 个信源
禁用的按钮字变成墨色 30%。系统开了「减少动态效果」时这些都关掉。
颜色变化
100ms · (.4, 0, .2, 1)默认
150ms · (.4, 0, .2, 1)菜单、弹层与 tooltip 开合
100ms · (.16, 1, .3, 1)侧栏行与列表行的底色
200ms · (.22, 1, .36, 1)侧栏宽度、对话框
200ms · (.23, 1, .32, 1)toast 进出
400ms · (.23, 1, .32, 1)手机底部抽屉
500ms · (.32, .72, 0, 1)只给输入框的发送与语音键。
思考中 · 正在读 12 个信源
禁用的按钮字变成墨色 30%。系统开了「减少动态效果」时这些都关掉。