资讯

News

UI设计之三色搭配原则

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

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

我们随便打开一个网站,比如淘宝、天猫、阿里巴巴、甚至苹果、还有站酷等等,仔细检查里面的颜色就超过3个(链接,报错,提示,金额等)。

我们只要保持主要颜色不超过3种即可。

所以说,同学们,发挥你的想象大胆的用色吧,不要让限制的思想束缚你天马行空的创意!

二、色彩搭配三色构成

主色+辅助色+点睛色

主色(主色调)约75%

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

主色并不一定只能有一个颜色,它还可以是一种色调,最好选择同色系或邻近色中的1~3个,只要能够保持协调就可以。

辅助色(辅助图)约20%

辅助色——辅助主色,使画面更完美,更丰富,更显优势。

辅助色也不一定只能有一个颜色,也可以多色相辅助。

辅助图——辅助画面,装饰画面。

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

点睛色(点睛图)约5%

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

点缀色(图)也可以有1~3种,但要以一种为主,其他为辅,整体协调为妙。

三、主色的秘密

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

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

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

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

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

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

秘密4 :视觉中心所呈现的颜色一般为主色

秘密4 :视觉中心所呈现的颜色一般为主色

四、辅助色的秘密

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

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

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

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

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

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

五、点缀色的秘密

秘密1 :点缀色一般用饱和度和明度高的颜色

秘密1 :点缀色一般用饱和度和明度高的颜色

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

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

秘密3:点缀色可让页面绽放光彩

秘密3:点缀色可让页面绽放光彩

联系我们 Contact Us
烟台偶得文化传媒有限公司
地址:芝罘区青年路16号汇通商务大厦
电话:13105356050
邮箱:26066963[at]qq.com
QQ:26066963
在线咨询
回到顶部