上一章 材质效果

动效展示

UX百科编辑部2024-02-01 发布
488人在学·0条笔记
收藏

在所有平台中,美观流畅的动效赋予界面活力,从而传达状态、提供反馈和指示,以及丰富视觉体验。

很多系统组件本身包含动效,让你在整个 App 或游戏中提供熟悉且一致的体验。如果设计自定义动效,请优先选择有意义的动效,以帮助用户确定自身位置和看起来舒适,提供清晰的反馈来响应其操作,以及帮助其了解界面以免不知所措。


应用指南

  • 使用巧妙的动效进行传达。动效是通过展示事物如何变化、用户执行操作时会发生什么情况以及其下一步可执行什么操作来增强反馈和理解的绝佳方式。
  • 有目的地添加动效,让其在不妨碍体验的同时提供支持。
  • 将动效设为可选,避免将动效用作传达重要信息的唯一方式。
  • 尽量保持动效的真实感和可信度。在非游戏类 App 中,准确真实的动效可帮助用户理解运作原理,但无意义或似乎违背物理定律的动效会让其感到混乱。例如,如果用户通过从顶部向下滑动显示视图,他们不会期望通过将视图滑到一侧来进行关闭。
  • 优先使用简短、精确的动画。例如,当用户在 iPhone 上的“天气”中轻点列表按钮时,当前城市的全屏视图会快速过渡到列表视图,并精确找到该城市在列表中的位置。
  • 通常避免在频繁出现的交互中添加动效。
  • 在可以的情况下,考虑使用具有动效的符号。使用 SF Symbols 5 或更高版本时,你可以将动效应用到 SF Symbols或自定义符号。
488人在学·0条笔记
收藏
已学会
6人已学会
下一篇深色模式
深色模式是一种系统范围的外观设置,使用深色配色表为低光环境提供舒适的浏览体验。 在 iOS、iPadOS、macOS 和 tvOS 中,人们通常会选择暗色模式作为默认界面风格,他们通常希望所有应用程序和游戏都能尊重他们的偏好。在深色模式下,系统会对所有屏幕、视图、菜单和控件使用深色调,还可能使用更大...
本章笔记
仅看自己
logo