你需要知道的色彩基础知识

色彩基础知识

  • 光与色彩
  • 色彩三要素
  • 色彩的冷暖
  • 色彩深度

光与色彩

1666年,牛頓以三棱镜分解太阳光,发現看似无色的光线,经过三棱镜時,会依其波长和折射关系, 依序分为紅、橙、黃、绿、青、蓝、紫七色光。

光的物理性质:
波长:
产生色相的区別
波长短的偏蓝,波长长的偏红
振幅:
产生明暗的区別
振幅大的偏亮,振幅小的偏暗

【练习】哪一個较偏蓝?以下哪一個较亮?

你需要知道的色彩基础知识

 人类的视觉机能:
桿状細胞: 对光线的 明暗 有感应
锥状細胞: 含有感受 紅、綠、藍 光三原色的細胞 ﹙色盲?﹚

一般人眼中的草莓 红绿色盲者眼中的草莓

你需要知道的色彩基础知识

三原色

三原色指色彩中不能再分解的三种基本颜色,三原色一般指的是红、绿、蓝三种,简称RGB,这是加色系。

在大自然丰富的色彩中,用三原色可以混合出所有的颜色,画出五彩续纷的色彩世界。

你需要知道的色彩基础知识

这个色环表明了三原色互相混合时所产生的色彩变化。许多画都是以三原色为基本色,混合后调出各种颜色画成的。

间色:用两种原色混合而成的颜色。间色有橙、绿、紫色。

复色:原色与间色相调或间色与间色相调成的颜色。

色光三原色 RGB

  • 红 Red
  • 绿 Green
  • 蓝 Blue

加色法-越加越亮﹙白﹚

你需要知道的色彩基础知识

色料三原色 ( 印刷工业色 CMYK )

  • 天青 Cyan
  • 洋红 Magenta
  • 黃  Yellow
  • 黑  Black

减色法-越加越暗﹙黑﹚

你需要知道的色彩基础知识

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/747.html

(1)
江山如画的头像江山如画管理团队
跟永哥学HTML5(3):HTML5新增语义化元素的使用
上一篇 2018年1月26日 上午8:52
接到一个网站开发项目怎么去完成?—网站的开发流程
下一篇 2018年1月29日 下午2:16

99%的人还看了以下文章

  • 网页设计技巧:3步提升网页品质

    网页设计技巧:3步提升网页品质网页设计技巧:3步提升网页品质网页设计技巧:3步提升网页品质网页设计技巧:3步提升网页品质

    网页设计中的细节通常是束缚我们想像和内容设置的枷锁。要提升网页设计品质,特别是活动或专题页面的视觉效果,请学习网页设计师必须知道的设计技巧:减法、分块、加法。 1.减法 网页设计中原先的细节经常是束缚我们想像和内容设置的枷锁。保留梁柱和承重墙是必需的,这便是我们在网页设计方法中提到的特征。 2.分块 在功能划分前,进行网页分区前所要做的信息消化。比如我们希望…

    2019年2月21日 网页设计
    9.1K0
  • 最完善的前端开发流程(详解)

    前端侧重于人机交互和用户体验,后端侧重于业务逻辑和大规模数据处理。理论上,面向用户的产品里,所有问题(包括产品、设计、后端、甚至看不见的问题)的表现形式,都会暴露在前端,而只有部分问题(数据问题、计算问题、安全问题等)暴露在后端,这就意味着前端起到了至关重要的承载和连接作用。 一、前端开发流程 需求评审 一般在做需求评审时,PRD里只有交互稿,尚未有视觉稿。…

    2023年1月18日
    6.2K0
  • 浏览器播放mp4格式视频时只有声音看不到画面的原因及解决方法(精)

    做HTML5网页,要播放视频,视频格式为mp4,结果浏览器只能听到声音,看不到画面。 反复测试,多个浏览器均出现此问题。刚开始以为视频的格式不对,我是从MOV转的MP4格式,反复确认嵌入的视频确实是mp4格式的,可是试了好多次结果都一样,只有声音不显示图像,搞了一天,直接搞懵了。 在网上到处搜索,最终解决。 问题描述: 在html5页面中嵌入视频,用浏览器打…

    2018年5月9日
    23.3K0
  • 网页设计第一步:绘制网站草图

    网页设计第一步:绘制网站草图网页设计第一步:绘制网站草图网页设计第一步:绘制网站草图网页设计第一步:绘制网站草图

    网站设计草图是对页面元素布局、页面造型设计、交互表现形式等所做的手绘草图说明,是对用户需求沟通的图形表现,以便更准确无误地与用户确认需求,也对网站风格设计过程起指导作用。

    2020年2月26日 网页设计
    31.1K0
  • 左侧固定,右侧自适应布局的两种实现方法

    左侧固定,右侧自适应布局效果图 很多页面,特别是网站后台管理页面,不少采用左右布局。本文讲解左侧固定,右侧自适应布局的两种实现方法。 左侧固定200px宽,右侧自适应,中间间隔10px。 HTML: <div class=”parent”> <div class=”side”></div> <div class=”m…

    2019年3月10日
    12.1K0
  • 新手必看:如何制作网页

    网上学习如何制作网页的教程很多,但是都很杂乱,没有一个体系。这篇文章,是给大家梳理一下制作网页所需要学习的内容,新手可以按照这个流程,一步一步的学习,当然,如果你一直看下去,我们会有惊喜给大家。

    2019年10月8日
    5.2K0

发表回复

登录后才能评论