• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > Google I/O 大会之后,Material Design 发生了这些变化

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

作者:Pratik Shah 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含Google,Material Design,经验分享,设计规范,设计趋势等相关知识,Pratik Shah希望在学习及工作中可以帮助到您

编者按: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」的行为方式,「纸」的隐喻使得用户能够感知到这种虚拟的材质,能够看到、触摸到甚至预测到接下来会发生什么。

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

Material 主题

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

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

品牌能够通过色彩、排印和图形等视觉元素来凸显自己。

这也意味着我们可以以一种全新的方式来改变 Material Design 所提供的这些组件!在此新功能出现之前,设计师需要在 Sketch 中借助多个不同的插件才能实现类似的功能,而现在,我们拥有了 Material Theme Editor 来专门执行这个任务。

它主要包含了这些有趣的功能:

  • 更改、添加和更新配色:它可以系统化的管理所有的颜色,并且能够具体落实到具体位置上的特定色彩,可以一次更改整个设计中的一种色彩,甚至能够基于特定的色彩来生成同色系不同明暗不同饱和度的其他色彩。
  • 字体管理:它不仅能够管理字体,而且能够控制字体的层次结构。
  • 形状管理:这是最重要的新功能,也是 Material Design 的核心,因为这个功能意味着你可以更新设计的「材质」!元素的形状,卡片的细节,都可以根据你的品牌特征进行自定义了!
  • 新的图标样式:如果你也被图标的固定样式所困扰,那么现在你拥有5种不同风格的图标样式供你选择了,总会有那么一种符合你的需求。

Gallery

Gallery 是 Google 去年发布的新工具,这款工具号称能够简化你的设计工作流程,不过在当时,它的功能还很简单,仅仅只是允许用户对不同的图片的版本进行评论而已。

现在全新的 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 和产品设计师今后的工作方式,也许这里面藏着改变你的产品的新契机呢。

「2018年设计趋势,一个都不要错过」

  • 《2018年,这10个LOGO设计趋势值得你关注》
  • 《超全面总结!2017年UI设计领域流行过这21个设计趋势》
  • 《掌握这12个移动端UX设计趋势,你就掌控了2018年》
  • 《这款独特的紫色,是为你指引2018年设计方向的年度潘通色》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 我们能从Google的全新UI中学到的知识(图文)
  • 在谷歌当了半年设计师,我学到这些经验
  • 谷歌所说的“整体网页设计”到底是什么概念?
  • 如何将品牌与UI完美结合?Google新规范告诉你答案
  • 新版抢先看!Material Design 的7个重大更新
  • Google I/O 大会之后,Material Design 发生了这些变化
  • 2018 阿里巴巴 UCAN 回顾!张晶华:用户研究在产品定义上的新影响力
  • Google I/O即将到来,对于Material Design 2.0我做了这些预测
  • 实战教程来咯!超实用的VR界面设计实践指南

相关文章

  • 2018-08-23新手入门手册!设计师如何才能做出原创作品?
  • 2017-08-06使用字符代替圆角尖角研究心得分享
  • 2017-08-06推荐一个前端工程师做的超酷交互式网站
  • 2018-08-23网易高手:角色权限设计的100种解法
  • 2018-08-23写给设计师看的基础数据知识
  • 2017-08-06复制和粘帖是封装的大敌
  • 2017-08-06对国内社交型网站主页的对比与分析 得到的经验分享给大家(图)
  • 2017-08-06朋友网手机客户端下载页面的设计分享(图文)
  • 2018-08-23从零开始设计一款APP之如何做好整理和交接工作
  • 2017-08-06关于页面元素的绝对定位和相对定位的一些理解

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 一个优秀的注册流程应该具有的步骤
    • 腾讯99%的付费界面和流程,都是这个团队设计的!
    • impress.js表现层框架(演示工具)-初体验
    • 三种方式实现元素水平居中显示与固定布局和流式布局概念理解
    • Bootstrap3.0学习笔记之入门篇
    • 腾讯干货!虚拟To B支付设计研究之基本知识科普篇
    • 如何在网站中插入天气预报
    • 10个关键点,告诉你如何设计产品评论模块
    • 静态页面与动态页面各自的执行机制说明
    • 用超多实例,解析「交互设计七大定律」在设计中的应用(上篇)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有