用于创建材料设计调色板9个有用工具

发布时间:2019-08-28 10:59:06 阅读:47

材料设计中你会注意到的最重要的事情之一是使用大胆,鲜艳的色彩。

材料设计的颜色指南将颜色风格描述为“灵感来自大胆的色调,与柔和的环境,深色阴影和明亮的高光并置。”

如果您需要生成材料设计调色板,这些在线工具将有所帮助。

1. 材料调色板

在此工具中,您首先选择主色和强调色。之后,它将显示生成的调色板的实时预览,并为您提供各种下载方式。

材质调色板调色板

2. 材质UI的材质设计颜色

这是一个漂亮的“cheatsheet”,它在一个页面中呈现所有材料设计颜色。

备忘单列出了一页中的所有颜色

3. 随机材料生成器

你想让命运决定你的调色板应该是什么吗?使用此工具随机选择材料设计颜色。

随机材料生成器示例

4. 材料设计调色板生成器

如果您对创建自定义,类似材料设计的调色板感兴趣,请查看此工具。首先,您需要指定一种颜色 - 并且它不必是官方材料设计颜色之一 - 使用颜色选择器对话框窗口,类似于您最喜欢的图形编辑器中可以找到的颜色选择器对话框窗口。然后,Material Design Palette Generator将根据您选择的颜色生成颜色样本。

材料设计调色板生成器示例

5.材料搅拌机

这个有用的工具以方便紧凑的网格布局显示所有材料设计颜色。单击主要颜色和强调颜色以预览并生成调色板。

材料混合器的例子

6. 材料颜色

此工具仅显示500和A200颜色的材料设计颜色样本。

材料设计颜色样本

7. MaterialUp的材料设计颜色

这是另一种可视化材料设计颜色的简单工具。它并排显示原色。单击“颜色条”将显示与该颜色关联的所有颜色样本。

原色并排

8. Tint UI的材料设计

此工具仅显示500种颜色的材料设计。

材料设计500色的例子

9. designskilz的材料设计颜色

这个简单的工具可以帮助您可视化所有材料设计颜色样本及其官方名称(例如粉红色浅蓝色等)。

designskilz的材料Ddsign颜色的例子

图形编辑器的材料设计颜色插件

如果您不喜欢Web工具,则可以安装插件/扩展,将材料设计颜色样本集成到您的设计软件中。

  • 对于Photoshop / Illustrator: Google提供可下载的Adobe颜色文件(.aco),以便在Photoshop和/或Illustrator中更轻松地开发调色板。
  • 对于Sketch:查看Koji Ishimoto的开源Material Design Color Palette Sketch Plugin
  • 对于Gimp / Inkscape:你有几个选择:KiSSFLOW的gimp-material-design-color-paletteSoichiro Kashima的材料设计颜色

我们在微信上24小时期待你的声音
解答:网站优化,网站建设,搜索引擎优化,APP 开发,小程序开发

非常感谢您有耐心的读完这篇文章:"用于创建材料设计调色板9个有用工具",此文章仅为提供更多信息供用户参考使用或为学习交流的方便。如果对您有帮助,请收藏我们的网址:https://www.91webs.cn


18617670560