前往顾页

色采搭配道理与技能:界面设想配色三招(下)

时候:2016-05-23 20:40来源:知行网www.zhixing123.cn 编辑:麦田守望者

色采搭配道理与技能第三刀:从对比色中找帮助色

  凡是年夜家感觉只需色采面积最多就是主色。其实不然,人们的浏览心思是有差别的,如果色彩饱和度较低容易被相对面积少的高饱和度色彩抢眼,所以在定义界面主色的时候要悬着饱和度(纯度)高的色彩作为主色会比较的不变。
 
  在界面设想汇总利用互补色采的对比是最为强烈的。这类色采能利用户的视觉产生强烈的安慰,情感浓烈,给人留下光鲜的印象。这类体例是最易于传播的。适合在夸大的、张扬的场景下利用。但这类色彩用的过分于浅显容易造成用户的视觉颓废。给人一种不安定的感受。那么在利用如许的搭配体例时需求节制利用的地位和信息的面积了,核心的处所可以如许去利用。
 
  首要的三对互补色:红绿、蓝橙、黄紫
 
  我们可以看到很多APP的icon为了吸援引户的重视就用到了强烈对比的互补色:番茄快点、QQ空间、相机360
界面设计颜色搭配 
色彩搭配原理与技巧
 
UI教程
 
  色采中还会应用到冷暖对比:冷暖对比色是自然均衡的规律,可以在设想中年夜量利用,如许的配色会使作品非常的出彩,不显单调。
UI设计 
  我们先看看一下几款APP的icon设想:

   下面这款APP的称呼叫KOI,很喜欢这款利用配色,应用到了冷暖配色,起了非常好的装点结果,看起来灵动而夺目。
APP的名称叫KOI
 
  Tweetbot的icon也用到了冷暖色彩的对比,是不是是夺目又亲爱啊,年夜家可以去尝尝这类搭配,百试百灵。
 
  Seedling Comic Studio,这款icon应用到了冷暖搭配显得由为的出色,视野内里集合到了中间点上。
Seedling Comic Studio 
  在设想中,暖色与暖色的对比是界面设想中最为遍及的利用体例,结果也非常的出众。
 
  色采比如就是阴阳太极,冷与暖的两级均衡复原了糊口中的调和。用如许的配色结果让用户感受舒畅安然平静。

  冷暖色采搭配的体例根基没有啥错误谬误,利用在设想中,技能性比较多,对设想的细致感受请求比较高。

  固然付出宝的主图标产生了改变,变成了简练的蓝色付出宝,但主页面中还是操纵到了暖色与暖色的搭配,很好的辨别了分类,并且让页面中丰富的分类变得不是那么得零散。很多设想师每次碰到满版分类图标的时候很头年夜,措置的时候容易把页面搞花了,建议利用冷暖的体例去调剂,将页面均衡好。
支付宝的主图标
 
   当时米醋哥在设想360防丢器的时候就用了两个色,白色和蓝色的冷暖搭配。将360字体款式融入到修建中取用了暖白色,而寻觅地位的年夜头针应用了冷蓝色。
 
  好了,先写到这里。回顾一下明天我们讲的知识点。
 
  1.色不过三
  2.主色的定义,及面积
  3.找帮助色,还记的有那几对帮助色吗?

  明天和年夜家分享的这不但是应用在界面中,更是挑选色彩时至为首要的三个点!合用性极高!看似简朴,年夜家应用起来还要多加阐发哦~
顶一下
(0)
0%
踩一下
(0)
0%
------分开线----------------------------
标签(Tag):色采搭配道理 色采搭配技能 界面设想配色
------分开线----------------------------
颁发评论
请自发遵循互联网相关的政策法规,严禁公布色情、暴力、革命的谈吐。
评价:
神色:
考证码:点击我更换图片
猜你感兴趣