设计工具 » 助你快速搭配 Material Design 配色方案的10款Web工具

助你快速搭配 Material Design 配色方案的10款Web工具

发表于: 设计工具. 评论 (1)
Sponsor

在设计 Material Design 的过程中你会发现一个很大的问题,那就是如何大胆、灵活的使用色彩组合。
Material Design 里的调色板工具将色彩描述为“受大胆排列色块并结合柔和的环境、深阴影和亮高光而产生的灵感”。

这周我们专门为设计导航的配色类目更新了10款 Google Material Design 专用的配色工具,如果你需要材质设计调色板,这些web工具可以助你一臂之力。

下面是 Material Design 配色方案的10款Web工具,喜欢的记得 Mark 起来!

material palette

在这个工具中,你可以先选择主色和重点色。选完之后工具会自动生成即时预览图并提供多种下载的方式。

进入网站

Material UI

这是一个漂亮的“小抄”,它把所有能提供给你的颜色汇聚在一个页面上供你选择。很不错哦!

进入网站

Random Material Generator

设计师有时候也会“偷懒”。这个工具会随机搭配好你的设计颜色,自然帮助我们节省了一部分时间。所以,这是把工作交给命运了吧?也挺有趣的啊。

进入网站

Material Design Palette Generator

如果你对自定义色板感兴趣,那么试试material-design-like这个工具吧。首先,你需要手动设置一种颜色——不是系统色也可以哦——然后在同色系的色彩选择对话窗口中找到你最喜欢的图形编辑器。材料设计面板生成器将根据你选择的颜色生成你的色板。

进入网站

material mixer

这也是一种比较实用的工具,它将所有颜色布局在一张紧凑的网格中以便于选择。点击一个主色和重点色就可以预览并生成你的调色板。

进入网站

Material Colors

这个工具只显示500和A200色板的颜色。选择不一定要很多,精致的就好!

进入网站

UPlabs 的 Material Design 工具

这是又一个简单的可视化的Material Design工具。它将三原色显示在侧边栏。而点击“color bar”就能够显示所有相关的颜色。操作也很灵活!

进入网站

Tint UI’s Material Design

类似第六种工具,它只显示 Material Design 中的 500 颜色。有选择综合征的设计师们有福了!

进入网站

designskilz’s Material Design Colors

第九种工具也非常简单,它帮助我们将色板中的所有颜色连同他们的正式名称可视化(如。粉红色,浅蓝色,等等)。这样我们就不必思考所选颜色的名字问题。

进入网站

MATERIAL @ COLORION

第十款工具除了分享几百个色板外,还带上收藏夹的功能,看到喜欢的配色,用户还可以收藏起来以便日后使用。

进入网站

图形编辑器的插件

如果以上这些web工具你都不喜欢,那么你还可以安装一个插件/扩展,这样就能够将 material design 色板汇集到你自定义的设计软件中了。

Photoshop / Illustrator用户:谷歌提供可下载的Adobe color files (.aco)插件,它的功能是让你在PS或AI中的调色过程更舒适、流畅。

Sketch 用户:尝试搜索一下这个插件: Koji Ishimoto 的 Material Design Color Palette Sketch Plugin。它是开放的资源,放心下载。

Gimp / Inkscape用户:有两种选择:KiSSFLOW的 gimp-material-design-color-palette 和 Soichiro Kashima 的 material-design-colors。两者都很好用。

快挑一种工具试试吧!发挥你的想象力,创造个性化的Material Design色彩作品,我在这里等你的分享哟~

赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论One Response to “助你快速搭配 Material Design 配色方案的10款Web工具”

  1. 瑾轩 - 回复

    老师,我如何搭配颜色呢。不知道什么颜色和什么颜色比较搭配好看


{ 发表评论 }