60fps.design：550+ 支 App 交互动态影片，UI 动效设计灵感库

60fps.design 是一个专门策展 UI/UX 交互动态的灵感平台，收录来自 iOS App、Web 应用与 Apple Watch 的动效影片，涵盖 475+ 款应用程序的真实操作画面，仅供设计灵感与研究参考。整站以 60fps 流畅帧率为名，每一支影片都聚焦在「画面怎么动」这件事——从手指触发的微交互到页面之间的转场编排，完整拆解当代 App 动效的设计语言。

对于每天在 Figma 里拉 prototype、在 After Effects 里调 easing curve 的设计师来说，这里就像一本可以反复翻阅的动态设计辞典。

60fps.design 除了核心的动态影片库，还提供动效术语表（Glossary）、Mockup 工具，以及每周更新的电子报。影片来源涵盖 Duolingo、WhatsApp、Opal、Brilliant 等国际级产品，不只收录热门 App，也追踪新兴应用的动效设计趋势。

主要特色

• 以 108+ 种交互标签分类，涵盖 loading、transition、swipe、drag、pinch、morphing、3D、spring physics 等动效类型，查找特定交互模式时不用大海捞针
• 收录范围跨足 iOS App、Web 应用与 Apple Watch，能直接比对同一交互逻辑在不同设备尺寸上的动效处理策略
• 影片聚焦单一交互片段而非完整操作流程，方便逐帧观察 timing、easing、overshoot 等动效参数的实际表现
• 附带 storyboard 示例与 code snippet，从动效拆解到技术实现都有参考依据

这组 Eaglepack 包含什么？

本资源包收录 550+ 支 MP4 动态影片，内容涵盖 App 交互动态截录（shots）、应用官网动效（app sites）与 Motion Design 作品三大类型。导入 Eagle 后可直接以标签筛选、逐帧预览，比在浏览器里逐页翻找更适合建立自己的动效参考资料库。

UI/UX 设计师与动态设计师的实战动效宝典

• 适合 UI/UX 设计师在规划 App 转场逻辑时，参考同类产品如何处理页面切换、手势回馈与元素进出场的时间节奏
• 适合动态设计师研究 spring animation 的 damping 与 stiffness 参数搭配，观察商业级产品的 easing 选择如何影响操作手感
• 适合在 Design Review 时拉出具体案例，向工程师说明「我要的转场效果就像这个」——比口头描述省去三轮来回
• 适合 Apple Watch 应用开发者观察小屏幕设备上的微交互设计，了解极有限空间中的动效取舍