赞助商
立即赞助

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 产品设师今后的作方式,也许这里面藏改变的产品的新契机呢。

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

相关文章

发现圈子中越来越多的设计师都开始想要跳出狭义范围的设计师 Title,去尝试拓展边界做更前或者更广的事情,比如全链路设计、...
品牌
「如此操作,你就能得到这样的结果。」在游戏当中,这种简单的逻辑并不一定总是最佳的方法。为什么这么说呢?如果外部奖励,...
Eugen Eşanu
网易UEDC – 仉长娟 :从事 B 端产品交互设计工作的半年时间里,有幸接触了面向开发和运维人员的 B 端业务类列表交互设计工作...
Web设计
这是一篇 Sketch 进阶教程,让你学会利用 Symbol 建立一套设计规范组件库。 文章目录 写在前面 基础规范 图标规范 ...
交互组件库
在上一个不同寻常的周末,复古青年写真霸屏了 QQ 空间、微信等社交平台,撩拨了每个年龄层对自己复古青年形象的想象。 活动...
实战案例
这次我们通过简译 O’Reilly 系列的《Pair Design – Better Together》一书的部分内容,一起初步认识一下 Gretchen Anderson ...
团队协作
为什么这么多科技公司的 LOGO 看起来都差不多?从 Google 到 Airbnb,从 Spotify 到 Pinterest,这些公司最初都使用了相对独...
facebook
本文作者结合自身经验,总结了一份交互自查表,来帮助大家在工作中面对分支流程和异常情况的时候,提高处理效率。 先来看一...
交互设计