还在为Web/UI配色烦恼吗?设计导航可以帮你

Eva Zhao | Created: Oct 11, 2018 Updated: Jul 26, 2024

配色对设计是非常重要的,特别对于新手设计师,在色彩搭配方面常常会感到烦恼,为了能正确使用颜色,设计师们可以尝试使用一些配色工具来帮助自己。这里我推荐设计导航,里面的配色栏目收集了目前流行的配色工具,还是非常好用的。

打开设计导航网站,点击左侧面板的【配色】,此时就会展开出现一个关于配色工具的列表。里面工具非常多,你可以按照自己的喜好或者习惯来选择工具,混合使用效果会更佳哦!

这是配色工具导航的一小部分截图。

color tool.jpg

下面我来介绍下其中我用的较多的工具:

一、Material Design 配色

Material Design是今年流行的设计风格之一,点击该栏目后,右侧出现的均是以Material设计的色彩,用鼠标单击就能直接复制颜色值了,非常方便。

另外,上方的level条可以调节颜色的色值,边上的选择框则是可以选择你需要的颜色类型哦!

material design color.jpg

二、扁平化配色

和上面的一样,只不过这边主要是扁平化设计的色彩表。如果想了解更多关于扁平化的设计,你可以去看下之前的《扁平化设计的字体和配色》。

flat color design.jpg

三、Color Scheme在线配色工具中文版

选择一个主色系后,这个在线配色工具就可以生成单色、互补色、三色、近似色的色彩搭配方案。(注意:这个工具是会跳转到独立网页窗口的,窗口右侧有预览功能来查看效果。)

color scheme.jpg

如果想要知道一些具体的配色案例分析,你可以去读一下《有了那么多配色方案,还是做不好配色?(一)》《有了那么多配色方案,还是做不好配色?(二)》

四、color hunter (上传图片显示配色)

只需要上传你喜欢的图片,该工具就可以生成图片中的配色议案出来,再也不需去下载某些配色工具了,既方便又快捷,个人感觉很实用。

color hunter.jpg

五、日本经典冷暖配色

本人一直觉得日本传统配色超级棒的,之前也特意发过介绍日本网站的文章《说说日式网站代表性的设计理念》《来扒拉一下日式网站有什么优点》。这边以花朵的形式做了一组日本传统配色参考表:冷色系、暖色系,色值都有列出,拿来就能用。

japanese color.jpg

六、配色灵感

精选自花瓣的一个配色频道,经常更新,喜欢的可以从这里获取灵感。

color channel.jpg

关于作者

Dan Hu

Eva Zhao

联系我们 订阅电子报

Practical B2B Marketing Tips to 10X Better Marketing Results

Join 2,000+ professionals getting: Proven growth tactics, battle-tested strategies, and real B2B case studies.

Stephen Tseng
Stephen Tseng

为什么 B2B 企业的广告预算不断增加,高质量询盘却没有增长?

对于许多 B2B 企业来说,广告预算持续投入,网站访问量看起来也不错,但真正有价值的询盘却始终有限。问题往往不在于是否继续加预算,而在于广告是否吸引了正确的客户,以及点击之后是否形成有效转化。

继续阅读 →

Stephen Tseng
Stephen Tseng

海外品牌在中国卖不动,真的是中国市场太难了吗?

很多海外企业觉得“中国市场太难了”。在得出这个结论之前,先问一个问题:当中国客户产生采购需求时,他们能不能在百度上找到你?问题往往不是需求不足,而是品牌可见度不够。

继续阅读 →