欢迎参加我们的主持人 Una Kravets 的《Designing in the Browser》课程。在数字环境中,互动触摸非常有助于理解用户,但也可能让部分用户迷失方向,感到沮丧,这与预期的效果相反。
因此,让我们来谈一谈如何避免这种情况,以及如何确保添加可爱的动画 SVG 和按钮悬停功能,同时确保那些在看到大量动画时感到有点恶心的用户也能欣赏您的网站。我们将演示如何使用“prefers-reduced-motion”媒体查询来逐步增强网站动画效果,以及如何构建简单的“减少动画”开关。
链接:
- 媒体查询 5 → https://goo.gle/2RVQxLw
- 基本卡片翻转演示 → https://goo.gle/3mSd1vf
- 偏好设置低动作演示 →https://goo.gle/2G9hgl8
- 减少动作复选框演示 → https://goo.gle/306S1XM
在浏览器中设计 → https://goo.gle/2NeLxjI
订阅 Chrome Developers 频道 → https://goo.gle/ChromeDevs