创意设计 | Material Design 最新改版出炉啦！这也太高级了吧？

“本文为友情推广，内容由合作方提供”

现在进去 Material Design，会发现他们今年有一个大更新。

不但单独搞了一个网站，并且取名为 Material You。

Material Design 官网首页截屏

Google 的 Material Design 和 Apple 的 Human Interface Guidelines 并列为移动端两大规范。

虽然国内很多公司以 iOS 为基准做设计，但是要论设计规范的细致严谨，还是 Material Design 更给力。

所以对于初中级设计师来说，多看 Material Design 对学习提升是很有帮助的。

为了帮助中文设计师们学习最新的  Material 设计体系，我们知识星球里的 30+ 个小伙伴耗时两周时间，整理出来了一份中文翻译版免费送给大家：

如果你想先快速了解一下 Material Design 的更新内容，可以继续往下读～

01

改了成什么样了？

毕竟 Android 和 Material Deisgn 都是同属 Google 旗下，所以看看 Android 的官方视频就很能 get 到了：

整体来说……不知道这句话对不对……我觉得是更像 iOS 了 ?

其实 Material Design 之前就经常被说不好看，被评价时也经常用「严谨」、「技术」、「科学」之类的词。

因为新版的 Material Design 颜值真的有明显提升啊！

02

颜色变柔和了

只要是去过 Material Design 老版官网的人，肯定对那个紫色的标题栏记忆犹新：

虽说这个颜色理论上是可以自定义的，但这个亮紫色真的拉低了整个设计系统的颜值！

而且我如果想要在官网图示里，找几个有代表性的案例，都很难调出顺眼的：

上下滚动查看更多

但是现在，官方给的图示变成了这样：

尤其是那种鲜艳的标题栏去掉了，原来的纯灰色里也增加了一点色调：

以前颜色设置只需要几种，而且很多都是黑白：

现在搞得更有层次了，但也复杂多了，而且还可以多搞一套深色主题：

03

圆角变大了

之前 Material Design 给人的感觉是比较锋利的，卡片大多没有圆角，按钮大多是小圆角：

而现在，圆角都变大了，甚至图片都加上圆角了：

不过，也不是所有圆角都简单地加大尺码了。

Material Design 原本标志性的悬浮按钮，反而从圆形变成了圆角矩形：

老版

新版

而标签，反而把圆角缩小了：

老版

新版

04

字体常规化了

以前 Material Design 的大标题很醒目：

老版

现在字体变细，最大尺寸也变小了。

而且单独一行时，会占用左上角图标的那一列位置，更节约空间。

新版

这样把所有文字样式拿出来对比一下，还挺明显的：

老版

新版

05

适配更强大了

Material Design 一开始就是用一套规范来同时适配 PC端、平板端和手机端，这就挺不容易的：

新版的 Material You，适配能力更上一层楼：

更厉害的是，他们居然也为折叠屏做了适配，可谓是紧跟时代潮流了：

最近刷到好几款折叠屏手机的新闻，产品设计对折叠屏适配真的越来越重要了。

06

资料奉上

这是老版和新版的官网，有条件的可以去看看：

Material Design: https://material.io

Material You: https://m3.material.io

文章来源：设计师ZoeYZ，版权归原作者所有

原文链接：

https://mp.weixin.qq.com/s/OlPidRlptF8FzmA2lC8XFg

版权声明：“美啊设计平台”所推送的文章，除非确实无法确认，我们都会注明作者和来源，本公众号对转载、分享的内容、陈述、观点判断保持中立，不对所包含内容的准确性、可靠性或完善性提供任何明示或暗示的保证，仅供读者参考。部分文章推送时未能与原作者取得联系，若涉及内容或作品等版权问题，烦请原作者联系我们，给出内容所在的网址并提供相关证明资料，我们会核查后立即更正或者删除有关内容！本公众号不承担任何责任，并拥有对此声明的最终解释权。

联系微信：Meia_11

联系电话：18102296160

联系邮箱：service@meia.me

本篇版权归原作者所有，仅供学习和分享

如若图文资源侵犯您权益，请与我们联系，将第一时间做出处理

责编：桃子

初审：小七
终审：苏菁

 IXDC·2022 

 IXDC2022年大会报名开始啦！
全新的会期 
6月·北京见噢！

早鸟优惠7折再次来袭

最低折扣截止2022年1月28日

快来报名吧！

想要了解更多设计知识

点击下方阅读原文进入课程

点这里，一键进入线上课程！

?

本篇文章来源于微信公众号: IXDC