所谓配色达人,就是一次出48个方案学习UI(3)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

所谓配色达人,就是一次出48个方案学习UI

这个海报的背景色和上方的线条色使用的就是近似色,只不过线条的黄色降低了明度增加了对比,但是线条的形态又适当的减弱了对比。

所谓配色达人,就是一次出48个方案学习UI

这个海报的背景色是橙色,上方的文字色是黄色,保证了识别度的同时又让整体的效果协调统一。

所谓配色达人,就是一次出48个方案学习UI

这个海报和上一个海报类似,也是红黄两色的搭配,但是这里又使用了不同色调。

所谓配色达人,就是一次出48个方案学习UI

然后是中差色,也就是选取在色相环上位置大约在90°左右的两个色彩。

所谓配色达人,就是一次出48个方案学习UI

所谓配色达人,就是一次出48个方案学习UI

中差色的对比强度位于中间位置,属于比较中性、安全的双色搭配,既有足够的色彩对比,又不会过于刺激强烈,还具有一定的和谐性。

所谓配色达人,就是一次出48个方案学习UI

这个海报中图形的绿色和背景的蓝色就属于中差色对比,上方文字的深蓝色是在背景蓝色的基础上通过增加纯度降低明度所得到的,这也是一个双色配色的小技巧。

所谓配色达人,就是一次出48个方案学习UI

这个海报的配色也是中差色对比,在大面积深蓝色背景上使用绿色,由于是中差色对比并且还有无彩色白色做调和让整个版面的配色美观协调。

所谓配色达人,就是一次出48个方案学习UI

这个海报也是蓝色和绿色的中差色。其实大家不难发现,并不是色彩越多就越好,只要配色合理都可以得到很美观的效果。

所谓配色达人,就是一次出48个方案学习UI

接下来是对比色,也就是在色相环上大约120°左右的色彩。

所谓配色达人,就是一次出48个方案学习UI

所谓配色达人,就是一次出48个方案学习UI

对比色的对比效果强烈,属于使用较多的双色搭配,最常见的就是红配绿,还有就是红配蓝也是典型的对比色。

所谓配色达人,就是一次出48个方案学习UI

这个海报的标题文字使用的就是对比色,只不过调整了纯度和明度。所以大家不要一想到对比色就是那种大红大绿的,完全可以通过调整来减弱对比。

所谓配色达人,就是一次出48个方案学习UI

这个海报通过紫红色和蓝色的对比色关系以及相等的面积对比来强调色彩印象。

所谓配色达人,就是一次出48个方案学习UI

这个海报同样也是使用了对比色。

所谓配色达人,就是一次出48个方案学习UI

最后是对比最强的双色搭配,也就是互补色配色,互补色在色相环上的距离大约在180°左右。

所谓配色达人,就是一次出48个方案学习UI

所谓配色达人,就是一次出48个方案学习UI

互补色的对比效果最强烈,形成的配色效果非常刺激并且具有冲击力,合理的运用在相关的设计内容上可以极大的引起注意力,给人眼前一亮的感觉。

所谓配色达人,就是一次出48个方案学习UI

这个海报使用的配色就是红色和青色的互补色对比,但是降低了纯度,背景的白色空间起到了缓冲作用,互补色的叠印又丰富了画面的层次。

所谓配色达人,就是一次出48个方案学习UI

这个海报使用的双色也是互补色关系,通过纯度和明度的调整也可以产生很和谐的效果。

所谓配色达人,就是一次出48个方案学习UI

这个海报的图片色是黄色,上方的文字色使用的是蓝色,也是一种互补关系。

所谓配色达人,就是一次出48个方案学习UI

双色之后再升一个难度就是三色,三色搭配也有很多种,这里总结了四种比较具有代表性的。

所谓配色达人,就是一次出48个方案学习UI

首先第一种就是黑、白、灰。理论上来讲黑白灰的配色可以看作是单色,也可以看作是双色,也可以看成三色,都对,为了便于大家理解这里给它们划分的更具体了一些。

所谓配色达人,就是一次出48个方案学习UI

所谓配色达人,就是一次出48个方案学习UI

如果说黑白配色给人的印象是强烈、直接,那么黑白灰的配色会缓和许多,给人更多的是一种层次感和递进关系。

所谓配色达人,就是一次出48个方案学习UI

这个海报整体分为三个层次,最底层是黑色,然后是灰色,最上层是白色。

所谓配色达人,就是一次出48个方案学习UI

这个海报跟上一个差不多也是黑白灰配色,只不过背景换成了白色。

 收藏