假期还在“被充值”，UI设计师不如来点儿「配色干货」！

假期还在持续“充值”中，各位设计小伙伴们是不是已经憋坏了~平时，最喜欢去看各个店铺LOGO设计，广告牌，到处找自己想要的设计风格，如今，却只能在家紧裹睡衣，刷着手机。小ke今天特地为大家整理了一波儿关于配色的干货，与其在家呆着无聊，不如来学习一下配色的小技巧，给自己的作品“添添彩”，增加一个设计“必杀技能”!

 

单色搭配

 

单色，是一种经典，不易出错的配色方案~通过在色彩的深浅、明暗或饱和度上有所调整而形成明暗的层次关系。其中，蓝色和绿色更容易吸引我们的注意力。

 

相近色搭配

 

选择相互不冲突的色彩便是相近色搭配，一种色彩为主色，其他的色彩用于衬托，丰富~这种类型的配色方案用于不需要对比度的设计，包括web或banner的背景。

 

补色搭配

 

互补色是色环上两个正对立的颜色。对比强烈，吸引用户注意力。 在补色搭配中，最重要的是选择主色并且使用其互补色用于强调。 

 

十二色环图

 

色彩也有黄金原则！

 

色彩组合是配色中我们一定会用到的搭配方案。如何才能平衡色彩，避免色彩混乱，同时突出你的设计感呢？那就要用到6：3：1规则了！

60％（主色）+ 30％（次要色）+ 10％（辅助色）的比例，完美的平衡颜色，提供更佳的用户体验。

 

神秘的颜色心理学！

 

颜色也是有心理学的！女性及男性用户天生存在喜爱以及不喜爱的颜色，比如，女性用户更喜欢蓝色、紫色、绿色，男性用户钟爱蓝色、绿色、黑色。根据产品目标用户群，选择合适的色彩，才能引起用户的情感共鸣，激发用户对所使用的色彩“好感”！

 

配色工具，了解一波！

 

除了了解色彩的搭配原则，拥有几款实用的配色工具，可以从根本上提高我们设计师的工作效率！小ke为大家带来了5款配色工具，小伙伴们，快来收藏吧~

01-Muzli Colors 

 

在线快速生成和编辑多种配色方案，并根据我们自己的颜色选择预览和下载自定义UI工具包。

网址：https://colors.muz.li

 

02-Colorable 

 

一款非常实用、用来评估配色可访问性的工具。

网址：https://colorable.jxnblk.com/ 

 

03-History’s Palettes 

 

一键生成复古配色，搜索过去4000年来最具有代表性的的180个配色方案。

网址：https://colorleap.app/home

 

04-Picular  

 

Picular是一款基于谷歌图像搜索的色彩生成器，只需输入描述词，就能快速生成配色方案。

网址：https://picular.co/

 

05-Colourcode  

 

Colourcode是一个让色彩理论可视化的配色网站，选定一个颜色即就能看到它的互补色、相似色等等。

网址：https://colourco.de/

 

不断的提升自己各项技能，也将离“理想中的自己”越来越靠近！小ke接下来，将为大家带来更多的热门岗位干货，帮助大家早日成为更优秀的自己！

 

想要引领UI潮流？成为设计圈的全能选手？徐州课工场UI免费试听课程缩短你和梦想的距离，仅需这一“ke”!