5

用实战案例,帮你掌握这个一学就会的配色方法! - 优设网 - UISDC

 2 years ago
source link: https://www.uisdc.com/color-matching-method
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

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

配色基础:

用实战案例,帮你掌握这个一学就会的配色方法!

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

用实战案例,帮你掌握这个一学就会的配色方法!

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

用实战案例,帮你掌握这个一学就会的配色方法!

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

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

用实战案例,帮你掌握这个一学就会的配色方法!

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

用实战案例,帮你掌握这个一学就会的配色方法!

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

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

用实战案例,帮你掌握这个一学就会的配色方法!

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

用实战案例,帮你掌握这个一学就会的配色方法!

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

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

用实战案例,帮你掌握这个一学就会的配色方法!

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

用实战案例,帮你掌握这个一学就会的配色方法!

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

用实战案例,帮你掌握这个一学就会的配色方法!
用实战案例,帮你掌握这个一学就会的配色方法!

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

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

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

欢迎关注作者的微信公众号:「艺海拾贝Design」

用实战案例,帮你掌握这个一学就会的配色方法!


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK