Material Design 20...

  • 经验类型设计趋势
  • 经验属性原创文章
  • 经验版权署名
6873 1 32 2018-05-10

这次 Google I/O 2018,Material Design 给我们带来了足够多的惊喜。

在 Google I/O 2018 上,Google 设计团队发布了他们最新的 Material Design 成果,这些成果可以说是在已经趋于沉寂的 Material Design 中注入了一针强心剂,带来了很多惊喜,以下我会从几个方面阐述他们这次发布的核心内容。


1、 Material studies

很多学习过 Material Design 的同学肯定最希望的就是能够有基于 Material Design 的设计案例作为参考,看看到底基于 Material Design 这个设计语言能够创造出多么奇妙的产品。

而 Material studies 能够完美解决你的这个需求,除此之外,它更是作为一个基于 Material Design 的设计解决方案向你呈现整体设计思路,从设计与品牌的结合度、信息架构、布局、色彩、字体排版、图标、组件、动效等维度让你深入了解 Material Design 并不是一个刻板不变的设计规范,而是能够基于其中的设计理念做非常多创造的设计体系。

Image title


Image title


Image title



可以说看了这些案例分析,对设计过程和思考方式有了更为清晰直接的了解,能给设计师带来极大的帮助,因为 Design System 概念的流行,让大家认识到设计其实并不仅仅关注最终结果,更需要关注整个设计过程,以及培养解决问题的设计能力。

强烈建议大家好好学习这几个设计案例,真的是干货满满。

https://material.io/design/material-studies/about-our-material-studies.html


2、设计协作工具——Gallery

其实 Google 设计团队很早就放出了 Gallery 的相关信息,这次总算是实装上线了,你可以把 Gallery 理解成 Google 的类 Invision 产品,在这里你可以管理设计项目、团队协作、实时查看标注等,不过整体功能还是没有 Invision 的丰富(例如简单的界面交互等),期待完善。

Image title

https://material.io/tools/gallery/



3、Material Theme Editor

对于这个工具,我只能用六个字来形容,那就是“牛逼、牛逼、牛逼”!

简单来说,Material Theme Editor 就是一个能够在 Sketch 中快速生成基于 Material Design 的设计规范,并且能够按照你的需求最大程度自定义组件样式的插件,让我们看看它能够做到哪些自定义的内容。


1)颜色

通过该插件我们能够快速替换上面生成的设计规范里的主色、次级色以及背景色,全局替换,非常方便,而且更为犀利的是,它会根据 (WCAG) 2.0 的规范对你选取的颜色做可视性校准。


2)字体

通过该插件,能够设置默认 Font Family,并且能够对每个字体层级设置字重,不过暂时不能修改字体层级名称和字体大小。


3)形状

众所周知,Material Design 里面的卡片以及其他组件会有直角和圆角之分,在新的设计语言里,Material Design 还加入了新的“Angled”样式,我把它理解成“折角”,因为类似纸张把边角折起来的样式。

通过这个插件可以全局设置卡片、按钮等样式的四个角形式,同样也很方便。


4)图标风格

由于 Material Design 新推出了多种图标风格(实心、线性、双色、圆角等),能够通过该插件快速下载不同图标风格的 Icons Symbol 以供使用。



总结起来,Material Theme Editor 应该算是这次 Google 设计团队发布的最让我惊喜的工具了,它也表明 Material Design UE 设计工具已经全面转向 Sketch 了。

https://material.io/tools/theme-editor/


4、其他

除了上述提到的几点之外,Material Design 还修改了大量的设计文档,以及在 Develop 层面做了很多优化和修改,提高了设计与开发的协作效率。



总结

这次更新的内容,让我明显感受到了 Google 设计团队想要通过 Material Design 给设计师带来更多的价值。

这种价值已经不仅仅局限于给你提供一个既定的规范和组件库来方便你遵守和快速使用,更是希望从设计体系的维度,告诉你更为合理的设计过程与设计思路,帮助你成长为更优秀的具有独立思考能力的设计师,而非刻板懒惰的规范遵守者


“授人以鱼不如授人以渔”—— 感谢 Material Design。

全部评论:1

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票