专栏名称: 互联网AI早读课
专注互联网产品、用研、交互、设计、运营领域精选内容。信息爆炸的社会,每天用心的去读一篇文章,也许胜过你的走马观花。每早八点,我们等你。
目录
相关文章推荐
36氪  ·  估值暴涨30倍,蔡崇信夫妇赚翻了 ·  17 小时前  
新浪科技  ·  【#三款机型无缘iOS26#】科技媒体 ... ·  昨天  
新浪科技  ·  【#西藏全区累计建成开通5G基站1.95万个 ... ·  3 天前  
51好读  ›  专栏  ›  互联网AI早读课

你不知道的色彩密码

互联网AI早读课  · 公众号  · 科技媒体  · 2017-12-13 08:36

正文

请到「今天看啥」查看全文



那么我们在设计与绘画中将冷暖色分为三种色调:


暖色调分为 红橙黄

冷色调分为 青色、蓝色

紫色和绿色相对中性,因为他们偏冷暖的调性不强,紫色介于红蓝之间,绿色介于黄蓝之间。


案例1:



图1:情感失衡; 图2:冷暖色平衡合理。冷暖色的搭配是情感的表达。我们有意识的去将画面进行冷暖平衡搭配的时候,我们的视觉就能得到满足。而其中的比例关系需要我们根据情感去调整,如果我们需要一个个性张扬的冷暖配色。那我们就把各自的比例放大。



大面积的使用冷暖对色会是情感更加夸张,通常我们使用饱和度比较高的冷暖搭配会使产品变得很炫酷。


案例2:



这是我在一家餐厅门口看到的易拉宝,先去不说他字体排版的问题,我们看到他想突出的内容是什么?


他把最重要的信息忽略了,因为他把背景用了暖色,然后想突出“砍”和“省”字,加了一个大红色,这是我们设计中最忌讳的配色,在一个暖色上加了一个更暖的颜色,会让你的画面看不清,如果你对颜色的敏感度不高,在冷暖搭配中运用不好,那我这有个小技巧——暖前冷后搭配法。




画过色彩油画的同学应该都知道,每一个颜色都是有冷暖的,会有冷色的红,也有暖色的青。这是我10年前画的一副色彩,当时老师就说,你前面的物体画暖一点,后面画的冷一点,你们有发现吗?


其实设计也是一样的,我们在做设计时,也需要做冷暖对比的平衡原则,冷暖对比并不是说我一个红就一定要一个蓝色去撞色,那是一种比较强烈的冷暖对比,刚刚讲的绝对冷暖是一个大环境,相对冷暖是颜色的细节冷暖。



这是我工作中做的一些设计稿,运用冷暖配色,背景为冷色,前景是暖色,这样我们的信息可读性会更强。


1.2. 什么是相对冷暖



我们来看一下ps的色相盘,最中间的是青色,也就是这个色盘的冷极点,当上面的红色往下走的时候是越来越冷的,走到了冷极点后,在往下走是越来越暖的。所以上面的红色是偏冷,也就是冷红,下面的红偏暖,也就是暖红。


我们来看一个案例来说明一下。




淘宝的两个入口按钮



当我们去吸他色值的时候发现,红色是偏冷的红,蓝色是偏冷的蓝。所以有些同学在做设计时一些细节上的颜色会不在一个调子上面,这时候你要检查一下,同一个属性里面是否都在一个色调里面,除非你是要突出某个东西刻意去做的不一样。


小结:冷暖色是情感倾向的表达,平衡视觉心理。不同的主题适合不同的冷暖,过冷或者过暖都会导致情感失衡。


2. 互补色的平衡







请到「今天看啥」查看全文