Material Design - 优设网

新版介绍新版抢先看！Material Design 的7个重大更新

2018年5月9日凌晨1点，谷歌I/O 开发者大会如期在美国加州山景城的海滨露天剧场拉开帷幕，谷歌不仅对 AI 技术进行了更深层次的提升，同时也对 Android 系统进行了更新，谷歌副总裁 Dave Burke 对 Android 的更新进行了开场演讲，「在 Android 过去的10中，已经成为了一个开放的系统。」随着 android P 的诞生，谷歌今日宣布了 Material Design 应用程序视觉设计语言的几项更新。尽管此前传闻称有大改，但从刚刚召开的 I/O 2018 开发者大会...

2018-05-14 Shell_Xiao糯米 36434 人阅读

学习笔记重磅教程！帮你全面彻底搞定Material design的学习笔记

编者按：这一年就快完了，你还没搞懂Material design吗？是嫌文档太长，还是觉得自己英文不好？都没关系，我们善良热情的@十萬個為什麽帮同学们通读了一遍官方的设计指南，去糙取精，整理出这篇干货超多的学习笔记，打包票学完基本就掌握90%了，别错过咯！

2014-12-28 程远 41269 人阅读

动效指南中文版来了！新版Material Design 官方动效指南

编者按：前两天Google 刚发布了新版Material Design 官方动效指南，今天@平行煎餅就给大家带来了中文版！全文包括三个部分：为什么说动效很重要？如何制作优秀的Material Design动效及转场动画，动效的意义。

2016-05-12 程远 71625 人阅读

动效指南中文版来了！新版MATERIAL DESIGN 官方动效指南（二）

编者按：昨天@平行煎餅发了新版Material Design 官方动效指南的第一节，今天继续第二部分，从动效的速度、动态持续时间、通用持续时间和缓动曲线4个部分，教你创建平滑一致的Material Design 动效。再系统的干货都比不上官方的动效指南，西瓜就在这，赶紧来捡。 Material Design的动效设计是响应式的，自然的。

2016-05-13 程远 27747 人阅读

动效指南中文版来了！新版MATERIAL DESIGN 官方动效指南（三）

@平行煎餅：新版Material Design 官方动效指南已经翻译到第三章了！今天这部分，从动效的运动和材料形变入手，让你的动效自然真实，贴近现实状态。再系统的干货都比不上官方的动效指南，西瓜就在这，赶紧来捡。

2016-05-19 程远 20343 人阅读

可用性指南想提高可用性？看谷歌Material Design 的官方教程是怎么做的！

荣超：本节是谷歌Material Design可用性部分的中文完整译本，非常完整地阐述了提高可用性的方法和技巧。一. 无障碍/可访问（Accessibility）无障碍设计能够使用户成功浏览、理解和使用您的UI。原则让无论是视力低下、失明、听力障碍、认知障碍或运动障碍的用户都可以使用产品。

2017-08-04 程远 8219 人阅读

用户引导指南想做用户引导？看谷歌Material Design 的官方教程是怎么做的！

荣超：这个指南中的实践案例和组件可以帮助用户快速直观地了解他们在你的应用中能做些什么，想知道谷歌的设计团队是如何做有效用户引导的，看这个准没错！相关教程：《想提高可用性？看谷歌MATERIAL DESIGN 的官方教程是怎么做的！

2017-08-07 程远 8064 人阅读

学习笔记 Material Design从这11个方面打破了我的思维局限

雨涵_Zoe：这段时间为了研究控件，细看了一下 Material Design，结果发现了很多创新、好用又有趣的东西。这里主要写的是 Material Design 给我带来的打破思维局限的东西，所以每一点都是精挑细选的关键点。官方译文：《中文版来了！

2016-09-18 程远 13688 人阅读

学习笔记从设计指南说起，详解Material Design体系组件

Echo ：iOS 或 Material Design的设计指南，都是按照组件的属性来系统介绍。一般把Control翻译成控件，把Component翻译成组件。通俗的解释说法就是组件为多个元素组合而成，控件为单一元素。

2017-09-23 程远 15692 人阅读

实战案例 APP丨今年这5款APP拿下了谷歌的Material Design 设计奖

@最美应用官方微博：一套视觉设计系统，只有当它被用来创造更有意义的体验时，才能走进人们的生活。为了鼓励开发者们在 Material Design 设计上带来更多的创意，Google 专门设立了 Material Design Awards 奖项。今年的第二届 Material Design Awards 设计奖，就评选出了以下 5 款应用。

2016-11-07 程远 35264 人阅读

实战案例案例实战！如何将Material Design 带入到实际产品中？

编者按：在进行App设计时，有没有什么规范参考标准，还是自己想象一个出来？究竟如何去根据iOS的规范具体实现设计落地？今天@Jaret_杰瑞特（优酷土豆上海部设计经理）这篇用优酷的实战案例带你入门。

2016-12-11 程远 12429 人阅读

实战案例涅磐之路！Aviary设计师的Material Design改版实战

在过去的三年里面，我一直带领着 Aviary 的Android设计师团队。非常荣幸我能为大家设计这款摄影APP，让大家能释放创造力，通过这款APP来拍摄出如此之多优质的照片。随着Google 推出Material Design 这种全新的设计语言，我们的产品设计团队也开始针对Photo Editor 进行重新设计。

2015-05-26 陈子木 11886 人阅读

资源下载该跟上潮流了！一大波优质的Material Design资源免费下载

编者按：说了这么久的Material Design，不能半抱琵琶半遮面了，直接来研究高手的作品吧！今天分享一组最新的设计资源，包括GUI工具包和UI模板，以及1000+图标素材，全都是挑的精品，包你满载而归，来淘宝吧！再不学习你就奥特咯！

2014-11-19 程远 46898 人阅读

资源下载超赞！特别全的Material Design UI KIT免费打包下载（可商用）

编者按：之所以单独挑出来打包，是因为这个UI KIT太用心了！几乎覆盖了Material Design的全部元素，从按钮，表格到界面都有，而且可以免费商用，想试水这类新风格的同学，可以来下载了 >>> 微盘下载【优设三月免费资源打包人气篇】超好用的设计师专用简历模板！《年后求职福利！

菜单 优设网 - UISDC

您还未登录

登录后即可体验更多功能

Material Design 《每个设计师都该深度学习的设计语言》

15 篇文章 433710 位观众 1 人评论

专题文章

新版介绍 新版抢先看！Material Design 的7个重大更新

2018-05-14 Shell_Xiao糯米 36434 人阅读

学习笔记 重磅教程！帮你全面彻底搞定Material design的学习笔记

2014-12-28 程远 41269 人阅读

动效指南 中文版来了！新版Material Design 官方动效指南

2016-05-12 程远 71625 人阅读

动效指南 中文版来了！新版MATERIAL DESIGN 官方动效指南（二）

2016-05-13 程远 27747 人阅读

动效指南 中文版来了！新版MATERIAL DESIGN 官方动效指南（三）

2016-05-19 程远 20343 人阅读

可用性指南 想提高可用性？看谷歌Material Design 的官方教程是怎么做的！

2017-08-04 程远 8219 人阅读

用户引导指南 想做用户引导？看谷歌Material Design 的官方教程是怎么做的！

2017-08-07 程远 8064 人阅读

学习笔记 Material Design从这11个方面打破了我的思维局限

2016-09-18 程远 13688 人阅读

学习笔记 从设计指南说起，详解Material Design体系组件

2017-09-23 程远 15692 人阅读

实战案例 APP丨今年这5款APP拿下了谷歌的Material Design 设计奖

2016-11-07 程远 35264 人阅读

实战案例 案例实战！如何将Material Design 带入到实际产品中？

2016-12-11 程远 12429 人阅读

实战案例 涅磐之路！Aviary设计师的Material Design改版实战

2015-05-26 陈子木 11886 人阅读

相关工具 超赞！10款快速搭配Material Design 配色方案的Web工具

2016-07-27 程远 50470 人阅读

资源下载 该跟上潮流了！一大波优质的Material Design资源免费下载

2014-11-19 程远 46898 人阅读

资源下载 超赞！特别全的Material Design UI KIT免费打包下载（可商用）

2015-04-15 程远 33700 人阅读

发表评论 已发布 1 条

UX理论

19条经典理论让你的设计更有说服力！

每月设计干货

每月最新的实用设计干货及时送上！

手机摄影

掌握拍摄窍门去朋友圈收赞

自学手绘

消除你学手绘的疑虑

设计师专访

设计大咖成长史

职场规划

帮迷茫的设计师找到职场方向

表情设计

上亿人使用的表情是怎么诞生的？

后期修图

最全面的后期效果方法总结

关于我们

热门频道

设计灵感

支持与服务

优设微博

优秀网页设计

380W粉丝！每日更新设计干货

优设

强烈推荐！优设官方品牌微博

优优教程网

官方微博，海量教程看不完

优设基础训练营

零基础入门，带你成为软件高手

优设抖音

优设PS大神

抖音号：UISDCPS

优设AI大神

抖音号：UISDCAI

优设微信

每天官微五分钟

一年萌新变大神

扫码关注

优设新媒体矩阵等你来关注

优设推荐：

扫码关注

访问官方微博

全部文章

菜单优设网 - UISDC