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 應用開發者觀察小螢幕裝置上的微交互設計，了解極有限空間中的動效取捨