借助 Material You 动态配色丰富您的应用

Material Design 是 Google 打造的、具有超强表现力和适应性的设计系统，包含设计准则、组件和工具，助力实现用户界面设计的最佳实践。Material Design 是开源开放的，提供了一个可自定义的大型组件库，能够满足各种样式和品牌需求，从而可以帮助您的团队在 Android、Flutter 和 Web 领域创造高质量的数字体验。

在 2021 年的 I/O 大会上，我们展示了 Material Design 大胆而富有表现力的演变。Material Design 3 在 Material Design Primary 颜色和 Secondary 颜色的基础上，引入了 Tertiary 颜色和附加色槽，用于验证无障碍访问功能并保障显示的和谐性。在本篇文章中，我们将为您展示更多有关 Material You 动态配色的内容，包括动态配色是什么，以及如何在您的应用中实现它。

如果您更喜欢通过视频了解此内容，请 点击此处 查看。

动态配色

Material You 通过动态配色，将颜色重新定义为更加个性化的体验。那么，什么是动态配色？Android 12 可以通过动态配色提取算法来选择颜色值，基于动态配色，您可根据用户的桌面壁纸颜色生成自定义调色板。动态的浅、深色方案可体现在整个用户系统界面，以及某些应用中。这些方案将根据用户偏好和视觉需求进行更改或调整。动态配色是一种算法系统，支持个性化颜色体验的同时还尊重蕴含品牌标识或具有传统意义的颜色，如绿色代表 “Go”，红色代表 “Stop”。

△ 动态配色可提取壁纸主色调

动态配色的原理

首先，它从用户的壁纸上提取一种源颜色，并推算出五种关键颜色，然后将每个关键颜色转化为由 13 种色调组成的调色板。接下来，它会为从调色板中选择的颜色分配一组特定的角色和值，并将这些角色和值映射到我们称之为 “方案” 的组件上。