提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
色彩是设计中体现品牌与基因的关键因素,如何搭建科学有效的色彩系统,是每个设计师都需要去学习运用的。
什么是色彩?
色彩是通过眼、脑和我们的生活经验所产生的一种对光的视觉效应。
人对颜色的感觉不仅仅由光的物理性质所决定,比如人类对颜色的感觉往往受到周围颜色的影响。有时人们也将物质产生不同颜色的物理特性直接称为颜色。
“色彩是我们感知世界的重要媒介,对于信息传达有着重要的作用,能使人们能够更有效的感知设计的意图和内涵,使传达更高效。” 因此构建一个科学有效的色彩体系尤为重要。
常用的配色方式有哪些?
同色系配色
同色系并不特指同一个颜色,它说的是同一个色系里面的两个或多个不同颜色。只要明度、纯度、色相协调,这种搭配就能够体现一种渐变的层次感,有规律感,也更优美。
邻近色配色
色相环中相距60度,或者相隔三个位置以内的两色,为邻近色关系,色相彼此近似,冷暖性质一致,色调统一和谐、感情特性一致。如:红色与黄橙色、蓝色与黄绿色等。
类似色配色
类似色也就是相似色。在色环上90度角内相邻接的色统称为类似色,例如红-红橙-橙、黄-黄绿-绿、青-青紫-紫等均为类似色.类似色由于色相对比不强。
中差色配色
色相环中90度的配色,在视觉上是有很大的配色张力效果,是非常个性化的配色方式。在24色相上作任选一色;与此色相邻之色为邻色。
对比色配色
是指色相环上相距120度到180度之间的两种颜色,不仅能加强色彩的对比,拉开距离感,而且能表现出特殊的视觉对比与平衡效果。
明度对比
明度对比是色彩的明暗程度的对比,也称色彩的黑白度对比。
在心理学中,明度对比亦称明暗对比、亮度对比。物体表面的明度受到其不同背景的明度的影响,使个体产生不同的主观的明度感受的现象。
如,从同一块灰色的纸上剪下两个小正方形,分别放在一张白色和黑色的背景纸上,个体会感觉放在白色背景纸上的小正方形的明度变暗了,而放在黑色背景纸的则变亮了,同时在小正方形与背景相互连接的边界附近,明度对比特别明显。
为什么要构建一个色彩体系?
在设计中,色彩是体现品牌与基因的关键因素,构建科学有效的色彩系统,能有效地帮助产品建立品牌形象,对产品设计具有指导意义。每一个产品,都有自身的文化/价值观,一套统一的色彩,能够帮助用户提高对平台品牌的认知,为平台的发展提供优质高效的设计系统基础。如果一个平台或者项目的配色不统一,则无法帮助平台树立自身品牌感,甚至会给用户一种山寨的感觉,所以构建一个平台专属的色彩体系,是至关重要的。
如何去构建一个科学有效的色彩体系?
通常构建一个色彩体系,需要以品牌色为基础来构建整个色彩体系,如果是个从0-1产品,则需要设计师,通过与业务方进行沟通,结合公司的愿景/产品调性,色彩的心理学等方式,建立情绪板,定出品牌色。
如何通过品牌色去定义整套色彩体系?
1、调取出品牌色的HSB值。
2、调整H值:+-15
调整出24色相环对应的24个色彩,得出明度和饱和度一致性的颜色,假如品牌色为 #108EE9。
3、挑选得出16色相环
删除掉部分过亮或者过暗的色彩,保留16个色彩,对应16色相环
4、16个色彩调整S、B的值,实现整体的视觉统一效果
由于每种色彩在同样的饱和度和亮度的视觉效果是不同的,所以需要设计师对饱和度与亮度进行微调,来达到整体的视觉效果的统一。
我们可以在亮度(S)按-10,-20去加减,也可以在B上面以+-5去调整。
5、通过16个色彩的色盘,来制定一套色板
制定色板,需要用到一个网站:https://cooloes.co/
输入我们的对应的品牌色,就可以快速的得出根据明度递减递增的色板,能够帮助提高制作色板的效率。
这样,我们就得出了一套完整的色彩体系,不管是在UI、还是做海报banner等所有需要用到的色彩,都可以在这一套色彩体系中提取运用,保证产品的色彩统一。
总结
色彩是设计中体现品牌与基因的关键因素,如何搭建科学有效的色彩系统,是每个设计师都需要去学习运用的。
以上内容,是如何搭建一套科学有效的色彩系统的其中一种方法,希望对大家有所帮助,如有不同意见,欢迎指正!
图片版权归原作者所有!
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册