www…星期三！材料设计3

经过泰勒·斯拉特里（Taylor Slattery）|2022年1月4日

Material Design, Google’s design system for user interfaces, made its debut in 2014. Since then, the system has been further developed and expanded, with the latest iteration, Material Design 3, coming alongside the release of Android 12. As the name suggests, the system was designed to give both users and designers a sense of the materials with which we build and interact across our devices. To accomplish this, Google’s experienced team of designers put their heads together and conducted intensive studies of real materials, crafting interfaces out of paper and studying the effects of lighting and other cues that help to communicate depth. By harnessing these same principles in Material Design, they were able to create a system with which interaction is intuitive, and used it to unify the user interfaces across Google’s various products and projects.

自7年前材料设计的介绍以来，设备也发生了变化，我们使用它们的方式也发生了变化。现在，我们的屏幕不仅更大了，而且其中一些也可以折叠。除了这些新的功能问题外，Google的旨在满足用户的情感需求，因此，您还可以解决您的材料。这次，已经特别注意创建一种更具人性化的设计方法，重点是创造个性化的表现力用户体验。这意味着外观和功能中都有更多的自定义功能。

这些更新中最引人注目的可能是动态颜色的形式，这是Android 12中引入的颜色系统，允许用户从壁纸中生成独特的调色板。这些调色板反映在设备本机的UI和应用中。该功能的成功归功于基线配色方案和设计令牌。设计令牌根据其在设计系统中的角色使用标签，并具有彩色家族运动标签，例如主要，次要和第三纪。角色是用容器和背景等标签进一步指定的，这些标签用于指定类和状态。

实际上，这些令牌被分配给组件代替静态颜色值。这些颜色和基线配色方案中建立的标签之间的关系对用户和设计师都非常简单，都会改变。使用材料主题构建器，您可以快速构建和测试自定义颜色主题，并对影响所有在UI上共享该令牌的组件进行任何更改。此外，由于系统是建立在系统中颜色之间的角色和关系上的，因此为光和黑暗版本创建和维持适当的对比度变得简单而直观。

材料设计3还引入了一种新的简化类型秤，可轻松跨设备进行缩放。新的自适应类型秤使设计人员可以将类型描述为简单，中等或大的，并将适当的类型值映射到设备上下文而不是固定值。根据大小对设备进行分组，因此特定的类型值仅需要在组级别上分配，而不是独立于组中的每个设备。