教程作者:杰克sean(授权转载)
交作业:微博搜索话题 #优设每日作业# 进入话题页即可发布作业
同样是配色,为什么别人的作品那么惊艳,我却那么土?
作为一名设计师,配色也是我们的必备技能之一。不管设计技法如何酷炫,用户看到作品的第一眼感受就是通过色彩传递的。
优秀的设计师往往会根据主体风格、受众群体、以及市场的偏好综合选择色彩搭配,充分考虑色彩背后所传递的情感倾向。
但对于新手设计师来说,往往很难做到得心应手...
其实,色彩搭配也有它的规律和原则。下面就给大家分享几招葵花宝典,另外还有实用工具,助你搞定配色难题~
如果一个画面所呈现的色彩过多,视觉过于花哨,看的时候就容易产生认知障碍。所以,配色方案通常会将颜色数量控制在3种以内。
有的铁子可能担心两三种不够用,其实完全够用了,通过颜色深浅、色调变化可以创造出非常多的有趣组合。
简单来说就是,60%主色+30%辅助色+10%强调色,这个黄金法则你可以应用在各个设计领域。
它可以让整个画面的色彩既丰富,又不会显得杂乱无章。在有明确的品牌设计规范下,运用这套配色方法 绝不会出错。
如果想让画面更有冲击力、设计效果脱颖而出,可以运用色彩对比。
对比类型有很多种,比如原色、同类色、类似色、邻近色、中差色、对比色、互补色等等。
在不同的场景里,有不一样的使用方式。新手设计师最常用又不容易出错的手法有:
1)同类色:
因为颜色相近,过渡比较柔和,所以组合起来更和谐,更能体现整体画面的统一性。
案例展示:
2)邻近色:
同样因为在色相上比较接近,所以也能保持画面的协调与统一,但它的视觉层次感会更丰富一些。
案例展示:
3)对比色:
对比强烈又能互相衬托。总的来说视觉冲击力很强、有跳跃性、更能突出主体。
案例展示:
4)互补色:
因为颜色性质相差较大,对比更强烈,更吸引眼球,视觉冲击力MAX。
案例展示:
色彩与情绪紧密相连,不同颜色会唤起我们不同的情绪和感受。比如:
蓝色的鸡翅简直就像黑暗料理,有没有?让人瞬间没了食欲。
所以对设计来说,摸清楚不同色系的作用很重要。比如:
橙色、黄色都是暖色,在视觉上给人欢快活泼、温暖、安心的感觉。
蓝色、绿色等冷色,给人感到平静、健康、清爽、舒适的感觉。
粉色给人可爱、甜美、浪漫的感觉,较多用于女性的产品设计中。
而白色是纯净无暇的象征,给人干净、典雅的感觉。
紫色总是带着神秘的吸引力,赛博朋克风格主要以蓝紫暗冷色调为主:
另外,色彩的纯度和明度发生变化时,或是处于不同的颜色搭配中,给人感觉也会随之变化。
人类调色的本事再厉害,也比不过大自然的浑然天成。那些惊艳无比的配色,其实就藏在大自然的美景中。
平时我们也可以从大自然中收集色彩:
俗话说得好,方法用对,事半功倍。这里再给大家分享几个比较好用配色网站:
1.Adobe Color
Adobe官方出品的配色工具,通过拖拽色轮或输入自定义色值,我们可以创造出基于相似、互补、三原色等不同色彩规则的配色方案。
网站:https://color.adobe.com
2.中国色
有了它,再也不用担心中国风要怎样配色了!网站提供各种中国的传统颜色的名称,包括CMYK值,RGB值,16进制表示。
网站:http://zhongguose.com/
3.ColorSupply
这个新网站号称设计师和插画师的颜色选择器,还支持多种色彩调和规则、配色方案的实际效果预览。
网站:https://colorsupplyyy.com
4.Culrs
这是一个综合型的配色网站,可以通过邻近色、三色、四色和单色来搜寻灵感配色。除此之外,每种色彩规则下还有明暗分类,相当方便。
网站:https://www.culrs.com/
5.colormind
使用人工智能自动生成美妙的调色板。调色板的灵感来自照片、电影和流行艺术品。同时,它还可以上传图像,自动分析生成调色板。
网站:http://colormind.io/image/
虽然设计配色理论是相通的,但是我们在不同的设计领域进行配色时,依然会存在很大的区别。
所以思考配色的时候,先要明确配色目标,确定主色和色彩层级之后,再进行下一步的配色。
当你做得多了、接触得多了,自然而然就会提升你的配色功底。
欢迎关注作者的微信公众号:「杰视帮」
想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc5 备注「优优自学团」(无备注不通过哦)
学完这篇教程的人还在学…
·非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。
转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
发表评论 已发布 1 条