• 移动开发移动端
  • 学习Android基础
  • 学习Android进阶
  • 学习Android组件
  • 学习Android实战
  • 学习Swift
  • 学习ios
  • 学习Android UI
  • 数据库开发数据库
  • 学习Mysql
  • 学习Redis
  • 学习Memcache
  • 学习云计算
  • 产品经理,网站运营产品运营
  • 学习产品经理
  • 学习互联网思维
  • 学习产品分析
  • 学习产品原型
  • 学习产品设计
  • 学习网络运营
  • 学习新媒体运营
  • 学习网络推广
  • 网站设计,UI设计设计教程
  • 学习设计基础
  • 学习设计工具
  • 学习UI设计
  • 学习平面构成
  • 学习AE
  • 学习平面设计
  • 嵌入式开发,物联网开发智能硬件
  • 学习物联网
  • 学习ARM
  • 学习嵌入式
  • 学习蓝牙开发
  • 开发工具开发工具
  • 学习Eclipse IDE
  • 网站建设网站建设
  • 学习Web应用安全
  • ui培训
    图形图像 色彩基础 设计基础理论

    色彩3要素


    色彩的基本构成和常见色彩基础知识讲解



    色彩的定义


    我们肉眼看到的东西都有自己的色彩,色彩是依赖光存在的,没有光就不会有色彩,色彩是物体对光谱的反射给人眼传达的一种视觉信息。可以把颜色通过可见光的波长来划分。


    可见光的光谱图,标准太阳光是白色的合成光,由红、橙、黄、绿、青、蓝、紫,人肉眼能够看到的波长大概是380到720 纳米之间,就是我们通常所看到的七种颜色。


    elements1.png



    色彩的种类


    色彩光谱图里我们大概能看到七种颜色红、橙、黄、绿、青、蓝、紫,那也是由这七种颜色构成我们常见的色彩,从而划分色彩种类。通常表现色彩,在实际应用中有两种方法,一种为印刷品的表现形式,就是由红黄蓝这三种实体物体的颜色,这是印刷品常用的三颜色;另一种为光色三颜色红、绿、蓝,就是电子显示设备呈现色彩的显示模式。


    elements2.png


    通过三颜色的调配,可以组合成千千万万的颜色,如红色加蓝色呈现紫色,蓝色加黄色呈现绿色等,这就是印刷品的三颜色。


    elements3.png


    电子显示设备的色彩显示模式红、绿、蓝,即通常所说的rgb。(分别为red,green,blue三个单词的首字母)


    elements4.png


    如图红色red255呈现的是标准红色,绿色green255呈现的是标准绿,蓝色blue255呈现的是标准蓝。


    elements5.png


    elements6.png


    elements7.png


    如图紫色是红色255加蓝色255构成的。若改为红色50加蓝色50,发现等值的红色加蓝色构成紫色。同样等值的蓝色和绿色相配构成比较浅的蓝,等值的红色加绿色构成黄色。


    elements8.png


    elements9.png



    色彩的3大特点


    色彩的三要素包括色相、明度和纯度(饱和度)。


    色相就是之前提到的色彩的种类,一种颜色就是一种色相,顾名思义即可。


    elements91.png


    明度是指同一种色彩即色相通过明暗变化呈现不同的色彩,比如下图的橘子是同一种色彩,在不同的明度下,呈现的色彩效果不同。


    elements92.png


    纯度(饱和度)


    纯度可以理解为某种色相所含色彩的浓度。如图两人所穿衣服都为绿色,但是颜色有些变化,右边衣服没有左边的颜色鲜艳,因为右边的饱和度较低。我们可以把饱和度称作人类眼睛识别色相的强烈程度,程度越强饱和度越高,反之越低。


    elements93.png



    案例


    打开PS拾色器,从左边到右边滑动,同种色彩的纯度越来越高,从右往左滑动,虽然明度越来越高,但是色彩纯度越来越低。从上往下滑,色彩明度越来越低即越来越暗,但是最右边的纯度是没有改变的,越靠左纯度越低,越靠下明度越低。


    elements97.png



    作业


    1.如图找出下面两人的照片哪张饱和度更高,哪张饱和度更低?


    elements98.png


    2.找出下图黄色明度最高的区域并圈出来?


    elements99.png



    【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

    相关内容

  • ·  图形图像基础
  • ·  玩转高级图标设计
  • ·  设计基础理论
  • ·  图标理论基础
  • ·  图标实战
  • logo
    © 2012-2016 www.maiziedu.com
    蜀ICP备13014270号-4 Version 5.0.0 release20160127

    免费领取价值1888元求职宝典!

    客服热线 400-862-8862

    回到顶部