Material Design是Google Android的新灵魂。 材料设计是一种视觉语言,将良好设计的原理与创新融合在一起。 它专注于利用出色的设计原则和标准来创建美好而一致的用户体验 。 Google和其他大型应用程序制造商(如Whatsapp和SwiftKey)已经在其应用程序设计中使用了Material Design。
如果您希望在您的应用程序中引入材质设计,我们已经为您收集了最佳的材质设计资源-调色板,模板,字体,图纸和图标等。如果我们错过了任何内容,或者您想建议一些资源,我们很高兴收到您的评论。
![](https://i-blog.csdnimg.cn/blog_migrate/88393ff08100aab90bb4489d49718c32.png)
![](https://assets.hongkiat.com/uploads/material-design-resources/3-ticker-sheets-&-icons.jpg)
![](https://i-blog.csdnimg.cn/blog_migrate/1056b4ab217c168064f8230eb18202bd.png)
![](https://assets.hongkiat.com/uploads/material-design-resources/5-roboto-&-noto-fonts.jpg)
调色板和色板
![](https://i-blog.csdnimg.cn/blog_migrate/0cb17034e4c2d0438a6d50e0863856a2.png)
![](https://i-blog.csdnimg.cn/blog_migrate/d3e54a96f102c963f342dd337c63bd9f.png)
![](https://i-blog.csdnimg.cn/blog_migrate/5b753144541ef73b62963981a464cc90.png)
![](https://i-blog.csdnimg.cn/blog_migrate/ab28fcdb45cd19bdcf2d51b7db63b99d.png)
![](https://i-blog.csdnimg.cn/blog_migrate/69111bc87e333853c825ce2d7abdd3e8.png)
![](https://i-blog.csdnimg.cn/blog_migrate/e94e8c69950f12ee16dcdecb5bc96db5.png)
图标集和模板
![](https://i-blog.csdnimg.cn/blog_migrate/8262696def599f0cc5577c27c07de765.png)
![](https://i-blog.csdnimg.cn/blog_migrate/5cf2d719c8785a7ba8880bfb45055c5d.png)
![](https://i-blog.csdnimg.cn/blog_migrate/187e0b9138673b3f35523ceea622f219.png)
![](https://i-blog.csdnimg.cn/blog_migrate/d83954c062b472abdd02145d660d75a9.png)
![](https://i-blog.csdnimg.cn/blog_migrate/7dd612503100b3c0fc59a8f77df07efd.png)
![](https://i-blog.csdnimg.cn/blog_migrate/48a6087e02e24e88c8995a4674f10a4c.png)
![](https://i-blog.csdnimg.cn/blog_migrate/7c853d9ff79afbfa688d841767522829.png)
![](https://i-blog.csdnimg.cn/blog_migrate/8463ad31a82ff950604cf72f9f0da42b.png)
![](https://i-blog.csdnimg.cn/blog_migrate/036500376f51ff29d296669908f16c57.png)
![](https://i-blog.csdnimg.cn/blog_migrate/e8490760891d0c8c0de0f531cd6f4b35.png)
![](https://i-blog.csdnimg.cn/blog_migrate/a6b4311aac84120977fefd32aa628ce5.png)
![](https://i-blog.csdnimg.cn/blog_migrate/f85dff24399084b891e5b1a7502046b3.png)
![](https://i-blog.csdnimg.cn/blog_migrate/8de8e0cc3c1cc97b158d21fd20b57122.png)
![](https://i-blog.csdnimg.cn/blog_migrate/5b3ff0b107f8805f6625c289daa6f5c3.png)
![](https://i-blog.csdnimg.cn/blog_migrate/31bb94adf9b0fbd9b7eac7f4fcf31b46.png)
![](https://assets.hongkiat.com/uploads/material-design-resources/28-material-design-powerpoint-&-keynote-icons.jpg)
![](https://i-blog.csdnimg.cn/blog_migrate/c1e4db851639426202ddbeb1df07925e.png)
![](https://i-blog.csdnimg.cn/blog_migrate/18e6c8d85b3df80dd1c4007ea931e590.png)
![](https://i-blog.csdnimg.cn/blog_migrate/f3853fd0b06e56d91eb5f2603abec5fa.png)
![](https://i-blog.csdnimg.cn/blog_migrate/682bbace44c917e3ed0db2ed2e56df9d.png)
![](https://i-blog.csdnimg.cn/blog_migrate/d9c64edc40adfe0aaa26c18ece9b5868.png)
物料设计GUI套件
![](https://i-blog.csdnimg.cn/blog_migrate/915b1b7acb556ecb81e707c09f2fffb7.png)
![](https://i-blog.csdnimg.cn/blog_migrate/2776d3e9dda80fe0653b2b9a58d48a31.png)
![](https://i-blog.csdnimg.cn/blog_migrate/350fd2c95c1c5f7b4f5b67c64fc5f947.png)
![](https://i-blog.csdnimg.cn/blog_migrate/bf7848f86fe72cf95e5f4236fc1207d5.png)
![](https://i-blog.csdnimg.cn/blog_migrate/59ba1a5ae8f697b7b568cf4a3a6597fe.png)
![](https://i-blog.csdnimg.cn/blog_migrate/b8e22f663113fe9a29aeb2b5ff058c26.png)
![](https://i-blog.csdnimg.cn/blog_migrate/41dda1a2436183dd70933402f0699205.png)
![](https://i-blog.csdnimg.cn/blog_migrate/7e5cea34fdbc98a4e7178b4ccad56735.png)
![](https://i-blog.csdnimg.cn/blog_migrate/f22664fa59d58393321cb04c24100629.png)
![](https://i-blog.csdnimg.cn/blog_migrate/d7c24ba9cc2322d72c843cb03bfb440c.png)
![](https://i-blog.csdnimg.cn/blog_migrate/f1e28415729b96c9fe57e0e15adb3215.png)
![](https://i-blog.csdnimg.cn/blog_migrate/43c009dac087b7e47307794e8df1b6cd.png)
![](https://i-blog.csdnimg.cn/blog_migrate/5bad7887b64ce5f0a13798b52cfc42f7.png)
![](https://i-blog.csdnimg.cn/blog_migrate/4df2db1aa795d6fa7bf680735c41ee26.png)
物料设计应用程序UI套件
![](https://i-blog.csdnimg.cn/blog_migrate/b708eab8f2e1ae4eaf86a5abe1292c88.png)
![](https://i-blog.csdnimg.cn/blog_migrate/2fd8371d846bf7e0e9a8ef48c2526951.png)
![](https://i-blog.csdnimg.cn/blog_migrate/cad44ef9543fb8a255658d79fa623280.png)
![](https://i-blog.csdnimg.cn/blog_migrate/0330b93e919c7cad4d068da8ca9a4011.png)
![](https://i-blog.csdnimg.cn/blog_migrate/79344396df3ada9308b1987d8a2c867d.png)
![](https://i-blog.csdnimg.cn/blog_migrate/97ad841185f2862d1b435c84b1cf6935.png)
![](https://i-blog.csdnimg.cn/blog_migrate/4c46d0d6452616ee061eae0fc2302e84.png)
![](https://i-blog.csdnimg.cn/blog_migrate/8f342e7043f9b96673fb5f2bd1dea51b.png)
![](https://i-blog.csdnimg.cn/blog_migrate/df07fe761ae6013b729d4c8326b4a6e2.png)
![](https://i-blog.csdnimg.cn/blog_migrate/f3a480f69a88b588e19c873602405601.png)
![](https://i-blog.csdnimg.cn/blog_migrate/921b25988e344c00ee20f63218b5ac63.png)
物料设计UI套件
![](https://i-blog.csdnimg.cn/blog_migrate/e278bbbd91d098e733f78f3c7aacef1e.png)
![](https://assets.hongkiat.com/uploads/material-design-resources/65-date-&-time-pickers.jpg)
![](https://i-blog.csdnimg.cn/blog_migrate/d563f86f0b1e6f0a9a80a055f8b0784d.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c5712551ad89c69ded698c14612725c8.png)
![](https://i-blog.csdnimg.cn/blog_migrate/9ea578ca24474645a348104dbb69f830.png)
![](https://i-blog.csdnimg.cn/blog_migrate/f0fa39c725f09b8eeb0a851aafe5af11.png)
![](https://i-blog.csdnimg.cn/blog_migrate/7c38f7d5ef962b6f1d6963bca7e28c98.png)
![](https://i-blog.csdnimg.cn/blog_migrate/e088cc8e10d57b44e9203061c9b4a8cc.png)
![](https://i-blog.csdnimg.cn/blog_migrate/1947a0250cb8d6c4ae1b7a0359a03c3b.png)
物料设计应用程序用户界面的启发
在本节中,我们将介绍流行应用程序中受材料设计启发的概念设计。
![](https://i-blog.csdnimg.cn/blog_migrate/61f5992bbce10ff1ea23b32d01e117df.png)
![](https://i-blog.csdnimg.cn/blog_migrate/01cb23ec1c4f6e6f9e9cdbd4c4ffa308.png)
![](https://i-blog.csdnimg.cn/blog_migrate/0766dd7a94d1b6c2d0dfc8e506b1c418.png)
![](https://i-blog.csdnimg.cn/blog_migrate/75954047cd7d2a6dd4ebc1cf01869e12.png)
![](https://i-blog.csdnimg.cn/blog_migrate/61567f02faa648a72bc04dc56e4f3385.png)
![](https://i-blog.csdnimg.cn/blog_migrate/d7e1fc57808d1342932f91d69c66b286.png)
![](https://i-blog.csdnimg.cn/blog_migrate/85c4f23d8719f629b607f162a55e99da.png)
![](https://i-blog.csdnimg.cn/blog_migrate/b8fa4bb48a245f07034a067943ba0fff.png)
![](https://i-blog.csdnimg.cn/blog_migrate/4590e040550fceb7ac186d10685aec3b.png)
翻译自: https://www.hongkiat.com/blog/material-design-resources/