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

Oct 11, 2018 / Eva Zhao

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

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

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

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

Subscribe to Our Newsletter

We will deliver China-related web design, web development, and digital marketing information or tips every month.

Stephen Tseng
Jun 20, 2020 / Stephen Tseng

Nilfisk力奇清洁——线上数字营销案例分享

B2B企业线上数字营销主要的目的在于如何抓住、保持及留下流量,然后进一步转化他们为我们的潜在/最终客户。

继续阅读 →

Dan Hu
Oct 25, 2019 / Dan Hu

为“爪领”设计公益海报

和小毅的第一次会面并没有太多激动人心的内容,因为在此之前我们就已经有过一次愉快的项目合作了,——那是为他和他的合作伙伴Audery共同经营的宠物领养平台“爪领”设计一套宣传海报。

继续阅读 →

Eva Zhao
Sep 26, 2019 / Eva Zhao

《长安十二时辰》的盛唐绝美配色!

最近火热的完结国产剧,非《长安十二时辰》莫属!该电视剧有小说改编,从布景到色调,观众都能将大唐时代长安的热闹繁华尽收眼底。恢弘壮丽的建筑,精致华美的服饰,连妆容都是唐朝典型的白面红靥、黛眉花钿。还有那油画般的美术场景设定,让人目不暇接、沉迷不已,完全是一次色彩的胜利。

继续阅读 →