60fps (UI/UX Animation Inspiration)

项目概述

60fps Design 是全球顶级 UI/UX 动效与交互细节精选画廊，深受全球超过 11.5 万名产品设计师与创意前端工程师推崇。它专注于拆解顶级 iOS、Android、macOS 及 Web 应用中最具巧思的高帧率微交互 (Delightful Details)、手势驱动过渡、弹性物理动效与流体导航设计。

核心特性

• 🎬 高帧率实机录屏拆解：提供未压缩的高清慢速与原速交互视频，逐帧解析抽屉展开、下拉刷新、手势拖拽关闭与弹性回弹细节。
• 📱 顶级商业与独立应用案例：精选来自 Apple、Linear、Airbnb、Notion、Arc Browser 以及诸多设计感顶尖独立 App 的标杆级交互。
• 🏷️ 精细化动效模式索引：支持按交互模式（底部抽屉 Bottom Sheet、标签栏切换 Tab Transition、触觉反馈 Haptic、状态切换）及平台进行多维筛选。
• 💡 交互故事板与参数解构：提炼动画缓动曲线 (Easing)、弹簧刚度 (Stiffness) 与阻尼系数 (Damping)，助力将灵感精准复现到代码中。

精选动效模式与交互范式

核心收录动效范式：
• 流体手势与模态过渡：支持中断的跟手橡皮筋回弹、多级 Sheet 动态高度变化
• 情感化微动效：触觉联动的开关按键、带弹性形变的浮动动作按钮 (FAB)
• 灵动岛与空间交互：实时活动胶囊形变、跨组件共享元素过渡 (Shared Element)

技术选型建议与适用场景

• UI/UX 设计师与动效专家：探索高保真原型交互、打磨设计系统动效 Token (Motion Tokens) 与微交互提案的高价值灵感宝库。
• 前端与客户端工程师：在使用 React Native, SwiftUI, Flutter, Framer Motion 或 GSAP 实现复杂手势交互时，提供最直观的视觉参考与物理参数对齐依据。