赞助商
立即赞助

Google I/O 大会之后,Material Design 发生了这些变化

UI设计3年前 (2021)发布 流光
3.4K 0 0

编者按:Google I/O 大会之后,Material Design 也不意外地随之进行更新,为目前最主流也是对当前设计影响最大的一种设计风或者说设计准则,它的每一个改变有着巨大的意义,以及非常际的影响。在 Google I/O 大之前,开者 Raveesh Bhalla 对 Material Design 的新特进行预测,并且撰写《Google I/O即将到来,对Material Design 2.0我做预测》,大之确有不少预测得到印证,篇文章就是对此的回应。

自从 2014 年 Material Design 问世来,它就一直是被使最多的视觉设计语言,是最受的视觉设计语言之一。这一状况很大程上得益于它的两个特征:

  • 统一:它是跨平台的视化设计语言。
  • 直觉:Material Design 的核心原是「Material / Surface」的行为方式,「纸」的隐喻使得户够感知到这种虚拟的材质,够看到、触摸到甚至预测到接来会发生么。

Google I/O 大会之后,Material Design 发生了这些变化

对于 Material Design ,Google 的想法恐怕不止让它作为一种纯的视觉语言存在,还希望它承担更多的功能,比如备改变计和开发流程的工性。在今年的 Google I/O 大会之后,Material Design 的新性也了前,这些改变确实令人振奋。

Material 主题

这对于 Material Design 而言,绝对是一次巨大的升! Material 主题,提供的是一种「系统化」地对 Material Design 进行定制的功能,这也就味着品牌可以借助它来定制出贴品牌风格的 Material Design 主题。

Google I/O 大会之后,Material Design 发生了这些变化

Google I/O 大会之后,Material Design 发生了这些变化

这里所说「系统化」指是:

品能够过色、排印和图形等视觉元素来凸显自己。

这也意味着我们可以以全新来改变 Material Design 所提供这些组件!在此新功能出现前,设计师需要在 Sketch 借助多个不插件才能实现类似功能,而现在,我们拥有了 Material Theme Editor 来专执这个任务。

Google I/O 大会之后,Material Design 发生了这些变化

Google I/O 大会之后,Material Design 发生了这些变化

它主包含了这些趣的功能:

  • 更改、添和更配色:它可系统的管有的颜色,并且够具体落实到具体位置上的特定色彩,可一次更改整个设计中的一种色彩,甚至够基于特定的色彩来生成同色系同明暗同饱和的他色彩。
  • 字体理:它不仅能够理字体,且能够控制字体的层次结构。
  • 形状管理:这是最要新功能,也是 Material Design 核心,为这个功能意味着你可以更新设计「材质」!元素形状,卡片细节,都可以根据你品特征进自定义了!
  • 新的图标式:如果你也被图标的固定式所困扰,那现在你拥有5种不同风格的图标式供你选择了,总会有那一种符你的需求。

Gallery

Gallery  Google 去发布的新具,这款具称能够简化的设作流程,不过当时,它的功能还很简单,仅仅只允许用户对不同的图片的版本行论已。

Google I/O 大会之后,Material Design 发生了这些变化

Google I/O 大会之后,Material Design 发生了这些变化

现在全的 Google Gallery 来了,它现在够解决一些非实际的设计功了。

  • Gallery 中以添加 Google 文档、表单和幻灯!所以,现在以将需求文档、用户研和整个视设计整合到一!
  • Gallery 中添了「项目和收藏」的功,本质上它就像 Sketch 置的档管系统,并且涵盖多个页面,这在日使的时候会非方。
  • 如果传的多文档文件相同,它会针对多文档行版本理,这于观察整产品的演过程,以及反馈如何影响设走向的。
  • 内了检查模,它并不是单纯进拼写检查,它甚至可以检测到符号和拼写,甚至接追溯到相应组件和代码上,此,文本识功能和 Google Fonts 功能打了!
  • 完全免费!仅此一点,就味着计不用再选用 Sketch、Zeplin、InVision 或者 Marvel 这些收费服了!

除此,Material Design 有许多细节上更新,这些新功能分布在新版规范各个落,其主要括:

  •  iOS、Android、Web  Flutter 新了全新的 Material 组件;
  • 如何创全新 Material 主题,相关各教程和技巧;
  • 作为 Material Design 的作方,诸如 Lyft、Genius、NPR、Pocket Casts 和 Zappos 这的应用都是怎和 Material Design 进行协同的。

结语

新的 Material Design 当中加入的新功能新服务并不少,如何合理运用其中的功能将直接关系到 UI/UX 设师、PM 产品设师今后的作方式,也许这里面藏改变的产品的新契机呢。

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

Darren大人 :总结了一套引导页的设计思路,希望自己在新的一年能多学习总结,在这里和大家分享交流,大家也可以提出问题和建...
2.5D
网易UEDC – 仉长娟 :从事 B 端产品交互设计工作的半年时间里,有幸接触了面向开发和运维人员的 B 端业务类列表交互设计工作...
Web设计
@Daidai丶呆 :今天这篇文章的内容虽然较短,但是意义却非常深刻,值得各位 UI 设计师细品。 该项目旨在遵循以用户为中心的...
App图标
现代人对于健康越来越重视,而移动端APP 在这方面为用户提供了多种多样的帮助。无论是系统化的健身应用,还是卡路里计算器,...
App设计
编者按:虚拟现实类的APP 要怎么设计?其实你已经可以自己动手设计了,其中所需要注意的要点,都已经汇总到下面的文章里面,...
AR
LOGO 设计毫无疑问是一个重要的设计领域。相比于平面和视觉设计领域,LOGO 设计的趋势会显得更加稳定。这很大程度是因为 LOGO...
2020设计趋势
设计师的主要职责之一,就是为产品定制合理的视觉,基于目标用户的特征和产品的设计目标,给用户特定的感觉。UI和UX设计师需...
ui设计
编者按:Google 旗下有很多不同的设计项目,他们会到每年年底的时候,评估出每年最值得关注的设计项目,这些设计项目中大多有...
Google