上一章 图标

概述

UX百科编辑部2024-07-04 发布
200人在学·0条笔记
收藏
  • 动效让产品更加易用
  • 在过渡和交互中使用动效
  • 强调的是默认的缓和值
  • 使用动作标记来控制缓和和持续时间

动效资源

设计:

最新更新

动效 tokens

缓动tokens分为两组:强调和标准。尽可能使用强调缓动来捕捉 M3 的表现力。标准缓动用于小型或实用的过渡。

持续tokens分为四组:短、中、长和超长。持续时间的选择取决于过渡的大小以及与之搭配的缓和类型。

过渡指导

了解新过渡指南中的常见过渡模式

200人在学·0条笔记
收藏
已学会
1人已学会
下一篇缓动和持续时间
建议缓动和持续时间对照表 选择合适的缓动和持续时间组合可能很复杂。作为一个简单的起点,这些是适用于大多数过渡的合理默认值。 缓动类型 在物理世界中,物体不会瞬间开始或停止。相反,它们需要时间来加速和减速。没有缓和的过渡看起来僵硬而机械,而有缓和的过渡看起来更自然。 1:有缓动的变化 2:无缓动的变化...
本章笔记
仅看自己
logo