与Material You相关的工具

213 阅读1分钟

前面我们通过一篇文章了解并应用 Material You (Material 3),这个文章我们将介绍一下如何使用工具构建颜色系统

构建颜色系统

设计平台

figma是一个产品设计协作平台,当然并没有PhotoShop这样的软件强大,但是对于我们普通的开发者,这样的一个设计平台还是值得我们学习和使用的。

Google的Material Design开发设计团队针对Material You开发了一款插件,方便快速的获取到前面所需要的数据。这个插件可以直接点击这里然后copy一份出来直接使用。

代码集成

前面是通过插件的方式获取到需要的动态化颜色信息,但是有一个非常大的局限性,类似音乐播放器随着专辑照片的颜色的改变,播放器的颜色也随之改变,从而达到沉浸式体验的效果。这样的功能需要我们在代码中随时根据照片提取到对应的颜色体系。对于这个问题,google官方也正在加紧开发代码层面的的工具库,对应的工具库可以参考这里。 该工具库针对不同语言分别提供版本,开发者可以根据自己的开发需求进行集成,但是这个库目前还是处于开发阶段,只是实现了根据一个主色生成一个调色板,还未实现从图片中直接提取的能力,所以只能慢慢等待了。