UI设计配色，不知道这些怎么行？

     
UI设计配色，不知道这些怎么行？

1.用色要有理论支撑

网上有很多人写过关于配色的基础理论，例如互补色呀、相邻色呀、对比色等等，再比如红色代表热情、蓝色代表科技、绿色代表健康等等，这些都是我们必须掌握的，如果不太不清楚，可以去百度一下！

我这里想和大家强调的是，在我们每次用色之前，一定要想想为什么要这么用，你的理论依据是什么？这是一个优秀设计师基本的思考习惯。

举个简单的例子，如果我们为一个品牌的视觉延展，品牌色是蓝色：

当我们需要去给这个品牌色搭配色彩的时候，我们可以从很多方面入手，例如品牌调性、目标人群等等。

假设我们的目标人群是：时尚、前卫的年轻人。

那我们就可以大胆的使用对比色——红色：

用对比色的视觉冲击力来突出年轻、前卫的品牌调性，博得目标人群的喜爱。

举这个简答的例子就是告诉大家，理论还是要看一看，让你的理论支撑你的执行，这样你就可以有足够的信心。

当然，至于配出来的颜色好不好看，那就是另外一个层面（执行力）的事了，我们后面再说！

2.配色数量慢慢加

练习图

这里，我再说下关于配色的问题，上个知识点，我已经强调过了理论的重要性，可以支撑我们的执行！

他的用色是非常有研究的，一共有三种主要色相，绿色、红色、黄色，绿色与红色是互补色，红色与黄色是邻近色，三种不同深浅的绿色使画面变得丰富又不杂乱。

这么一个小小的插图，竟然用了13种颜色，并且没有任何规律，从这个练习可以看出这位朋友的整个思维都是乱的，并不知道到底该怎么用色！

在这种情况下，千万不要贪心，可以先从两种主色开始搭配，例如，先用好邻近色，红色和黄色：

当真的能驾驭好之后，再来慢慢添加颜色的数量，例如加些点缀色——天空的蓝色、地面的灰色：

千万记住，练习配色不要急，先从少数量的颜色开始练起，慢慢增加！

3.配色一定要和谐

如何让配色看着和谐？

我个人觉得有一个点很关键就是：饱和度、明度看起来要足够相似，要低饱和就所有的颜色都用低饱和，例如上面建筑的插图使用的都是低饱和的颜色：

假设这时候我们把背景的红换个高饱和度就会是下面这个样子：

根本没办法看！

不过让配色看着和谐，除了需要理论支撑以外，确实还是需要一定的色彩感觉，如果色感太差，那就多练吧（记住，颜色数量慢慢来哦），敏锐的色感也是可以慢慢培养的！

4.颜色可以不用那么正

对于我们配色新手来说，刚开始颜色不敢用太多，配色种类比较单一，这时候还想出彩的话，我们就可以让颜色不要那么正（比如正红、正蓝），尤其是拉渐变的时候，举个例子：

我们拉个蓝色的渐变，如果色相都是一样的，只是改变明度的变化，那就是左面这样的，但如果你用两种色相，让浅色的蓝不那么正，而是加入一点点绿，效果看起来就会丰满很多。

下图是我利用这个配色技法制作的一个小作品：

像这样两种色相之间的渐变，是常用的配色技法，大家可以多多尝试。

有句话说得很好，懒的设计师谈天赋谈灵感，成功的设计师谈勤奋。

因此想做好配避免不了每日的积累，最好积累方法就是多看他人作品，推荐一个小编每日去浏览的素材网站：众图网_专注原创设计素材下载，提供精品商用设计模板图库，希望大家多多学习他人怎么配上！！！