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

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

说到色彩或配色,其实无论是方法还是理论都可以算作是规律的总结,但是同样的规律对于有的人来说吸收起来就比较容易,而对于有的不会灵活变通的人就只能自己在那研究来研究去,最后还是丈二的和尚摸不着头脑。不过没关系大家也不用灰心,因为今天我们要为大家讲解的这个配色规律非常简单,简单到什么程度呢?可以说只要你会数数能从一数到三就可以,到底是什么内容呢?就是从色彩的数量着手进行配色训练。

以下是图文版:

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

相信大家都有过这样的经历,就是上学的时候学习英语,最开始学的是什么?就是先从二十六个英文字母学起对吧,因为英文字母是这个语言的根基。

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

然后是什么呢?就是由这些字母组成的单词,也就是让我们背单词,相信大家都有过这个痛苦经历。

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

最后再由单词组成句子,就是这样一个顺序。

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

再举个例子,比如我们学习平面构成,最开始都是先学点,然后由点到线,最后再由线到面。

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

再比如我们赖以生存的地球上,有动物、植物、矿物质、山川河流等等,根本说不完。

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

但是它们能够和谐共处,这当中一定有共同的因素,全世界的科学家都在找这个东西,最先找到的是原子,一切都是由原子构成的,但是很快就被打破了,原子一打破,里面还有更小的东西。

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

可是我们的老子就高明多了,它只讲四句话:道生一,一生二,二生三,三生万物,以后就不讲了,因为世间万物都是这么发展出来的,所以不需要讲。

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

运用到配色中也是同样的道理,比如我们可以由一个色彩,延伸出两个色彩,再由延伸出来的色彩产生更多的色彩,就像裂变一样。因为茫茫多的色彩我们是不可能在短时间内研究透的,那我们就抓住配色的重点,就是色彩的数量。

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

虽然配色从理论上来说并没有数量限制,但是你只要能将单色配色、双色配色和三色配色做好,其他四色、五色即使再多的色彩,只要掌握一定的技巧和规律都能够轻松驾驭,因为它的根基和原理是不变的。

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

首先我们先来看单色配色,单色配色并不是狭义上的只使用一个颜色,而是广义上的单色,使用起来比较简单,并且很容易产生和谐的配色效果。

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

最明显、最直接的单色配色就是一个有彩色加上黑白灰。可能有的人会想,这怎么能算单色啊,明明好几个颜色呢?

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

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

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

因为当有彩色作为背景的时候,多数情况下上方的文字色都是无彩色,所以这种情况的无彩色可以忽略不计不算做颜色,因为毕竟这个画面给人最强烈的感觉就是有彩色的属性,黑白灰只是为了让人识别信息。

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

比如这个海报就是有彩色粉色作为背景,上方配上黑色的文字,非常简单直接。

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

这个海报就是有彩色蓝色作为背景色搭配黑白灰。

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

这个海报相反是以灰色为背景,上方的元素使用了有彩色加白色。

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

第二种形式就是一个有彩色搭配这个颜色的不同纯度。

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

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

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

这种同色相不同纯度的搭配整体效果非常和谐,但是需要注意的一点就是纯度的跨度值不能太接近,因为如果太接近的话文字的识别度就会降低。

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

这个海报的背景色使用的是纯度较高的粉色,上方叠加的文字使用的就是降低纯度之后的颜色。

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

这个海报的背景色就是由四个由深到浅不同纯度的颜色形成的色块,整体为蓝色调。

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

这个海报的背景是纯度较低的绿色,上方梯形的颜色纯度相对要高一些。

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

第三种形式的单色配色就是有彩色和它自身不同明度的搭配。

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

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

 收藏