大总管默默

本期通过一则运动鞋广告设计示范,跟大家分享根据主体色进行配色方法。

图片

首先把产品和主要文字信息放置在画面中,英文放大作为背景装饰,把产品叠压在英文上,这样会形成背景、英文、产品、文字信息四个层次。

图片

现在画面整体太过平稳和呆板,加入一些装饰小元素和英文来丰富画面的视觉效果。

图片

排版处理好以后接下来进行颜色的搭配。

根据主体的颜色,选取同类或相邻色相作为主色,是非常简单实用的配色方法。如产品颜色是红色,主色调可以相应的选择相似的红色:

图片

加入黄色作为点缀色来丰富画面,黄色与红色是对比色,而且黄色明度高、红色明度低,红底黄字可以很好的突出文字信息。第一个方案就设计好了:

图片

根据主体色进行配色能够轻松获得统一协调的色调,但缺点是色彩层次不够丰富。可以尝试把背景色进行替换:

分别替换为邻近色(橙、紫)、对比色(黄、蓝)、互补色(绿)进行比较:

图片

最后选择红色和蓝色搭配,红色和蓝色属于对比色,具有较强的色相对比,可以通过降低明度来调和对抗性,使之即协调统一又有着层次分明的对比。最后通过高明度的黄色强调重要文字信息。

图片

黑、白、灰三色称为“无色彩”,是万能的搭配色,善用黑白灰搭配,也可以获得良好的设计效果。

尝试把背景改为无彩色的黑色,可以看到高饱和度的红色在黑色的衬托下,具有更强的视觉冲击力。

图片

最后进行细节调整和完善:给鞋子加入炫光效果,给文字添加明暗变化并作出斑驳的效果,黑色背景显得比较沉闷,可以加入烟雾效果来增加层次和营造氛围。设计完成:

图片

此方法对于多颜色主体的版面也一样适用。只要提取主体的颜色,再根据造型、排版等方面调整配色,即可得到理想的配色方案。

图片

图片

通常配色设计过程是从确定主色开始,再选择与之搭配的副色,最后根据造型、排版等方面调整增加多个点缀色。

一个作品优秀与否不在于色彩多与少,而在于,色彩是否正确和完整地表达内涵,有些时候画面只使用少量颜色也可以做出优秀的设计。

希望你有所收获,下期见!

 

原文地址:艺海拾贝Design(公众号)

作者:邓海贝

转载请注明:学UI网 » 简单实用!一学就会的配色方法!

登录收藏
 
你可能喜欢的:
这个效果原来是这样做出来的这个效果原来是这样做出来的
看1000张灵感图片,不如学会这1个设计方法!看1000张灵感图片,不如学会这1个设计方法!
160种常用的配色方案,把设计调性拿捏得死死的160种常用的配色方案,把设计调性拿捏得死死的
最常见的7个配色问题,如何解决?最常见的7个配色问题,如何解决?
渐变色的正确打开方式渐变色的正确打开方式
好吃也要好看——烘焙与设计密不可分好吃也要好看——烘焙与设计密不可分
设计基础(4):B端中后台管理系统色彩体系设计基础(4):B端中后台管理系统色彩体系
手把手教你画一张国潮风插画海报!(附笔刷包)手把手教你画一张国潮风插画海报!(附笔刷包)
我的配色是真不行阿!我的配色是真不行阿!
如何更好的统一颜色规范?这个方法正在成为新趋势!如何更好的统一颜色规范?这个方法正在成为新趋势!