以前的安卓系统，总是会出现各个产品线的UI设计风格、图标不一致，特别混乱，导致用户难以辨识出Google的产品设计风格。于是在安卓4.0后，谷歌推出了material design的方法。
Material Design在设计上并没有完全抛弃Google过去在设计上取得的成果。Material Design和Google的标志一样，崇尚多彩，但它并不使用那种很艳丽的颜色，反而似乎是为了让图案变得沉稳，而有意令原本很晃眼的色彩混入一点点的灰色，让图案变得活泼之余，又不会因为过于艳丽而让人感觉到俗套和嬉皮。
平时电子设备中，我们接触到的只是一块玻璃。怎么让用户理解，我当前使用的软件是由什么做成的？怎么让用户更轻松更自然地，与玻璃上的虚拟页面进行跟交互？Material Design正是通过还原物理世界的规则并对其进行抽象，从而让用户使用软件时更容易理解。从物理世界的纸墨中获得灵感，使用接近物理世界的纸张，来呈现用户界面。
所以Material Design最恰当的翻译，应该是“质感设计”（“材料设计”亦可，不过“质感设计”可能更加信达雅）。
为了拆解这些设计“材料”，我们需要不断积累自己的素材库。
产品经理在工作中，一定要学会审美和找到产品设计素材，否则很难做出优秀的产品。我们往往和竞品之间的差距，就是少了多体验几款优秀的产品。
分享产品经理积累素材库应该有的12个资源网站
1. RumChata
Website: http://www.rumchata.com/age-gate
这个网站结合了MD设计的物理美学风格，通过创建与现实事物中相似的外观及功能，给用户提供了一种简约色彩缤纷、但看起来简单直观的体验。
2. DropBox Business
Website: https://www.dropbox.com/business/
Dropbox Business早期便开始采用MD的设计概念，可以说是利用颜色保持品牌形象的典型案例。可以看到，它选取蓝色作为网站主色调，同时用黑、白色作为辅助色，这样的颜色搭配刚好跟自己的“简约高效”产品理念是完美结合的。
3. Waaark.com
Website: https://waaark.com/
MD重视动画效果，它反复强调一点：动画不只是装饰，它有含义，且能表达元素、界面之间的关系，同时具备功能上的作用。下面这个网站的首页动画，可以随鼠标的移动进行智能切换，像屏幕上流动的波浪，但运动和变化都是由加速及减速过程，也是遵循了现实世界中的运动规律。感兴趣的小伙伴，可以打开网站看看具体的效果哦。
4. Serioverify.com
Website: https://serioverify.com/
MD引入了Z轴垂直于屏幕的概念，用来表现元素的关系，所有元素都有默认的海拔高度，但其中所有的元素厚度都是1dp。Serioverify这个网站中都有默认的海拔高度，对它进行操作会提升它的海拔高度，但我们可以注意到，同一种元素、同样的操作，抬升的高度是一致的。这样的话，开发人员也可以通过一个值来控制元素的海拔高度和投影。
5. Pumperl Gsund
Website: https://www.pumperlgsund-bio.de/
跟Dropbox Business相反，这个网站用了两种不同明亮度的绿色，在背景色中加入了一些不太显眼的颜色，其余则以黑白色为主。看起来有点“反宾夺主”，不过也不影响网站整体的美观及易用性。
6. Behance
Website: https://www.behance.net/
Behance是国外最著名的设计网站之一，提供有各式各样可参考的网页、App设计案例，它也利用了MD中的多种空间、按钮、文字排版等规范，让人看起来赏心悦目、且有很好的交互体验。
7. Codepen
Website: https://codepen.io/
就像它的名字一样，CodePen是一个偏开发类的网站，它可以说是前端开发者的“游乐场”，同时开发者能挖掘到很多不少关于MD的实用材料。不仅可以看到很多非常酷的MD设计案例，还能找到开发人员用于构建设计或动画底层的CSS，HTML或JavaScript。
8. ProductHunt
Website: https://www.producthunt.com/
这是一款全球新产品的网站，用户可以提交自己感兴趣的产品，同时让全世界的用户进行投票，对有趣的产品进行孵化。可以通过在网站上查询各种行业、各个端的产品。
9. Dribbble
Website: https://dribbble.com/tags/material_design
这是对于国外设计师、开发师或者从事视觉创意或相关领域的艺术家来说，很有人气的一个平台。如果在这个平台上搜索MD，你会发现MD其实相当流行，并可以找到各类网页及APP的精美设计案例，从简单的图标到功能完整的网站都应有尽有。
10. MaterialUP
Website: https://www.uplabs.com/search?q=material%20design
MaterialUp的网站主题就是关于MaterialDesign设计，从网站示例、移动APP截图、工具、提示等等都有提供。此外，它的界面看起来有点像Google Drive，整体设计风格也是采用了多种Material Design设计手法，本身就是很好的一个设计案例。
11. Reddit
Website: https://www.reddit.com/r/MaterialDesign/
Reddit可能并不是你直接寻找设计资源或灵感的最佳选择，但如果你想跟一群志趣相投的人一起讨论、切磋设计想法，那么到这个网站准没错！
12. Tumblr
Website: http://matesign.tumblr.com/
无论是网页、Android应用程序或iOS应用程序，如果你有兴趣了解关于MD设计的更多信息，那么一定要去Tumblr看看，或许能为接下来的项目获取不少灵感。
以上12个网站，就是我们平时可以积累素材的来源地，尝试收藏一下再经过一段时间的练习，相信审美、产品设计能力会大大提升。赶快积累自己的素材库吧！
TAG：dropbox.com
客服1 