UI设计第一站 - UI设计师交流学习平台

玩转配色:UI设计三色搭配

时间:2015-08-06 21:13:00来源:UI001人气:

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

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

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

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

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


  “二、色彩搭配三色构成

  除了上面的三色搭配原则,下面还将谈到一个色彩搭配三色构成,我们不要弄混了,下面一起来学习吧! 主色+辅助色+点睛色主色(主色调)约75%

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

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

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

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

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

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


  “三、主色的秘密

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

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

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

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


  “四、辅助色的秘

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

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

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

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


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

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

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

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


本文链接地址:http://www.ui001.com/article/321.html

非特殊说明,转载请注明:本文转自UI设计第一站

【特色推荐】

设计尺寸看这里 http://www.ui001.com/chicun/

找素材一站就够 http://so.ui001.com/

UI设计网址导航 http://hao.ui001.com/

官方微博:@UI设计第一站发布干货与设计资讯

官方微信:搜索公众号名称UI设计第一站或微信号:uidiyi关注我们

官方QQ群:群号59411183点击自动加群,与2000名设计师交流设计,分享素材

建议:看到好的文章或素材,记得分享到微博等媒体,让更多的朋友知道,加入收藏夹也可以方便日后查阅。

  • 赞一下又不会怀孕
  • 收藏好文章要收藏噢
分享到:

设计资讯

更多

设计教程

更多

素材下载

更多

阅读排行

更多

服务中心

更多