Vibulary
菜单
外观与语言
按主题找术语 · 12 份指南

动效

认识动效如何说明变化、引导注意，同时让界面保持好用。

01 / 术语图鉴

全部动效术语

打开一个术语，就能看简单解释、示例、使用时机、正式程度和代码名称。

  2. 02 · 核心

    动画 Animation

    动画是随时间安排的视觉变化，可以包含多个阶段、状态或重复动作。

  3. 03 · 核心

    关键帧 Keyframes

    关键帧是动画中的命名时间点，每个时间点都会设置当时的属性值。

  4. 04 · 深入了解

    滚动字幕带 Marquee

    一条会不断移动并重复内容的区域。对动效敏感的人要能暂停，或改看静态版本。

  5. 05 · 核心

    过渡 Transition

    过渡会在数值改变后，用一段指定时间从已知的视觉状态移到另一个状态。

  6. 06 · 核心

    缓动曲线 Easing

    缓动曲线决定动画从开始到结束的速度变化，比如先慢后快，或先快后慢。

  7. 07 · 核心

    减少动态 Reduced Motion

    减少动态是一项无障碍设置，也是一种设计模式。它会移除或简化不必要的移动效果。

  10. 10 · 核心

    拖放 Drag & Drop

    拖放让用户直接移动、排序或传送项目，并清楚显示项目已被拿起，以及可以放在哪里。

  11. 11 · 深入了解

    微交互 Microinteraction

    微交互是针对单个操作的小型反馈循环，包含触发、规则、响应，以及操作后保留的状态。