恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Material Design 2018,更新内容总结
0.0°
2018-05-10 原创文章 设计趋势 举报 6865 22 32 1

这次 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。

更新:2018-05-10

收藏

22人已收藏

benz

杭州西湖区招插画师,作品发邮箱 ben@8btc.com

  • 94

    作品

  • 3534

    粉丝

  • 0

    关注

  • Wedding website practice :)
  • Traffic tools animation(附源文件)
  • Codeages Design Web中后台设计规范
  • Microsoft Fluent Design System

    猜你喜欢

      2018-05-10 原创文章 设计趋势 举报 6865 22 32 1

      Material Design 2018,更新内容总结

      0.0°

      你确定要举报Material Design 2018,更新内容总结

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年05月10日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      32
      22
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录