动画可以在广泛的范围和上下文中使用以团结美和功能。
图标类型
系统图标可以执行双重功能。
产品图标应该高光显示。
图标
系统图标
图标可以提供双重功能。 例如,菜单图标可以平滑地转变到回放控制,并再次回到。 该效果既向用户通知按钮的功能,同时向交互添加新奇的元素。
将菜单图标转换为后箭头表示这两个动作是连接的,当一个在执行时另一个不能存在。必须按下“后退”按钮才能返回到菜单图标的顶层视图。
将播放按钮转换为暂停按钮意味着这两个动作是联动的,而按下一个则使另一个动作可见。
按下此浮动操作按钮时,加号将转换为铅笔。这表明铅笔是主要的创作方法。
产品图标
动画产品图标应显示从应用启动时开始的波形和细节。
收件箱产品图标动画显示当用户打开应用程序的第一次,并要求登录。
当用户的日历数据第一次加载时显示日历产品图标动画。
当用户第一次打开应用程序并进入欢迎页面时,图标动画显示。
Gmail产品图标动画有一个更好玩的特点当用户打开应用程序第一次被要求登录。
插图
在图像和插图中的微妙动画可以为用户体验添加俏皮感。