什么是色?初窥色彩之门(色彩篇01)

用户头像
深圳/教育工作者/8年前/2808浏览
什么是色?初窥色彩之门(色彩篇01)
用户头像
坤和

根据之前的教程反馈,大家都对色彩很感兴趣,那也是可以理解。毕竟我们接触这个世界最直接的方式就是通过眼睛来“看”。


前言:


根据之前的教程反馈,大家都对色彩很感兴趣,那也是可以理解。


毕竟我们接触这个世界最直接的方式就是通过眼睛来“看”。



而我们眼睛能看到的可见光就构成了绚丽多彩的色彩。


然而我们跟它相处了这么久,却从来没有好好的了解过它。


黄色的沙发想要添加一个靠垫,应该用什么颜色?


穿了件蓝色的上衣应该搭配什么样的裙子和包包?


被指定红色的页面应该怎么进行配色?


这一期教程我们就来真正的认识一下色彩。



 01


要想灵活的使用色彩、那我们就得先从了解它开始。


不同的色彩千姿百态,都离不开色彩的三个属性,它需要我们理解和牢记它。


分别是:


① 色相:H(Hue——颜色的相貌


如果你把颜色拟人化,或许你能够更容易去理解和记忆色相的含义。


每个人有不同的相貌,每种色彩也有不同的相貌。


我们普通人看一个东西,例如衣服:



我们会说这两件衣服颜色不一样,左边是蓝色;右边是红色的。


但是专业的说法、在做设计中,我们通常会用更为专业的名称——色相;来替代——“这两件衣服色相不同


色相是颜色的另一种说法,属于专业术语,但颜色会在我们口语中经常出现。



 纯度/饱和度:S(Saturation)——颜色的纯净度


把颜色比喻做水,掺入不同的颜色,它就会发生变化,掺入越多它本身的纯度就越低。


当红色降低了50%的饱和度(如上图所示)



当红色降低了100%的饱和度之后它变成了无颜色的——白色。(黑白灰属于无彩色)


也就是说当一张图彩色的图片,我们把它的饱和度降低到0的时候,它就会变成黑白的图片。



彩色原图 ↑



降低保护度为0——成为黑白图片 ↑



③ 明度:B(Brightness)—— 颜色的明暗度


还是拿红色举例


100%纯度的红 ↑    


降低了50%明度的红(变成了深红色) ↑


降低了100%明度的红(变成了纯黑色)



再看一下明度对普通彩色图片的变化:



正常明度的彩色图片 ↑



降低50%明度的图片 ↑



提高50%明度的图片 ↑


其实也就是说,当一张图片,你提高和降低明度相当于就是加入白色或黑色,当你明度提高100%的时候,它就变成了纯白色,当你明度降低100%的时候它就变成了黑色。



02


色相、饱和度、明度,这三个属性都是相互影响和相互作用的。



————


本期教程内容:


能否理解色彩三大属性:色相、饱和度、明度?


(如果无法理解,可以再翻看一下教程,有任何疑问请在底部留言或向我咨询)


[部分参考资料:设计配色基础——梁景红]


——————


下一期教程预告:两色搭配是用色的基础(色彩篇02)


——————


结语:

本次打算先连载几篇关于色彩的基础教程,故暂不开启投票功能。

点击熊猫站酷主页关注公众号《熊猫设计师》,获取更多原创有趣的教程,第一时间接收知识!

51
举报
|
31
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
木纹贴图设计师常用
乐陶创意体验工坊标志设计
女生半身插画
金融行业新媒体商业理财产品立体矢量海报
室内家居场景矢量插画
玫瑰
love玫瑰花
科技元素、环形图、仪表盘、图表、弹框
汉堡插画
新能源腊八节海报
船坞民宿概方案
 ps常用偷懒笔刷
 禅意山水画 意境山水 水墨装饰画 抽象山水画国画山水
中秋佳节花好月圆
卡通兔子插画
宠物纪念相册H5模板系列 · 温馨治愈系 · 三款主题
炫光
彩灯_花灯_春节彩灯_春节花灯_马年彩灯_马年花灯
香盒包装设计国风国潮通用香礼盒
CD4 雪茄店铺改造
苏门答腊虎母子插画
古典中国风线香礼盒包装设计矢量素材
 新中式水墨山水 新中式山水  国画山水 水墨山水画
立春节气背景
二十四节气图片之霜降
你可能喜欢
大家都在看
登录注册