先决定这次运动要解释什么
界面里的运动可以解释元素从哪里来、操作是否完成,以及新的状态与旧状态有什么关系。菜单展开、卡片进入阅读页面、收藏状态发生变化,都是适合加入动效的时刻。先给运动一个解释任务,形式才有判断依据。
装饰性的运动也可以存在,但要考虑它与正文争夺注意力的程度。主视觉可以承担气氛,阅读区域则需要相对稳定。不同位置的动态强度不必一致,整体节奏才会更舒服。
用距离与节奏表达层次
很小的状态变化适合短距离、轻幅度的移动。页面级切换则可以用更明确的方向来说明空间关系。多个元素同时出现时,适度错开能够引导视线,但长时间等待会阻碍用户继续操作。
讨论动效时,可以先画出开始、结束和中间三个状态。检查中间状态是否仍然可读,交互能否提前响应,以及重复发生时是否让人疲劳。细腻的体验来自这些小尺度的控制。
- 运动说明了什么状态变化。
- 移动方向是否与操作逻辑一致。
- 反复触发时是否仍然自然。
让不同用户都能舒服地使用
并不是每个人都喜欢持续旋转或明显的视差。界面可以响应系统的减少动态效果偏好,把复杂过渡改为简单的淡入或直接切换。重要状态仍需依靠文字、图形与颜色共同表达。
动效设计完成以后,应在真实阅读和操作任务里检查。用户能够理解页面、快速完成操作,才说明动画与内容建立了合适的关系。
带走一个想法
细腻的动效先解释状态,再安排视觉节奏,并为安静的体验留下选择。