卡片|华为官方详解鸿蒙 HarmonyOS 2 万能卡片( 二 )


万能卡片的弹出和关闭动效就是一系列画面组成的短片,也遵循同样道理。不管从小卡片变成大卡片,还是从大卡片缩回小卡片,影响卡片动效流畅性的因素就两个:
动效时长和帧间距。
卡片|华为官方详解鸿蒙 HarmonyOS 2 万能卡片
文章插图

那么,问题就来了,多长的动效、多大的帧间距可以带来最流畅自然的体验呢?手机、平板、智慧屏等不同设备的屏幕大小不同导致万能卡片的大小各异,如果保持同样的动效时长和帧间距,大屏设备的动效就会变得十分突兀。
所以,经过大量的研究,设计团队归纳了各类设备的最佳动效时长和保证流畅的最大帧间距所处的范围区间这为动效设计提供了科学的数据支撑,进而给我们带来全场景下流畅的动效体验。
卡片|华为官方详解鸿蒙 HarmonyOS 2 万能卡片
文章插图

推荐阅读