UI配色专辑素材|使用色卡工具设计海报的实战模板

色彩搭配_颜色配色- 搜UI (SOOUI)

 选择一个喜欢符合产品的色系卡

大概要点如下:

  • 要有主次

  • 融入无彩

  • 前后呼应

UI配色专辑素材|使用色卡工具设计海报的实战模板

 

要有主次

对于新人来说,最开始的时候,最好只使用一个主色,其他全是辅助色,如果你的颜色没有主次,就很容易用乱:

UI配色专辑素材|使用色卡工具设计海报的实战模板

将主色直接当作背景色,这样主色占比例就是最大的

UI配色专辑素材|使用色卡工具设计海报的实战模板

可以适当的加一些细节,比如拉一个微小的渐变

UI配色专辑素材|使用色卡工具设计海报的实战模板

再加一些纹理

UI配色专辑素材|使用色卡工具设计海报的实战模板

这样主色就在这里稳稳的占住了。

 

融入无彩

很多作品的颜色搭配,都不仅仅只是用了彩色,还用了一些无彩色,比如黑白灰、肉色等等,

这样可以一定程度上的中和彩色,并且丰富层次。

我也经常在彩色中融入黑白灰,因为这样不容易出错。

比如我们在刚才的主色背景上加一个小形象,先用一个白球占位,白色就是无彩色:

UI配色专辑素材|使用色卡工具设计海报的实战模板

是不是很稳,完全不会出错。

融入无彩色(融白)这个方法我还经常使用在图标设计当中:

 

 

前后呼应

我们刚才画了一个白球,接下来可以加一些细节,拿出我最常用的眼镜,再加个小嘴:

UI配色专辑素材|使用色卡工具设计海报的实战模板

丰富细节,加一些点缀元素

UI配色专辑素材|使用色卡工具设计海报的实战模板

强调的颜色呼应,这些点缀元素就完全可以继续使用辅助色,也就是眼镜上的颜色:

UI配色专辑素材|使用色卡工具设计海报的实战模板

形成前后呼应,这样会更加整体、融合。

到此,一个简单的小画面就出来了