谷歌Material Design设计标准指南

Material Design是谷歌的Android设计规范。虽然这种优秀的设计语言应用于Android，但它的本质被许多设计师借鉴，并用于自己的设计。它是一个广泛的UX、UI设计师必须学习优秀的设计规范。

现在，Material Design设计规范已正式内置为即时设计，并同时上线至即时设计资源社区！打开即时设计进入“资源社区”或点击设计界面“左栏-资源”随时使用。来体验一下。

什么是 Material Design

Material Design是谷歌提出的一套集视觉、交互和前端于一体的界面设计规范。其目标有两点：一是以视觉形式包含经典的设计原则，展示前沿创新和技术。二是在移动终端的基础上，统一所有尺寸和类型的设备。

Material Design设计组件库https://js.design/community?category=detail&type=resource&id=5ee1bf157e05ed5002fe1ff6&source=csdn&plan=btt531

Material Design和Android

说到Materilllllllalll design不得不提到Android操作系统，Material design是移动终端开发主流中除iOS外的第二套设计规范。最早的Android系统是一个基于Linux的开源代码操作系统，由于其免费开源和出色的性能，在各种设备中得到了广泛的应用。

Android和iOS是目前市场上受众最广、知名度最高的手机操作系统。虽然苹果是一家市值超过万亿美元的科技巨头，但数据显示，Android手机占全球市场的85%。

Material Design的诞生

Material Design是谷歌2014年推出的一种全新的设计语言，其风格主要是平面设计。但它不仅是平面设计，更是一种注重卡片设计、纸张模拟、动态效果突出、色彩对比强烈的设计风格。谷歌将这种设计语言充分应用于其计算机、可穿戴设备、电视等作为视觉体现的设备，Design。

自2014年发布以来，Material design不仅是Android设备阵营的设计规范，更是苹果设备和windows设备中的应用。作为一种设计规范，它的设计风格非常独特，包容但严格。

Material Design的核心思想

Material Design的核心思想是将物理世界的体验带入屏幕。去除现实中的杂质和随机性，保持其最原始、最纯净的形式、空间关系、变化和过渡，结合虚拟世界的灵活性，恢复最接近现实的体验，达到简单直观的效果。

Material Design的三大原则

运用比喻

谷歌认为，现实世界中的材料触摸可以通过纸的隐喻来表达，通过使用符合运动规律的动画交互，通过光影创造设计层次的关系，创造一个新的虚拟交互空间。

大胆、形象、目的明确

在视觉上，谷歌不仅需要生动的形象，还需要确认设计的目的。强调视觉设计应为用户提供指导，突出页面当前的核心功能。

动效表意

交互动画的目的是吸引用户的注意，表达当前页面的变化，并给予用户反馈。同时，它必须像视觉要求一样有意义。

Material Design的材料和空间

Material 在Design中，最重要的信息载体是魔法纸。纸层叠、合并、分离，具有实际厚度、惯性和反馈。同时，它具有液体的一些特性，可以自由伸展和变形。

在Materia 在Design的众多设计理念中，Z轴概念具有代表性和深远的影响。当二维平面到三维空间时，Z轴就会出现。手机界面是典型的二维平面，Material 在平面中引入Z轴是指在突出界面中每个物体都有其厚度和高度的概念。

Z轴的概念非常巧妙，是现实中物理现象的隐喻。有了相对高度，就会有不同形式的投影，界面上的物体自然会实现「错落有致」。

离用户越近(物体悬浮越高)，投影就越大，反之亦然。看看应用案例:

下面一起来看看Materiall Design的设计规范中有哪些元素？

组件大小

图标规范

字体规范

如何在即时设计中使用Materiall Design

使用方法一：

1、进入编辑界面

2、点击“组件”-点击“组件”Material Design组件可以一键拖使用免费使用

3、组件查看可以通过“搜索关键词”进行检索

使用方法二：

1、进入工作台，点击“社区资源”

2、搜索“Material Design点击复制，复制成功后点击打开文档即可使用

除了谷歌的Material 除了Design的设计规范外，即时设计社区还内置了许多知名大厂的设计系统，如阿里设计系统Antt Design、字节跳动设计系统Arcoco Design 、腾讯设计系统TDesign等。大厂库内的所有部件都可以拖动使用，减少重复设计。

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具，支持 Sketch、Figma、XD 格式导入，海量优质设计资源即拿即用。支持创建交互原型、获取设计标注，为产设研团队提供一站式协同办公体验。https://js.design/community?category=explore&source=csdn&plan=btt531