这可能是最容易出效果的配色方法:互补色(基础篇)
互补色分为“光学互补色”和“印刷(色料)互补色”两种。
光学互补色:两种色光以适当的比例混合,能产生白光时,则这两种颜色就称为“互为补色”。
本文主要探讨的是印刷(色料)方面的互补色:在色相环上相对 180°角的两种颜色,这两个颜色混合会得到灰色。
互补色由于在色环上相距最远,色彩差异最大,色彩对比很强烈,合理的搭配往往会产生强烈的视觉冲击力。
虽然从色环上来看,互补色可以有很多组,但最常用的互补色有 3 组,分别是红和绿、蓝和橙、紫和黄。
由于红色和绿色在色相上缺乏共性,放在一起会造成极强的视觉反差,搭在一起容易有格格不入、扎眼的感觉,容易出现散乱、土气的感觉。
要取得好的视觉效果,则需要使用一些调和手段,可以在明度、饱和度上中和两种色彩的突兀,使其形成和谐统一的对比。
蓝橙是一组经典的冷暖互补色,温暖的橙色在与偏冷的蓝色搭配时,更加醒目,活泼的橙色可以很好的缓解深蓝色的沉闷,增加画面的愉悦气氛,可以很好的营造出画面的层次感。
紫色和黄色不论是色相还是明度差异都非常大,因此黄色与紫色的搭配容易产生相当高的视觉强度。
互补色对比性强烈,因此在视觉上会产生极大的隔离作用。由于色相对比过大,配色难度也最大,如何化解互补色之间的冲突感,是用好互补色的关键。
1. 通过面积比来达到平衡
如果使用面积相近的互补色的搭配,具有强烈的冲突感,产生的视觉效果强烈而鲜明,情感浓烈,令人记忆深刻。非常适合夸张的、张扬的情感表达。
大多数情况下,我们会选择一种颜色作为主色调,大面积的色相占据主导位置,再用小面积的互补色去点缀画面。这样才能表现出主次关系和丰富的色调效果,色彩对比强烈却又不违和。
2. 调整明度与饱和度来减弱色彩冲突
高明度与高饱和的互补色搭配,对比强烈,在视觉上会产生极大的隔离作用,它们组合在起,会产生相互衬托、相互抗衡、相互排斥的感觉,并使各自的色相更显突出,更为艳丽,具有强烈的视觉冲击力。
可以考虑降低互补色的明度与饱和度,来减弱冲突,既保留了对比色搭配的特点,同时降低了过强的视觉刺激。
3. 加入中性色缓冲其强烈的对抗性
互补色鲜艳热烈,而中性色(黑白灰)则刚好相反,它们毫无情绪感,中庸冷静。在对比色中加入中性色可以很好的调和画面的平衡感。通过中性色的调和,既保持了互补色所带来的丰富的层次感,也避免了互补色之间强烈的冲突。
上期暂告一段落,更多配色技巧:
-
从5个方面,循序渐进掌握设计必备万金油的「场景」知识点
在日常沟通中,如需求评审、日常的设计沟通及跟开发的方案交流,常常听到提起“场景”一词。“用户在什么场景需要这个功能?”、“这么设计依据的场景是什么?”、“你有没有考虑过这个使用场景?”在情境中每个“场景”听起来好像都不太一样,能粗略感受意思,但具体想想又很模糊,那场景到底是什么?它能帮助设计师做哪些事?
넶11 2021-12-20 -
-
当下,整体电商行业呈现出两个明显特征
电商大盘交易规模仍在扩大,但增速在放缓,从前几年的20%以上滑落至15%左右,今年1至10月,全国网上零售额同比增长17.4%;另一方面,我国移动购物App行业月活跃用户数渗透率突破92%,饱和迹象明显。
넶6 2021-11-29 -
电商是做什么
虽然国内市场电子商务的发展已经很成熟,但仍有很多人对电商概念模糊不清,甚至都不明确电商具体是做什么的!时至今日,谈到电商,仍有人认为在淘宝上开店就是电商。尤其是随着大数据时代的飞速发展,电子商务的范围越来越广。
넶3 2021-11-29
-
TAG页面如何优化_TAG页面优化方法
网站中我们常见的TAG页面有两种,一种是TAG单页面,聚合相同或相关关键词的单页面;另一种是TAG标签云页面,聚合所有TAG标签的页面。
넶2 2021-11-23 -
- 2021-12-21
- 2021-12-07
- 2021-12-07
- 2021-11-23
- 2021-11-23
- 2021-11-23
- 2021-11-23
- 2021-11-23
- 2021-11-23
- 2021-11-23