阅读638 返回首页    go 阿里云 go 技术社区[云栖]


活动图制作(一)简单了解颜色搭配

TA的每日心情奋斗
2017-5-6 17:38

签到天数: 4 天

[LV.2]偶尔看看I

店铺大格局车品旗舰店威望2 发消息
在做设计时,采用的颜色会传达不同的思想和情感。例如,你想做夏季的促销海报会根据环境选择具有凉爽感觉的色彩还是正在热卖火热促销的色彩,因为它们传达的是不同的信息一张图片的色彩传达的是让人心情放松,而另一张传达的是心跳加速的兴奋。色彩基础的了解是一个良好的开端——色相(Hue)、饱和度(Saturation)、明度(Value)。你可能理解这些测量颜色的术语,但是我想告诉你这些值确实非常重要。明度是你在黑白图片上获得的信息——就是不同色度的灰色。把一个网站截图,将它转换为灰度图,你就会看到它的原始值。

这就是说,明度是明暗程度,表示颜色的明与暗,也被称作亮度。色相是最基本的颜色术语,通常用来衡量实际的颜色,如蓝色、红色或黄色。色相是相当简单的,你可以通过记传统的色轮来记住它的规律。饱和度(或纯度)与一个颜色的纯度和鲜艳度相关。可以把饱和度看成是色调的强与弱、浊与清。大多数人识别饱和度就是通过对比香蕉黄和粉笔黄的区别。粉笔色更为“发白”,似乎缺少鲜艳度,因为它的饱和度更低。从下图的Munsell color system(孟塞尔颜色系统)图表中,可以获得更好的理解:

这个图是值得我们去理解的,因为颜色都是相对的。所以,一个“冷”色,像蓝色用在浅色中就不那么冷了,同样的“暖”色,在暗色中也就不那么暖了。颜色系统是一个奇怪的话题,因为它常常与其它颜色相互作用。这样听起来好像是没有意义的,但你可以把它作为学习的例子,在实际的项目中不断练习。当选择一个配色方案时,你有很多不同的模式可以遵循,这里分享一种小技巧。互补色是色轮上相对的两个颜色,它们之间的色彩对比非常强烈。例如,紫色按钮在黄色背景上非常的突出,因为它们是高对比度的配色。当然,这还取决于每一种颜色的饱和度,通过实践来理解是最好的。请记住:对立对比!

相近色在色轮上紧邻彼此。很显然这样的配色方案不会产生高对比度。但在设计图形、banner、纹理或者背景,这些需要匹配整个网页色系的元素时,这是非常实用的。毕竟在总体布局上,并非一切都应该是需要高对比度。三色式是在色轮上等距隔开三个独立的颜色,三种颜色在色轮上要呈正三角分布。当要摆弄这种配色方案时,一定要选出一种色彩作为主色,另外两种作为辅助色,平衡色彩,决定它们应该如何融入整体布局。饱和度在其中扮演重要的角色,但是整体的配色方案任然不会因此发生大的变化。

分裂互补色非常像前面的互补色方案,但稍微有些变化。该配色方案是从色轮上的一个点开始,搭配与它相对的两个相邻色,使用相近色来代替互补色中的一个。分裂互补色的对比依然非常强烈,但它并不会像互补色搭配那样刺目,使人感觉不舒服,它给色彩的选择提供了一点回旋余地。

了解到不同颜色之间的搭配产生的视觉感受就可以根据你所做活动的具体内容具体选择颜色表达,下一篇我会告诉大家一些选色的小技巧哦!敬请期待~

最后更新:2017-11-01 02:24:06

  上一篇:go 详谈DSR如何拉高
  下一篇:go 京东商学院内部讲师受邀课酬标准公告