UI设计师要掌握这些配色技巧太实用!色彩是最具表现力的视觉元素之一,是能最直接刺激用户兴趣的元素,色彩的完美搭配,是一件设计作品成功与否的关键指标。红色代表热情、奔放;黄色代表高贵、明亮;蓝色代表冷静、忧伤。那么他们之间有没有什么规律可言呢?怎样的色彩搭配才能达到最好的效果呢?今天我们就来分享一下~ No.1 单色搭配 单色配色其实并非仅仅只有一种颜色。而是在同一色系的基础上进行的色彩搭配。不同的饱和度、不同的亮度等组合在一次,营造出一种独特的层次感。 单色搭配常常被人们认为是最为经典的UI配色选择,因为其很难犯错或者令欣赏者反感,所以通常适合新手使用。另外,在单色搭配中,每种色彩都取自同一基色,因此也是最易于创建的色彩方案,统一色调搭配在一起,营造出一种和谐之感。 No.2 相近色搭配 相近色是指色相环中相邻的颜色。相近色搭配适合运用到web和banner的背景设计中,因为在web和banner的背景设计中并不需要对比度设计。 相邻的两种或多种颜色,通常不会存在冲突的。以一种色彩作为主色,其他颜色作为辅色,起到丰富和衬托主色的作用。需要注意的是,采用相近色进行UI配色时,要注意色与色之间的明度差要适当安排。相差太小,容易混淆,相差太大,容易割裂整体。 No.3 互补色搭配 互补色又称为对比色。是色相环中相对放置的两个颜色所构成的组合。利用对比色进行搭配通常是为了产生色彩的高对比度,通过强烈的对比,吸引用户的注意力。 对比色的搭配使人在视觉上产生强烈的冲击力,从而产生欢乐、活跃、兴奋等不同的感受。常见的对比色有,红与绿、蓝与橙、黄与紫等搭配。冷与暖、亮与暗等都是进行UI配色的绝妙搭配。 No.4 三色、四色搭配 三色搭配和四色搭配也是经常运用到UI设计中的色彩搭配方案。当一款设计需要多种颜色时,不妨尝试使用这三色搭配方案。当然在平衡画面的前提下,最好使用一种颜色作为主调,其他颜色作为辅助。 四色搭配通常是有经验的UI设计师乐意使用色彩方案。运用双色互补可以采取两两互补组合,也就是色相环中两两连接能构成矩形的四种颜色。不过因为很难平衡,初学者要慎用哦~
文章分类:
新闻动态
|