运动 创意定制

创意定制

动画可以大规模的应用在各类场景中,以此来统一优美和功能。

图标类型

系统图标可以在多个功能之间转换。

产品图标则让用户眼前一亮。

图标 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

系统图标

一个图标可能表现出多个功能。比如说,菜单图标可以平滑的转换成后退图标,之后可以再变回来。这个效果告知用户当前的操作神奇的改变了元素和功能。

菜单图标转换成后退图标说明了两个操作是关联的,且两者不会同时出现。返回图标在用户按下之后才会回到上级视图,并且转换成菜单图标。

播放按钮转换成暂停按钮说明了两个操作是关联的,按下之后会出现另一个。

当按下浮动操作按钮之后,加号就变成了铅笔。向用户指示出铅笔是主要的创建方式。

产品图标

产品图标应当在应用被打开的时候呈现出优雅且惊艳的动画。

Inbox 的产品图标动画会出现在用户首次打开应用并且需要登录时。

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

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

Gmail 的产品图标动画很有个性且充满了乐趣,但也表现出了相似性,那就是在用户首次打开应用且需要登录时才呈现。

插画 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

在图片和插画中使用细微的动画,也能给用户带来有趣的体验。

当出现意外的错误时,把这当成是欣赏动画的机会。

当日历在安排目标时,自行车动画可以让用户在等待期间保持愉悦。

在用户完成个人目标(如达到Inbox Zero)时通过动画奖励用户,可以创建用户与应用功能更深入的互动。

为新功能添加动画插图,会以更难忘的方式来教育用户关于该功能的知识。