北京火星人UI设计培训：UI设计三色搭配

来源：北京火星人教育 时间：2016-05-18

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

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

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

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

　　“二、色彩搭配三色构成

　　除了上面的三色搭配原则，下面（北京火星人UI设计培训）还将谈到一个色彩搭配三色构成，我们不要弄混了，下面跟着（北京火星人UI设计培训）一起来学习吧!　主色+辅助色+色主色(主色调)约75%

　　主色——决定画面的风格趋向的色彩，或色彩群。

　　主色并不一定只能有一个颜色，它还可以是一种色调，好选择同色系或邻近色中的1-3个，只要能够保持协调就可以。辅助色(辅助图)约20%

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

　　点缀图案好有1-2种，多了容易花哨，或者分散主题。色(图)约5%

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

　　点缀色(图)也可以有1-3种，但要以一种为主，其它为辅，整体协调为妙。　　　学员王鹿作品《镜头》

　　“三、主色的秘密

　　秘密1：饱和度高的颜色一般作为主色

　　秘密2：深颜色一般为主色

　　秘密3：面积大的一般为主色

　　秘密4：视觉中心所呈现的颜色一般为主色　　　学员王鹿作品《大白》

　　“四、辅助色的秘

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

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

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

　　学员王鹿作品《篮球·打火机》

　　“五、点缀色的秘密——让页面更独特

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

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

　　秘密3：点缀色可让页面绽放光彩　　学员王鹿作品《胡桃夹子》　　色彩对人的视觉效果非常明显，一个UI设计成功与否，在某种程度上取决于UI设计者对色彩的运用和搭配。同学们，你们都会了吗?

北京火星人UI设计培训：http://5199.peixun360.com/ 

• 报名热线：400-888-3854
• 咨询QQ：3183641858
• 咨询老师：刘老师
• 点击咨询：