UI设计中的配色方案

一、单色搭配

首先,单色配色并非是仅仅只有一种颜色。而是在同一色系的基础上进行的色彩搭配。不同的饱和度、不同的亮度等组合在一次,营造出一种独特的层次感。单色搭配常常被人们认为是非常经典的UI配色选择,因为其很难犯错或者令欣赏者反感,所以通常适合新手使用。另外,在单色搭配中,每种色彩都取自同一基色,因此也是易于创建的色彩方案,统一色调搭配在一起,营造出一种和谐之感。
  UI设计中的配色方案
  UI设计中的配色方案

二、相近色搭配

相近色是指色相环中相邻的颜色。相近色搭配适合运用到web和banner的背景设计中,因为在web和banner的背景设计中并不需要对比度设计。相邻的两种或多种颜色,通常不会存在冲突的。以一种色彩作为主色,其他颜色作为辅色,起到丰富和衬托主色的作用。需要注意的是,采用相近色进行UI配色时,要注意色与色之间的明度差要适当安排。相差太小,容易混淆,相差太大,容易割裂整体。
  UI设计中的配色方案
  UI设计中的配色方案

三、互补色搭配

互补色又称为对比色。是色相环中相对放置的两个颜色所构成的组合。利用对比色进行搭配通常是为了产生色彩的高对比度,通过强烈的对比,吸引用户的注意力。对比色的搭配使人在视觉上产生强烈的冲击力,从而产生欢乐、活跃、兴奋等不同的感受。常见的对比色有,红与绿、蓝与橙、黄与紫等搭配。冷与暖、亮与暗等都是进行UI配色的绝妙搭配。
  UI设计中的配色方案
  UI设计中的配色方案
  UI设计中的配色方案

四、三色搭配、四色搭配

三色搭配和四色搭配也是经常运用到UI设计中的色彩搭配方案。当一款设计需要多种颜色时,不妨尝试使用这三色搭配方案。当然在平衡画面的前提下,使用一种颜色作为主调,其他颜色作为辅助。

四色搭配通常是有经验的UI设计师乐意使用色彩方案。运用双色互补可以采取两两互补组合,也就是色相环中两两连接能构成矩形的四种颜色。
UI设计中的配色方案
UI设计中的配色方案