设为首页收藏本站

泰安论坛

 找回密码
 注册会员

QQ登录

只需一步,快速开始

快捷登录

搜索
显示全部楼层 收藏
查看: 2046|回复: 0

分享几个UI配色小技巧,赶紧点收藏!

[复制链接]
 

发帖IP:中国山东

700

帖子

0

威望

2637

银币

九品芝麻官

Rank: 9Rank: 9Rank: 9

 楼主| 发表于 19-05-06 11:11 | 显示全部楼层 |阅读模式 | 来自山东

色彩是最具表现力的视觉元素之一,同时也是设计建构的基础元素。红色代表热情、奔放,黄色代表高贵、明亮,蓝色代表冷静、忧伤。色彩的选择,关乎整个设计的协调感和吸引度。下面就与大家分享几组配色小技巧。
一、单色搭配
首先,单色配色并非是仅仅只有一种颜色。而是在同一色系的基础上进行的色彩搭配。不同的饱和度、不同的亮度等组合在一次,营造出一种独特的层次感。单色搭配常常被人们认为是最为经典的UI配色选择,因为其很难犯错或者令欣赏者反感,所以通常适合新手使用。另外,在单色搭配中,每种色彩都取自同一基色,因此也是最易于创建的色彩方案,统一色调搭配在一起,营造出一种和谐之感。

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

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

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

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

好的UI配色取决于UI设计师的选择,想要搭配出令人眼前一亮的色彩、打造出优秀的UI设计作品,来中享思途,高密度精修4个月,零基础到全能UID设计师。


您需要登录后才可以回帖 登录 | 注册会员

本版积分规则