Material Design 3介绍

1. 什么是Material Design?

Material Design 是由 Google 设计师和开发人员构建和支持的设计系统。Material.io包含针对 Android、Flutter 和 Web 的深入 UX 指南和 UI 组件实现。

Material于2014年推出,多年来不断发展。
材料设计1(M1):第一代Material Design于2014年推出,存档并可访问:https://Material.io/archive/guidelines
材料设计2(M2):2018年推出的第二代材料设计引入了Material主题和Material组件。
Material Design 3(M3):2021年推出的第三代Material包括Material You功能,支持个性化、自适应和富有表现力的体验 - 从动态颜色和增强的无障碍功能,到大屏幕布局和设计Tokens的基础。
Material You:新的Material视觉风格和一系列功能,满足个人用户的个人和表达需求,是Material Design 3的一部分

最新版本 Material 3 支持个性化、响应式和富有表现力的体验 - 从动态颜色和增强的可访问性,到大屏幕布局和Design tokens的基础。

2. 使用Material Design

在 Material.io 上,设计系统由三个主要部分组成:基础、样式和组件。每个部分都包含设计指南和工具可帮助您定制Material Design以及使用Material Design构建应用。

  • 基础和定制

    无障碍、布局、交互状态、设计令牌等

  • 样式

    应用颜色、类型、图标、动效和形状的系统

  • 组件

    可定制的 UI 元素,从菜单到按钮再到对话框

3. 设计

设计指南、规格和工具,以简化从 Figma 到成品的工作。

4. 开发

最新的Material组件、教程、案例研究和文档。

5. Material Design 系列文章

Material 3 基础

最新更新以及更多Material Design相关文章请访问 鹏叔的技术博客-Material Design

6. 参考文档

material 3 get started

作者

鹏叔

发布于

2023-10-12

更新于

2024-08-06

许可协议

评论