项目介绍
为现代 Web 应用设计的完整 UI 动效系统,包含页面过渡、微交互、加载动画、反馈动效等。注重用户体验和视觉美感的平衡。
动效原则
- ** purposeful**:每个动效都有明确的目的
- ** performant**:60fps 流畅性能
- ** consistent**:统一的时序和缓动曲线
- ** accessible**:尊重用户的动效偏好设置
组件库
- 页面过渡动画
- 按钮微交互
- 表单反馈动效
- 加载和骨架屏
- 滚动触发动画
- 手势交互反馈
技术实现
- Figma 原型设计
- After Effects 动效制作
- Framer 交互原型
- CSS/JS 工程化实现