Material Design

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

19 篇文章 917684 位观众

通过这个专题，不仅可以了解到最新的 Material Design 变化，还有 Material Design 的动效设计、可用性设计、用户引导设计等中文版本，另外还有高手总结的学习笔记和实战案例。看完这个专题，帮你全面读懂 Material Design。

2022-07-31更新

收藏 637

正序倒序

Material Design 折叠屏设计指南：完结篇

Material Design 折叠屏设计指南：完结篇

本文为 Material Design 折叠屏设计指南中文版译文完结篇，包括组件、多窗口交互和动效三部分，超多干货建议收藏。

龙爪槐守望者 2.9w 人阅读 2022/02/24 Material Design UI设计

1

Material Design 折叠屏设计指南（2）：布局

Material Design 折叠屏设计指南（2）：布局

本文为 Material Design 折叠屏设计指南中文版译文第二篇，超多干货建议收藏。

龙爪槐守望者 1.7w 人阅读 2022/02/17 Material Design 折叠屏

2

Material Design 折叠屏设计指南（1）：概述

Material Design 折叠屏设计指南（1）：概述

本文为 Material Design 折叠屏设计指南中文版译文第一篇，超多干货建议收藏。

龙爪槐守望者 2.3w 人阅读 2022/02/16 Material Design 折叠屏

3

高手笔记整理！一份超全面的Material Design 暗色主题设计指南

高手笔记整理！一份超全面的Material Design 暗色主题设计指南

越来越多的 App 开始加入暗色模式，对设计师也提出了更多的要求。本文是高手学习 Material Design 设计规范的学习笔记，收藏起来肯定有用！

程远 5.8w 人阅读 2019/07/18 Material Design 暗色模式

4

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

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

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

程远 4.9w 人阅读 2018/05/14 Google Material Design

5

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

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

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

Victor_42 17.5w 人阅读 2014/12/28 App设计 Material Design

6

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

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

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

程远 10.8w 人阅读 2016/05/12 Material Design 动效设计

7

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

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

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

程远 3.9w 人阅读 2016/05/13 Material Design 动效设计

8

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

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

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

程远 3.1w 人阅读 2016/05/19 Google Material Design

9

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

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

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

程远 2.5w 人阅读 2017/08/04 Material Design 可用性

10

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

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

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

程远 1.6w 人阅读 2017/08/07 Material Design 用户引导

11

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

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

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

程远 2.1w 人阅读 2016/09/18 Material Design 经验分享

12

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

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

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

程远 3.6w 人阅读 2017/09/23 Material Design 经验分享

13

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

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

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

程远 4.7w 人阅读 2016/11/07 APP App设计

14

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

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

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

程远 2.2w 人阅读 2016/12/11 Material Design 经验分享

15

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

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

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

陈子木 1.9w 人阅读 2015/05/26 Material Design UI设计

16

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

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

在Material Design 风格中，如何大胆、灵活的使用色彩组合是一项很有挑战性的任务，今天这10款 Google Material Design 专用的配色工具，可以助你一臂之力。Material Design 简介：时至今日大家应该都对这个设计风格有所耳闻，如果你还不够熟悉，这儿有三篇文章可以帮你轻松入门：首先来认识一下它扁平化设计的区别：《涨姿势！扁平化设计和MATERIAL DESIGN有什么不一样？

程远 8.7w 人阅读 2016/07/27 Material Design 经验分享

17

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

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

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

程远 6.6w 人阅读 2014/11/19 Material Design psd下载

18

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

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

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

程远 5.1w 人阅读 2015/04/15 Material Design ui kits

19

本专题已完结，还有81个系列专题

收藏本专题 637

查看更多专题

发评论！每天赢奖品

点击登录后，在评论区留言，系统会随机派送奖品

2012年成立至今，是国内备受欢迎的设计师平台，提供奖品赞助联系我们

本期奖品

DeepSeek实用操作手册

已累计诞生 745 位幸运星

查看获奖名单

发表评论为下方 1 条评论点赞，解锁好运彩蛋

{{ moreBtnTxt }}

以上留言仅代表用户个人观点，不代表优设立场

评论就这些咯，让大家也知道你的独特见解立即评论

大家都在看

ChatGPT 使用指南

23篇文章

AIGC 大厂实战设计案例

45篇文章

改版设计

46篇文章

用户体验法则

16篇文章

iPhone

14篇文章

即时设计的进阶之路

19篇文章

二十四节气海报设计

24篇文章

平面设计

81篇文章

DeepSeek 高效使用指南

11篇文章

热门频道

设计灵感

支持与服务

官方社群
优设官方微信群
01优设AIGC自学交流群
02优设小红书个人IP交流群
03优设设计师交流群
04优设UI设计师交流群
05优设交互设计师交流群
06优设电商交流群
07优设私单群

08优设硬件种草交流群
09优设同城搭子群
10优设大学生交流群
11优设插画师交流群
12优设平面品牌设计师交流群
13优设3D设计师交流群
14优设摄影剪辑爱好者交流群
微信扫码添加管理员招财

微信号：扫码添加

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微博

@
优设AIGC
400W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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

优优教程网

优设大课堂

设计师导航