动效 创意定制

创意定制

动画广泛应用于各种场景,使应用兼具美感与功能性。

图标类型

系统图标可承担双重职责。

产品图标应体现精致感与精雕细琢。

Material Design:通过创意定制动画提升应用美感与功能

图标 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

系统图标

图标能承担双重职责。例如,菜单图标可以平滑地转换成播放按钮,再转换回来。这个效果既向用户阐明了功能,也为交互增添了惊喜感。

菜单图标转换成后退图标,这表明两个操作相关联且互斥。点击返回按钮,即可返回带有菜单图标的上一级界面。

播放按钮转换成暂停按钮,表明两个操作相关联,按下一个按钮,另一个按钮就会显现。

当按下浮动操作按钮时,加号转换成了铅笔。这指示铅笔是主要的创作方式。

产品图标

带动画的产品图标应在应用启动时就体现出精致感与精雕细琢。

Inbox 的产品图标动画会在用户首次打开应用并提示登录时显示。

日历的产品图标动画,会在首次加载用户的日历数据时出现。

相册的产品图标动画,会在用户首次打开应用时出现,以呈现热烈的欢迎。

Gmail 的产品图标动画更具趣味性,但仍然保持相似的呈现方式,同样会在用户首次打开应用并提示登录时显示。

插画 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

在图像和插画中运用微妙的动画,能为用户创造更富趣味性的体验。

当出现意外错误时,可以将其视为一个用动效创造愉悦体验的机会。

在日历安排目标的过程中,自行车动画可以在任务完成前为用户提供一些乐趣。

当用户完成个人目标(如处理完收件箱中的所有邮件)时通过动画奖励用户,可以促进用户与功能进行更深入的互动。

为新功能制作动画插画,可以用更具记忆点的方式帮助用户了解该功能。