(译)MaterialDesign(十)-Creative customization

其他文章

动画可以在广泛的范围和上下文中使用以团结美和功能。

图标类型

系统图标可以执行双重功能。

产品图标应该高光显示。

(译)MaterialDesign(十)-Creative customization_第1张图片

图标

系统图标

图标可以提供双重功能。 例如,菜单图标可以平滑地转变到回放控制,并再次回到。 该效果既向用户通知按钮的功能,同时向交互添加新奇的元素。

(译)MaterialDesign(十)-Creative customization_第2张图片
将菜单图标转换为后箭头表示这两个动作是连接的,当一个在执行时另一个不能存在。必须按下“后退”按钮才能返回到菜单图标的顶层视图。
(译)MaterialDesign(十)-Creative customization_第3张图片
将播放按钮转换为暂停按钮意味着这两个动作是联动的,而按下一个则使另一个动作可见。
(译)MaterialDesign(十)-Creative customization_第4张图片
按下此浮动操作按钮时,加号将转换为铅笔。这表明铅笔是主要的创作方法。

产品图标

动画产品图标应显示从应用启动时开始的波形和细节。

(译)MaterialDesign(十)-Creative customization_第5张图片
收件箱产品图标动画显示当用户打开应用程序的第一次,并要求登录。
(译)MaterialDesign(十)-Creative customization_第6张图片
当用户的日历数据第一次加载时显示日历产品图标动画。
(译)MaterialDesign(十)-Creative customization_第7张图片
当用户第一次打开应用程序并进入欢迎页面时,图标动画显示。
(译)MaterialDesign(十)-Creative customization_第8张图片
Gmail产品图标动画有一个更好玩的特点当用户打开应用程序第一次被要求登录。

插图

在图像和插图中的微妙动画可以为用户体验添加俏皮感。

(译)MaterialDesign(十)-Creative customization_第9张图片
当显示一个意想不到的错误,使用它。
当日历内容加载时,显示一个自行车的动画直到日历加载完成
当用户完成他们的操作后出现动画,如达到收件箱,可以让用户接触应用的深层次的功能
动画说明一个新的功能可以在一个令人难忘的方式教育特征的用户。

你可能感兴趣的:((译)MaterialDesign(十)-Creative customization)