平面设计教程!一学就会的配色方法

时间:2022-08-04
类别:平面设计
水平:入门
观众:7.3k
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

平面设计教程!一学就会的配色方法

教程作者:邓海贝(授权转载自公众号:艺海拾贝Design

交作业:微博搜索话题 #优设每日作业# 进入超话页即可发布作业打卡

关于教程

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

平面设计教程!一学就会的配色方法

教程内容

#01 界面排版

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

平面设计教程!一学就会的配色方法

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

平面设计教程!一学就会的配色方法

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

#02 配色方案

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

平面设计教程!一学就会的配色方法

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

平面设计教程!一学就会的配色方法

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

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

平面设计教程!一学就会的配色方法

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

平面设计教程!一学就会的配色方法

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

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

平面设计教程!一学就会的配色方法

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

平面设计教程!一学就会的配色方法

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

平面设计教程!一学就会的配色方法

平面设计教程!一学就会的配色方法

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

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

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc4 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

7 收藏 15

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片