material design 文档动画的学习笔记

更加有层次的展示动画，能引导用户注意力，分清主次。

2, 一致性的方向：

创造了视觉关联系，并且动画效果清晰流畅。

5 | 使人高兴的动画细节

充满创意的动画细节会使用户有惊喜感：谷歌提供的关于图标细节的两个例子：

这些细节的创造需要灵感，而灵感需要积累，在你创造前，欣赏很重要。下面分享几个积累交互灵感的干货资源：

Capptivate ：Capptivate是一个聚合APP动效Design Pattern的网站

littlebigdetails : LitterBigDetail是一个汇总微设计的网站

Dribbble : 大名鼎鼎的设计师网站

Behance ：同上

（完）

学习资料：

Google Material Design 繁体中文版

极客学院Material Design

谷歌官方文档（英文版）

再扯几句：小的英语只过4级，看官方文档着实吃力。这里推荐一下干货：

在gitbook 上有台湾人民众包翻译的繁体中文版，那流畅度和质量不知道比内地的好多版本高到哪里去了，推荐阅读。

极客学院的是视频课程，听着里面大叔咸湿的嗓音，比较不闷。

但以上两份资料内容上有些不齐全，因为谷歌文档随时会更新内容，所以本文中的所举例子都是英文版的最新实例。而且排版上官方确实是最棒的，内地有些翻译文档因为图文排版错误，导致不知所云。所以还是对照着学习，效果最好。

PS: 官方演示视频是用webm 格式的。因站酷不支持，我用gif 代替，一些颜色上的偏差请不要在意这些细节。请打开谷歌官方文档（英文版）欣赏原视频。

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!