教程作者：杰克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 条