质感设计(Material Design)是一种新的设计语言,除了遵循经典设计定则,还不断地从最新的科学技术中汲取灵感。

Material Design 2.0 - 图1

  • 创新

创造一种新的视觉设计语言,能够遵循优秀设计的经典定则,同时还伴有创新理念和新的科技。

  • 统一

我们希望创造一种独一无二的底层系统,在这个系统的基础之上,构建跨平台和超越设备尺寸的统一体验。遵循基本的移动设计定则,同时支持不同的输入方式(触摸、语音、鼠标、键盘等)。

  • 定制

让质感设计语言拥有扩展性,能够为不同的产品提供灵活的基础。

Material Design 2.0 - 图2

质感是一种隐喻

质感设计的灵感来源于物理世界中的实体及其各种物理效果,包括它们如何反射光线和投射阴影。质感设计重新定义了虚拟世界的纸张与墨水的属性。

Material Design 2.0 - 图3

  • 大胆鲜明、具象化、深思熟虑

新的视觉语言,在基本元素的处理上,借鉴了传统的印刷设计 —— 排版、网格、空间、比例、配色、图像 —— 通过这些基础的平面设计规范构建出视觉层级、视觉意义以及视觉聚焦来优化用户体验。

  • 有意义的动效

动效通过微妙的反馈与连贯的过场动画来保证用户能够专注于当前的任务。随着元素在屏幕上出现,它们会转变环境并对其重组,从而让用户与屏幕之间互动产生新的转变。

  • 灵活的基础组件

质感设计系统旨在实现品牌的自我表达。它集成了一个自定义的代码库,可以让开发者无缝地实现组件、插件以及各种设计元素。

  • 跨平台支持(Cross-platform)

质感设计保证各个平台(Android、iOS、Flutter、web)之间能够使用相同的 UI 组件。

Getting around

我们这部全面的设计指南可以帮助开发者更快地制作漂亮的产品。采用新的工具来设计和构建你的应用,通过质感研究来获取灵感,通过质感主题来彰显自己品牌的特性。

通过以下三个章节来找到你所需要的东西:

Material Design 2.0 - 图4

  • 设计系统

我们通过质感设计的工具和组件来统一不断扩展和变强的设计系统,以提高设计与开发的工作流的效率。

  • 设计基础

我们需要知道如何通过质感设计体系来设计和构架自己的应用,同事还需要学习质感设计的原则与理论来支撑自己的想法。

  • 设计指南

从设计到代码实现来定制自己产品专属的质感主题。
https://www.yuque.com/kuikui_kui/md/introduction