Material Design 更新了动画,动画插值与用户引导

5,602 阅读2分钟
原文链接: zhuanlan.zhihu.com
今天, Material Design 迎来了毫无预兆的一个大更新, 突然地完善了 (本应在两年前就有的) 动效设计讲解与加入了面向中小团队与个人开发者的初体验设计指导.

Motion

Material Motion - Google Design


动效设计这个部分经过了一番彻底的改头换面, 增加了不少详细的说明 (看到上面这张图相信不少已经试过制作 Material Design 风格动效的设计师们应该会露出会心的苦笑吧, 现在终于可以不用自己去费精力摸索其中的规律了), 包括动效持续的长度, 加速度的使用, material 的移动, 创建与消除, 等等, 几乎涵盖了 Material Design 动效的全部细节, 还指出了一些常见的错误 (这点非常重要, 有很多设计师/开发者凭着来源不明的经验模仿 Material Design 动效, 做出来的东西千奇百怪, 令人不悦, 完全丧失了 Material Design 动效的初衷), 值得对动效感兴趣的开发者和设计师仔细阅读.

更新里还包含了对于图标动效和载入动画的一些有趣的建议, 千万不要错过.

Growth & communications

Introduction - Growth & Communication - Google Design


用户教育的部分, 一直以来都为 Android Design/Material Design 所忽视 (虽然 ADiA 有一期专门的节目介绍), 但这次是 Google 第一次为用户教育模块写下详细的介绍. 对于中小团队和个人开发者而言, 初体验设计对于应用的生死存亡而言至关重要, 这次 Google 终于给出了一份指导文档, 还是很有意义的.


初体验设计的模块中, 包括了非常常用而至关重要的空界面设计, 内容定制模块, 功能介绍等等, 都附有详细的设计图.



当然, 你也可以按照自己的思考来进行定制, 不过至少 Google 终于给出了一个参考标准.

另外, 这个模块强烈建议配合 Google Prime 服用, 效果倍增.