025-86901720


全国监督服务热线:9:00-23:00

海量精品课程
点击免费试听

  • 色彩的对比与调和技巧

  • 分类: 合肥学码思 > ui教程 时间:2018年12月17日
  • 摘要:设计师只有认真对待色彩的对比与调和,才能合理配置色彩,创作出色彩丰富、对比鲜明而又调和的作品。

  • UI设计中的色彩搭配上,如果没有色彩的对比关系,画面就会让受众觉得因为色彩缺乏变化而平淡无奇,没有生机。如果没有色彩间的调和关系,就会让受众觉得画面色彩凌乱,整体缺乏同一性。下面合肥学码思的老师就和大家说下UI设计中色彩的对比与调和技巧。

    3.png

     

      设计师只有认真对待色彩的对比与调和,才能合理配置色彩,创作出色彩丰富、对比鲜明而又调和的作品。>>新手UI设计师看过来,专业入门与提升

     

      色彩的对比

     

      当色彩之间由于存在鲜明差异而出现不同的效果时,便形成了色彩的对比关系。色彩之间由于色相、明度、纯度的不同,以及位置、形状、面积的差异,都会形成色彩的对比关系。色彩的对比关系差异越大,对比也就越强,反之亦然。

     

      色相对比

     

      由于各色相之间存在差异而形成的对比,叫色相对比。色相对比的强弱是根据色相在色相环之间间隔大小而决定的,间隔越大,对比越强。

     

      ①同种色对比。这是同一种色相的不同明度对比。这种对比因色相相同而明度不同,属于色相弱对比,给人一种高雅、文静、单纯、柔和的感觉。不过,这种对比在配置时要拉开明度的距离,避免距离太近、对比太弱而造成色彩明度不清或缺少变化。

     

      ②邻近色对比。这是色相环上与某色相邻的色相对比。邻近色对比应拉开色彩的明度距离,避免因明度太近使画面显得平淡、缺乏生气。

     

      ③中差色对比。这是色相环上相距90度左右的色相对比。这种对比因为色相之间差异适中,色相对比明显,属于色相中对比,给人以色彩明确、感觉丰富的效果。

     

      ④对比色对比。这是色相环上相距120度左右的色相对比。这种对比色相之间差异较大,对比强,色彩感觉鲜明、艳丽,属于色相强对比。

     

      ⑤互补色对比。这是色相环上相距180度的色相对比。这种对比色相之间差异大,对比强烈。利用这种色相对比进行色彩配置时,需要改变色彩的明度与纯度,避免给人过于强烈的刺激,使色彩关系得到调和。

     

      冷暖对比

     

      即由于色彩冷暖的差异而形成的色彩对比。色彩的冷暖来自人们对色光的印象,以及对色彩的生理感觉和心理联想。凡和太阳、火光接近的具有暖意的颜色称为暖色,如红、橙、黄;凡和冰雪、海洋接近的具有冷意的颜色称为冷色,如青、蓝、紫。

     

      在色彩冷暖对比中,暖色给人以阳光、热烈、前进、膨胀、干燥、强壮等感觉;冷色给人以阴影、冷静、透明、后退、收缩等感觉。

     

      面积对比

     

      色彩面积大小,直接影响色彩的对比效果。在不改变色彩的色相、明度、纯度的前提下,面积相等的对比强,面积差异大的对比弱。因此,要减弱其对比,就必须加大或缩小某一色彩的面积,这样也容易使画面产生调和。

     

      色彩的调和

     

      色彩的调和与色彩的对比,是设计的基本要求。在色彩配置上,调和就是把本来存在差异的色彩对比关系,经过调整重新组合成一个和谐而具有美感的统一整体。调和与对比一样是色彩配置的主要原则。

     

      同种色的调和

     

      同种色的色彩配合属于色相上的弱对比,因色相同一,极易单调。调和的方法是改变色相间的明度和纯度,拉开相互间的层次,避免二者相似。也可以在不改变同种色配合主调的前提下,选择对比作为点缀色,弥补色感不足而取得画面的调和。

     

      类似色的调和

     

      类似色的色彩配合也属于色相上的弱对比。因其在色相上具有微妙的变化,所以这种配合极易达到调和,但处理不当也容易产生平淡,失去生动的效果。调整的方法是适当增强明度和纯度的对比,使色相层次变化更加明确,配置上更显生动,取得整体上既有变化又有统一的调和效果。

     

      对比色的调和

     

      对比色的配合属于色相的强对比,因其色相不同,色彩的对比鲜明而强烈,又因色差很大而无共性,所以很难统一,使其达到调和的方法是:调整其色相的明度和纯度,以求明度或纯度上的近似以达到调和。

     

      中差色的调和

     

      中差色的色彩配合属于色相的中对比,色相的对比变化明显,色感丰富,如果在明度和纯度上运用不恰当,很容易产生花、乱现象,失去整体的调和与统一。而使之达到调和的方法是适当减弱明度和纯度的对比,加强共同性方面的因素。

     

      近似调和法

     

      在对比色的双方都加入同一种色相,在明度和纯度方面求得调和,如,加入灰色,降低其纯度,求得调和;或双方都加入白色,提高明度以求得调和;对比色双方进行色彩混合,使双方含有共同的色素以求得调和。

     

      渐变调和法

     

      在对比色中,运用色彩渐变的方法,减弱色彩双方的强度,也可以达到调和。运用色相经混合后的色彩,进行纯度或明度的渐变以求得调和;在对比色双方都加入同一种颜色后,进行纯度或明度的渐变以求得调和;运用对比色的双方或一方的原有色相,进行由密到疏的点、线渐变空间混合,以取得调和、统一的效果。

     

      面积调和法

     

      运用加大或缩小对比色双方面积的手法,以达到对比色双方的色彩调和。

     

      间隔调和法

     

      采用分割的手法,拉开对比色之间的距离,以求得调和。

     

      色彩的调和是相对色彩的对比而言的,没有对比也就无所谓调和,两者既互相排斥又互相依存,相辅相成,相得益彰。

     

      以上是合肥学码思老师整理的UI设计中的色彩的对比与调和技巧,希望对大家的UI设计学习有所帮助,想要了解更多的UI设计技能知识,欢迎大家进一步咨询合肥学码思的老师。


  • 新手UI设计师看过来,专业入门与提升
    优质的UI作品设计的原则

申请试听 | 学费咨询 | 在线报名 | 申请补贴 | 软件培训 | 网站地图

2016-2020 南京学码思教育科技有限公司 .All Rights Reserved

苏ICP备16033487号 www.hfxms.com.cn

全国热线

400-080-3312

全国监督服务热线:9:00-23:00