Couverture
Couverture 是一款彈簧與緩動曲線編輯器,可大幅提升應用程式、網站與原型中的動畫效果。彈簧...
軟體介紹
Couverture 是一款彈簧與緩動曲線編輯器,可大幅提升應用程式、網站與原型中的動畫效果。彈簧、緩動或時序曲線用於指定動畫隨時間變化的速率。Couverture 讓您能即時管理、編輯與預覽這些曲線。這是為您的創意專案建立精緻動畫的強大方式。
主要特色:
• 頂級彈簧與緩動曲線編輯器
• 儲存、管理與匯出曲線
• 即時預覽動畫
• 開箱即用:內建 24 種緩動曲線與 13 種彈簧曲線
• 曲線匯出格式支援:SwiftUI、CoreAnimation、UIKit、CSS、影像(PNG)、浮點數字面值。浮點數值相容於大多數支援時序曲線的設計工具(例如 Figma、After Effects、Motion)
• 支援 macOS 快捷鍵
• 專為 macOS 12+ 優化
• 專為搭載 M1(Apple Silicon)晶片的 Mac 優化
為何需要 Couverture?
出色的動畫是打造頂尖使用者介面、網站與應用程式的關鍵要素。Couverture 預載大量精確定義的彈簧與緩動曲線。您可於應用程式內直接儲存並管理自訂設計的曲線,並將其匯出為適用於多種程式框架的程式碼片段。可產生基於曲線的 CSS 關鍵影格動畫,或將曲線儲存為影像檔。神奇體驗始於極具趣味性的動畫預覽功能——它將激發您創作前所未見、更富創意的動畫曲線,讓您的創意作品脫穎而出。
隱私權:
身為開發者,我堅信隱私權是一項基本人權。Couverture 不會蒐集任何分析資料。您的所有資料皆離線儲存在您的裝置上,安全無虞。
最新更新(版本 1.1.6):
• 全新令人驚豔的彈簧曲線編輯器
• 建立、管理、匯出及即時預覽彈簧曲線
• 借由令人興奮的全新 CSS 關鍵影格產生器,在網頁上運用進階 CSS 彈簧動畫
• 將緩動與彈簧曲線匯出為影像,便於設計師與開發者之間高效溝通
• 預覽視窗現已支援調整大小,體驗更佳
• 提升資料可近用性:完整曲線資料
編輯核對資料
推薦給要把動效規範落實成可執行參數的產品設計師、Apple 開發者和前端團隊。流程為:定義進入/退出/確認/中斷語意、複製內建曲線、以真實尺寸預覽、記錄控制點/時間或完整彈簧參數/結束條件、在目標最小專案運行、測試連續輸入/取消/反向/較慢裝置、提供 Reduce Motion、設計與開發共同核准、保存語意命名的 JSON/程式碼/PNG/錄影/測試矩陣/SHA-256。曲線應作為設計 token 放入儲存庫。複雜時間軸可用 After Effects、Motion、Lottie;互動原型用 Figma/ProtoPie;Web 比較用 easing.tools 或瀏覽器工具。
優點
- 它將抽象緩動/彈簧參數變成可即時觀察的動態,並輸出 SwiftUI、CoreAnimation、UIKit、CSS、PNG 和 float,減少設計與開發交接的模糊描述。內建 24 條緩動、13 條彈簧作為基準。CSS Keyframe Generator、整套 JSON、PNG 和 Shortcuts 有利於 Web 實作、版本封存、設計審查和自動化。資料離線保存,開發者聲明不收集分析資料,並針對 M1/macOS 12+ 最佳化。
不足
- 預覽不等於執行環境;API 語意、求解器、時間、更新率和版面負載會改變結果,同一 float 在 Figma、After Effects、Motion、CSS 與原生 API 不保證一致。CSS 彈簧離散為 keyframes 可能增加檔案,取消、反向和互動中斷也較不自然。漂亮的超越不適合所有文字、危險操作、捲動和動態敏感使用者。工具不會自動判斷 Reduce Motion、暈動、觸覺、業務狀態或效能預算;PNG 無法還原參數。它不是完整原型、時間軸、Lottie 或狀態機工具。
安裝步驟
- 站內版本為 Couverture 1.1.6。渠道最低需求是 macOS 10.12,產品說明另稱針對 macOS 12+ 與 M1 最佳化,因此舊系統及各架構要個別驗證。複製內建曲線,針對位移、縮放、透明、色彩、清單插入、彈窗和手勢中斷,在 60 Hz/高更新率、減少動態效果、低電量和較慢裝置測試。緩動保存控制點與時間;彈簧保存質量/剛性/阻尼或完整輸出參數、初速、容差和結束條件。不要只看預覽,須將 SwiftUI、CoreAnimation、UIKit、CSS 或 float 放入最小專案運行,檢查 CSS keyframes 數量、大小及瀏覽器行為。測試取消、反向、連續操作、版面改變與 Reduce Motion 備援。匯出整套 JSON 和 PNG,在另一台 Mac 重匯入,記錄名稱、框架、參數、裝置、核准日、大小及 SHA-256。
解除安裝步驟
- 移除前用 1.1.6 JSON 匯出全部集合,並為正式曲線保存目標框架程式碼、控制點/彈簧參數、PNG 和實際動態錄影。記錄語意名稱、時間、測試元件、Reduce Motion 備援、設計/開發核准、瀏覽器/系統矩陣、產生器版本及 SHA-256。在另一台 Mac 重匯 JSON,並於最小 SwiftUI/UIKit/CoreAnimation/CSS 專案重建關鍵動畫。結束後移除,但先查容器、偏好、捷徑與快取的唯一曲線。原始碼、Figma、After Effects、Motion、文件或儲存庫中的參數須以設計系統版本和程式碼審查另行廢止。
常見錯誤及解決方法
- 預覽流暢但實機不同時,以相同時間、參數、起訖值及真實版面在目標裝置重現,因尺寸、更新率與求解器可能不同。CSS 太大或卡頓時檢查 keyframe 數及小數精度,減少取樣並測量瀏覽器合成/CPU。SwiftUI/UIKit/CoreAnimation 要核對 API 語意、單位、初速和時間。殘留抖動調整阻尼/停止容差和超越;連續操作從目前呈現值取消/重定向。Reduce Motion 提供淡入、即時或短距離備援。JSON 檢查是否由 1.1.6 匯出及未被修改,並用單一集合定位。PNG 只供溝通,不能當精確參數。
本次版本更新內容
- Couverture 1.1.6 對應官方「1.1 — It’s spring time!」:新增 Spring Curve Editor,可建立、管理、匯出及預覽彈簧;加入 Web CSS Keyframe Generator;可分享緩動/彈簧圖片;預覽可調大小;整套曲線可用 JSON 匯入/匯出;並改善效能。本頁僅列這些可核實項目。
