UI设计之三色搭配原则

三色原则认为：在一个设计作品中颜色应保持在三种之内。三种不是三个，我们依然可以用三个以上的颜色来装点我们的设计，只要保持主要颜色不超过三种就可以了。  

一、什么是三色搭配原则？ 

三色搭配原则是指一个设计作品中，颜色应保持在三种之内。三种，而不是三个（拥有独立色值算一个颜色） 

我们随便打开一个网站，比如淘宝、阿里巴巴、京东、甚至苹果等，仔细检查里面的颜色就超过三个（链接、报错、提示、金额等）。 

我们只要保持主要颜色不超过三种即可。所以说，童鞋们，发挥你的想象大胆的用色吧，不要让限制的思想束缚你天马行空的创意！  

二、色彩搭配三色构成 

除了上面的三色搭配原则，下面还将谈到一个色彩搭配三色构成，我们不要弄混了，下面一起来学习吧！  

主色+辅助色+点睛色  

主色（主色调）约75% 

主色——决定画面的风格趋向的色彩，或色彩群。 主色并不一定只能有一个颜色，它还可以是一种色调，最好选择同色系或邻近色中的1-3个，只要能够保持协调就可以。  

辅助色（辅助图）约20% 

辅助色——辅助主色，使画面更完美，更丰富，更显优势。 辅助色也不一定只能有一个颜色，也可以多色相辅助。 辅助图——辅助画面，装饰画面。 

点缀图案最好有1-2种，多了容易花哨，或者分散主题。  

点睛色（点睛图）约5% 

点缀色（点缀图）——引导阅读，装饰画面，营造独特的画面风格。 

点缀色（图）也可以有1-3种，但要以一种为主，其它为辅，整体协调为妙。  

三、主色 

1:饱和度高的颜色一般作为主色 

2：深颜色一般为主色 

3：面积大的一般为主色 

4：视觉中心所呈现的颜色一般为主色  

四、辅助色

1：选择同类色或邻近色作为辅助色 

2：选择对比色或互补色作为辅助色 

3：背景色是一种特殊的辅助色  

五、点缀色——让页面变得更加独特 

1：点缀色一般用饱和度和明度亮的颜色 

2：点缀色可营造独特的页面风格 

3：点缀色可让页面绽放光彩