前言¶
在動效設計工作中,設計師常常需要向開發團隊輸出動畫規範。但僅靠文字描述往往難以保證一致性和可復現性,開發者拿到需求後需要反覆追問緩動曲線、時長、延遲等細節,溝通成本高且容易產生理解偏差。
動效設計交付方案基於迪士尼動畫 12 原則,爲設計師提供了一套可落地的動效系統設計流程,幫助在動畫規格說明中明確意圖、選擇原則、制定參數規範,並輸出面向開發的 motion spec 文檔。
是什麼¶
動效設計交付方案是一個用於設計動效系統和動畫規範的 Skill。它以迪士尼動畫 12 原則爲基礎,提供從意圖定義到開發者交付文檔的完整流程。
該 Skill 由社區用戶 user_3ae83beb 發佈,屬於 design-media 分類。當前版本爲 1.0.0。
核心功能¶
- 基於迪士尼動畫 12 原則設計動效系統
- 定義動畫意圖
- 從 12 原則中選擇 2-3 個最相關的原則進行應用
- 制定動畫時長、緩動曲線、延遲等參數規範
- 輸出面向開發的 motion spec 文檔
- 爲每個動畫提供 reduced-motion 降級方案
適用場景¶
- 設計系統動效規範
- 產品交互動畫
- 微交互設計
- 頁面轉場設計
- 開發者交付文檔
注意事項¶
- 該 Skill 不需要 API Key(requires_api_key=false)
- 使用時需要根據具體場景選擇 2-3 個最相關的迪士尼動畫原則進行應用
官方地址¶
https://api.skillhub.cn/user_3ae83beb/dxsj119