干货分享 | 设计师色彩配色的秘密
本期,我们邀请到来自b站的up主@言九七_来为各位球er分享设计师色彩配色的秘密。
色彩的意义
服装搭配、房屋装修、摄影修图,我们的生活中充满了色彩选择。色感较弱的人,在色彩搭配中举步维艰,而色感好的人可以轻松完成色彩搭配方案。
其实在设计中,配色的规律是有迹可循的。
在一张画面中,我们可以通过色彩去控制浏览者的视线:在图片上,或者在标题上,又或者在按钮上。
通过配色,也可以去传达某种品牌属性。他是一家年轻潮流品牌,还是一家技术科技品牌,或者是质朴素雅的生活品牌。
色彩基础理论
这些配色的方法,都是建立在色彩的基础理论上的。人的眼睛在辨别颜色时,是按照色相(Hue),饱和度(Saturation),和亮度 (Brightness)进行判断。
色相(H)就是我们日常讲述的颜色,通过三原色红、 黄、蓝无限次的交叉混合,可以得到一个颜色无限丰富的色环。饱和度(S)用来控制颜色中的强度,使颜色更强烈,或者更平淡。明度(B)则用来控制颜色的深浅。
正是因为HSB模式可以调出无数种颜色,所以我们在选择色彩搭配时几乎没有头绪。
配色方法
单色配色法,是最保险的配色方法,选取一个颜色,通过调整饱和度和亮度进行配色,然后你会发现,就算随意更换其他色相,配色依然和谐。
邻近色配色法,选取色环相邻配色,相对单色配色,色彩更加丰富。
对比色配色法,使用色环相对的颜色,可以更好的突出内容。
三原色配色法,使用正三角形进行颜色选择,可以表达更丰富的画面,但要注意控制饱和度和明度,来达到画面和谐。
四原色配色法,使用矩形选取颜色,通过选取两对互补色进行配色,注意在配色时控制比例。
色准的影响
根据这些方法配色完成后,我们怎么判断自己的配色是否准确呢?
设计师在进行配色后,交给开发同学实现时,常常会发现不是你想要颜色。所以显示器色彩不准,颜色还原程度不够,都会直接影响我们的实际工作。
绝大部分设计师的工作都是在显示器中进行的,而判断显示器色准通过ΔE值来确定的,ΔE值越低,色彩准确度也就越高。
我最近体验的明基PD系列的设计显示器2700U就可以完全解决我的色准需求。
官方保守数据有着Δ<3的色准表现,而包装内的检测报告上的Δ值仅仅只有0.9168。
它拥有Pantone色彩认证,每一台都会经过出厂校色,是一款定位设计专业的显示器,这期视频就是我使用它完成制作的。
但我一个人的使用感受可能并不客观,巧了!我还有一个设计师女朋友,在我的热情邀请下,我们进行了交叉使用测试。
不管是我进行平面排版或者UI设计,或者是女朋友进行平板手绘投屏,再或者是3D软件建模渲染,色准表现都非常稳定。
当然我们的世界不止有工作,也要做到一屏是工作,一屏是生活。
再次感谢@言九七_为我们答疑解惑,想要了解更多生活中的设计美学,可以前往b站关注,解锁更多内容!













































































