不对称的动画定时
bookmark_borderbookmark
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
打破对称性可以为您的项目带来对比度和吸引力。了解何时以及如何将其应用于您的项目。
不对称的动画时间可让您在表达个性的同时快速响应用户互动,从而改善用户体验。它还能与风格形成对比,让界面更具视觉吸引力。
- 使用不对称的动画时间可为您的作品增添个性和对比效果。
- 始终优先考虑用户互动;在响应点按或点击时使用较短的时长,并在您不进行互动时预留较长时长。
与大多数动画“规则”一样,您应进行实验,找出适合您的应用的做法,但在用户体验方面,用户是出了名的没有耐心。一般来说,应始终快速响应用户互动。不过,大多数情况下,用户的操作是非对称的,因此动画也可能是非对称的。
例如,当用户点按以显示侧边导航栏时,您应尽快显示该导航栏,显示时长应约为 100 毫秒。不过,当用户关闭菜单时,您可以让视图的动画效果稍微慢一点,例如在 300 毫秒左右。
相比之下,当您启用模态视图时,通常是为了显示错误或其他重要消息。在这种情况下,您需要稍微放慢视图的显示速度,大约在 300 毫秒左右,但用户触发的关闭操作应该会非常快。
因此,一般准则如下:
- 对于由用户互动触发的界面动画(例如视图转换或显示元素),请使用快速的开场动画(时长较短),但使用缓慢的结尾动画(时长较长)。
- 对于由代码触发的界面动画(例如错误或模态视图),请使用较慢的开场动画(时长较长),但快速的结尾动画(时长较短)。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2014-08-08。
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2014-08-08。"],[],[]]