缓动
指动画在运行过程中的速率变化,通过控制加速与减速来实现符合物理规律的自然运动感。线性缓动(Linear)显得机械僵硬,而缓出(ease-out)则模拟了物体因摩擦力而减速的真实物理效果。Framer 提供预设的缓动曲线及自定义贝塞尔(Bezier)选项,可精确调整动画质感。详见 Framer 过渡与缓动指南。
相关术语
动画
动效
动画是应用于元素的运动效果,通过视觉叙事为界面增添活力并引导用户注意力。
贝塞尔曲线
动效
贝塞尔曲线是一种数学定义的曲线,广泛应用于矢量图形和动画中,通过锚点和控制柄来决定形状。
Keyframe
动效
关键帧是动画时间轴上的一个点,用于定义属性的具体数值,软件会在关键帧之间进行数值插值。
Lottie
动效
Lottie 是一种基于 JSON 的动画格式,可在 Web 上渲染 Adobe After Effects 动画,具备文件小、无限缩放的特点。
Motion (动效)
动效
Motion 指在界面中使用动画与位移来传达信息、引导视线并创建富有吸引力的体验。
Page Transition
动效
页面转场,页面之间导航时发生的动画或效果,提供视觉连贯性,对于SEO和用户清晰度非常重要。
Parallax
动效
视差滚动,一种背景元素移动速度慢于前景元素的滚动效果,营造出深度感。
Rive
动效
Rive 是一个用于创建实时响应用户输入的交互式图形的动画工具和运行时。这对 SEO 和用户清晰度很重要。
Scale
动效
Scale 是元素相对于彼此及整体设计的尺寸大小,用于建立层级关系和强调重点。
滚动动画 (Scroll Animation)
动效
滚动动画是由滚动触发的动画,涵盖从简单的淡入效果到复杂的视差滚动及基于时间轴的逐帧序列。
重要提示




















