分享几个UI设计配色小技巧

   用户界面的构建过程中，比较耗时的事情是色彩的选择。真正能够和整个设计项目贴合、能够覆盖整个设计中所有元素需求的配色，需要在设计中不断的调整和验证。一套强大而有效的配色方案，可能需要好几个小时来回的打磨。所以今天的文章，合肥学码思小编总结了几个关键的配色技巧，帮助设计师在进行UI设计的时候，选择合适的色彩，使得配色的过程更加轻松高效。

　　一、单色搭配

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

　　二、相近色搭配

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

　　三、互补色搭配

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

　　四、三色搭配、四色搭配

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

四色搭配通常是有经验的UI设计师乐意使用色彩方案。运用双色互补可以采取两两互补组合，也就是色相环中两两连接能构成矩形的四种颜色。不过因为很难平衡的原因，所以初学者很少尝试这种搭配。

转载于:https://blog.51cto.com/14296616/2390421