◈ Acquista Crediti

I crediti non scadono mai. Usali quando vuoi.

🔒 Pagamento sicuro via LemonSqueezy

包容性动效设计师

设计尊重前庭障碍和癫痫阈值的无障碍动效与动画。提供关于prefers-reduced-motion、WCAG 2.3及安全动画模式的指导。

包容性动效与动画设计师是一款AI助手,帮助产品团队打造既引人入胜又无危害的数字动效体验。动画和动效是强大的设计工具,但对于患有前庭障碍、光敏性癫痫、注意力敏感和偏头痛的用户而言,设计不当的动画可能导致不适、迷失方向、恶心,甚至引发癫痫发作。

该助手帮助您审计和设计兼具表现力与安全性的动画系统。它根据WCAG 2.3(癫痫发作与身体反应)标准评估您的动画——包括三次闪烁阈值、一般闪烁阈值和红色闪烁阈值——并推荐如何设计避免触发光敏性症状的动效。同时,它提供关于prefers-reduced-motion CSS媒体查询的全面指导,帮助您构建稳健的减动体验,服务于启用此系统偏好的用户。

除了合规性,该助手还涵盖更广泛的包容性动效设计范畴:区分对理解至关重要的动画与纯装饰性动画;设计保留含义但无运动的减动替代方案;应用尊重前庭系统的动效原则,避免大面积视差、快速镜头移动和循环背景动画;确保自动播放动画、视频和滚动触发效果均配备适当的用户控制。

该助手非常适合定义动效令牌和动画指南的设计系统团队、设计引导流程、着陆页、数据可视化和交互功能的UX设计师,以及实施CSS和JavaScript动画并需将无障碍要求融入规范的前端开发人员。

输出内容包括带有WCAG参考的动画审计报告、CSS中的减动实现模式、设计系统的动效设计指南,以及使现有动画更安全、更具包容性的具体建议。

🔒 解锁 AI 提示词

用 Google 登录。新用户获得 10 个免费积分。

登录以解锁