发布时间：2020-10-20 分类： 电商动态
列出一些国外MaterialDesign优秀案例和资源代购源码网站，相信您将对Google的Material Design主要设计规范有更深入，更全面的了解。
看到2017年即将结束，您还不完全了解Material Design吗？是否说文件太长，或者您认为您的英语不好？没关系，小编今天为大家编写了一份干涸的研究报告。注意事项，并列出了一些国外MaterialDesign优秀案例和资源代购源码网站，相信您将对Google的Material Design主要设计规范有更深入，更全面的了解，千万不要错过！
材料设计的核心理念
Material Design（也称为“材料设计”，以下简称MD）是由Google创建和发布的设计语言，用于将物理世界的体验带入屏幕，从而消除现实中的杂质和随机性。只保留其最原始和纯粹的形式，改变和过渡，最终恢复最接近真实的用户体验，实现简单直观的效果。
作为2017年和2018年的主要流行趋势之一，Material Design已越来越多地用于代购源码网站，应用程序开发和设计。 Google将Material Design的“设计”作为创作艺术。我们的目标是满足不同的人类需求。人们的需求将随着时间的推移而发展，我们的设计，实践和想法将会增加。我们挑战自我，为用户创造一种视觉语言，将优秀设计的经典原则与科学技术的创新相结合。这是材料设计。 ”的
材料设计案例和资源代购源码网站
1.朗姆酒
代购源码网站:http://www.rumchata.com/age-gate
该代购源码网站结合了MD设计的物理美学，通过创造与现实生活相似的外观和感觉，为用户提供简单，丰富多彩，但看似简单直观的体验。
2. DropBox业务
代购源码网站:https://www.dropbox.com/business/
Dropbox Business早期开始采用MD设计理念，可以说是使用颜色来维护品牌形象的典型案例。可以看出，它选择蓝色作为代购源码网站的主色，并使用黑色和白色作为辅助色。这种颜色组合与其自身的“简单高效”产品概念完全相同。
3. Waaark.com
代购源码网站:https://waaark.com/
MD关注动画效果。它反复强调：动画不仅仅是装饰，它具有意义，它可以表达元素和界面之间的关系，同时具有功能性作用。以下代购源码网站的主页动画可以通过鼠标的移动智能切换，就像在屏幕上流动的波浪一样，但是移动和变化是由加速和减速过程引起的，并且还遵循真实的运动规律。世界。有兴趣的朋友，可以打开代购源码网站查看具体的效果。
4. Serioverify.com
代购源码网站:https://serioverify.com/
MD引入了Z轴垂直于屏幕的概念，用于表示元素的关系。所有元素都有默认高度，但所有元素都是1dp厚。 Serioverify代购源码网站有一个默认的高度，操作它会增加它的高度，但我们可以注意到相同的元素，相同的操作，电梯的高度是相同的。在这种情况下，开发人员还可以使用单个值控制元素的高度和投影。
5. Pumperl Gsund
代购源码网站:https://www.pumperlgsund-bio.de/
与Dropbox Business相反，该代购源码网站使用两种不同的绿色，为背景颜色添加一些不那么显眼的颜色，其余为黑色和白色。它似乎有点“反获胜者”，但它不会影响代购源码网站的整体美观和易用性。
6. Behance
代购源码网站:https://www.behance.net/
Behance是国外最着名的设计代购源码网站之一。它提供了可以引用的各种网页和应用程序设计案例。它还利用MD，按钮，文本布局等各种规格，使人看起来很悦目。并拥有良好的互动体验。
7. Codepen
代购源码网站:https://codepen.io/
与其名称一样，CodePen是一个面向开发的代购源码网站。它可以说是一个前端开发人员的“游乐场”，开发人员可以挖掘许多有关MD的有用资料。您不仅可以看到很多非常酷的MD设计案例，还可以找到开发人员用来构建底层设计或动画的CSS，HTML或JavaScript。
8. Mockplus
代购源码网站:https://www.mockplus.com/resource
作为一个全平台原型制作工具，Mockplus继续提供一系列美观实用的免费材料，包括MaterialDesign，平面设计，交互式设计和卡片设计等，可免费下载和使用。同时，凭借其打包的组件，图标资源和页面模板，您可以快速设计和创建各种原型项目，无需压力切换的Web/App /桌面原型。
9. Dribbble
代购源码网站:https://dribbble.com/tags/material_design
对于从事视觉创意或相关领域工作的外国设计师，开发人员或艺术家来说，这是一个非常受欢如果您在此平台上搜索MD，您会发现MD非常受欢迎，您可以找到各种Web和APP设计示例，从简单的图标到功能齐全的代购源码网站。
10. MaterialUP
代购源码网站:https://www.uplabs.com/search?q=material%20design
MaterialUp的代购源码网站主题是关于MaterialDesign设计，来自代购源码网站示例，移动应用截图，工具，提示等。此外，它的界面看起来有点像Google Drive，而整体设计风格也是各种Material Design设计方法，这是一个很好的设计案例。
11. Reddit
代购源码网站:https://www.reddit.com/r/MaterialDesign/
Reddit可能不是您直接找到设计资源或灵感的最佳选择，但如果您想与一群志同道合的人讨论和讨论设计理念，那么这个代购源码网站没有错！
12. Tumblr
代购源码网站:http://matesign.tumblr.com/
无论是网页，Android应用程序还是iOS应用程序，如果您有兴趣了解有关MD设计的更多信息，请务必查看Tumblr，并为下一个项目获得大量灵感。
写在后面
总之，Material Design广泛用于大多数网页，包括APP设计。它基于易用性提出了更合理的各种UI材料的匹配设计。我希望能为你阅读这篇文章。救命。但俗话说，“聪明的女人很难成为没有饭.炊”，如果没有好的工具，那么即使有更多的理论研究和积累，也很难实际提出这个想法。作为设计师和产品经理必备的工具，从入门到熟练，Mockplus是您的最佳选择。
