Micro 100 200ms
dylantarre/animation-principles/skills/10-by-time-scale/micro-100-200ms作者 dylantarre83597134ba8f無授權條款99 個星標收錄於 2026年10月8日更新於 2026年10月8日儲存庫9 個月前更新
Use when building micro-interactions between 100-200ms - tooltips appearing, dropdown opens, small feedback animations that feel quick but perceptible
僅公開檔案列表。將技能安裝到工作區後即可檢視檔案內容。
| 路徑 | 大小 | 類型 |
|---|---|---|
| SKILL.md | 2.5 KB | text/markdown |
來源與署名
來源：dylantarre/animation-principles位於skills/10-by-time-scale/micro-100-200ms提交8359713
授權條款： 無授權條款
內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。
更多來自 dylantarre/animation-principles 的技能
Lottie Bodymovin
dylantarre
指導在由 After Effects 匯出的 Lottie 向量動畫中實作迪士尼十二項動畫原則。
Framer Motion
dylantarre
在 React 中以 Framer Motion 實作迪士尼十二項動畫原則的參考指南。
Rive Animations
dylantarre
指導如何在 Rive 互動動畫中透過狀態機與執行階段程式碼實作迪士尼十二項動畫原則。
Timing Principle Mastery
dylantarre
指導選擇動畫時長與節奏，讓動作傳達重量感、情緒與韻律。
Ux Friction
dylantarre
診斷會讓使用者困惑、延誤任務或感到挫折的介面動畫，並提出修正建議。
User Feedback Clarity
dylantarre
運用迪士尼動畫原則診斷並修正不清楚的介面回饋，附 CSS 樣式與檢查清單。
更多Design & Creative技能
Theme Factory
anthropics
提供 10 套預設配色與字型主題，並可即時產生新主題，為簡報、文件、報告與 HTML 頁面統一風格。
Slack Gif Creator
anthropics
為 Slack 製作尺寸與檔案大小經過最佳化的動畫 GIF，並提供 PIL 繪圖輔助、緩動函式與驗證工具。
Frontend Design
anthropics
在建立或改造使用者介面時，提供打造獨特、有意識視覺設計的指引。
Canvas Design
anthropics
依照寫好的設計理念創作原創視覺藝術，輸出 PNG 或 PDF，適合海報、藝術作品等靜態成品。
Brand Guidelines
anthropics
將 Anthropic 官方品牌配色與字體套用到需要呈現 Anthropic 外觀風格的各類成品上。
Frontend Design
anthropics
指導代理為新介面或改版介面進行獨特、有意的視覺設計。