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 关键帧生成器,在 Web 上使用高级 CSS 弹簧动画
• 将缓动与弹簧曲线导出为图像,便于设计师与开发者之间高效沟通
• 预览窗口现支持自由缩放,体验更佳
• 提升数据可访问性:完整曲线数据
编辑核对资料
推荐给需要把动效规范落实为可执行参数的产品设计师、iOS/macOS 开发者和前端团队。建议流程:先定义动画语义(进入、退出、确认、打断)→从内置曲线复制→用真实尺寸预览→为缓动记录控制点/时长,为弹簧记录完整参数/结束阈值→导出到目标框架最小工程→测试连续输入、取消、反向和低端设备→提供 Reduce Motion 版本→由设计与开发共同批准→用语义名称保存 JSON、代码、PNG、录屏、测试矩阵和 SHA-256。团队应把曲线作为设计 token 放进仓库,不要只存在个人应用。复杂时间轴/矢量动画可用 After Effects、Motion 或 Lottie 工具;交互原型用 Figma/ProtoPie;网页快速比较也可使用 easing.tools 或浏览器开发工具。
优点
- 它把缓动与弹簧的抽象参数变成可实时观察的运动,并能导出 SwiftUI、CoreAnimation、UIKit、CSS、PNG 与通用浮点值,减少设计师和开发者之间凭感觉描述动画。内置 24 条缓动与 13 条弹簧曲线,适合从可靠基线开始,再保存团队自定义集合。CSS Keyframe Generator 让 Web 也能近似实现弹簧运动;JSON 整套导入导出便于版本归档和跨机迁移;PNG 可用于设计评审。应用数据离线保存,开发者声明不收集分析数据。macOS Shortcuts 支持可把常用导出纳入个人流程,M1/macOS 12+ 优化对现代 Mac 友好。
不足
- 曲线预览不是最终运行环境:框架的参数语义、求解方式、持续时间、刷新率和布局负载会改变结果,同一浮点值在 Figma、After Effects、Motion、CSS 和原生 API 中不保证完全一致。CSS 弹簧需要离散为 keyframes,可能产生较大的样式表,且取消、反向和交互式中断不如原生求解器自然。好看的过冲不一定适合所有组件;文字、危险操作、列表滚动和无障碍用户可能需要更克制的运动。工具不会自动判断晕动风险、Reduce Motion、触控反馈、业务状态或性能预算。PNG 不能还原精确参数,JSON 与生成代码仍需版本控制和代码审查。它专注曲线,不是完整原型、时间轴、Lottie 或交互状态机工具。
安装步骤
- 站内版本为 Couverture 1.1.6。渠道最低要求是 macOS 10.12,产品说明另称针对 macOS 12+ 与 M1 优化;在旧系统或不同芯片上应单独验证。首次使用先复制内置曲线,不要修改唯一基准。为真实组件建立测试矩阵:位移、缩放、透明度、颜色、列表插入、弹窗和手势中断;分别用 60 Hz/高刷新率、降低动态效果、低电量和慢设备检查。缓动曲线记录控制点与持续时间;弹簧曲线记录质量/刚度/阻尼或工具导出的完整参数、初速度、容许误差和结束条件。实时预览只用于初筛,必须把 SwiftUI、CoreAnimation、UIKit、CSS 或浮点值粘入最小工程运行;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!”更新:加入新的弹簧曲线编辑器,可创建、管理、导出和预览弹簧曲线;新增用于 Web 弹簧动画的 CSS Keyframe Generator;可把缓动与弹簧曲线分享为图片;预览可调整尺寸;整套曲线可用 JSON 导入与导出;并改进性能。本页只对应这些可核实的 1.1.6/1.1 项目。
