2.1色彩基础(色彩设计)ppt课件

1,PPT制作：潘飞宏2017年2月,15级计算机班应用班实用美术基础教学PPT2.1色彩基础色彩设计基础,02,2,3,【课前导读】色彩是美术设计作品中最活跃的视觉元素；构图是将有限的视觉元素进行有机的排列组合，这种排列方式在平面设计中称为版式设计，二者是现代设计艺术的重要组成部分，是视觉传达的重要表现形式。【学习要点】色彩基础/色彩心理与视觉特征/色彩设计与应用版式设计的形式与原理/版式设计与应用,4,目录,色彩设计基础第一节色彩设计基础概述第二节色彩对比与调和设计的方法第三节色彩心理与色调处理,本课程教学定位于在对色彩设计范围内的构成要素色彩设计原理、色彩设计要求、色彩视知觉、色彩对比、色彩调和等教学内容，通过了解色彩规律、培养色彩感觉，以及对色彩的应用和创新能力。采用先进的色彩表达介质传递色彩信息，特别是用计算机辅助设计软件辅导色彩构成教学，使学生更好地理解色彩构成中的相关理论知识，为以后在专业设计中的色彩配色打下基础。,设计基础教学PPT,第一节色彩设计基础概述,一、色彩原理,1光与色的现象与原理太阳光经三棱镜折射，会产生红、橙、黄、绿、蓝、靛、紫顺序的七色光谱色，作为一种连续性的色，各色之间是互相融和渐变的，其中靛为深蓝，没有色光位置，故一般省略为六色，把这六色按顺序围成环状，便成为色相环。,2色彩与颜料人能感受到色彩，自然就有表现色彩的欲望。从自然界中寻找，提炼色彩的历史早在史前人类就已开始，但直到1860年为止，大部分的染料都是从贝类、矿物、植物中制造出来。,3色彩与心理学我们感觉色彩是依靠生理学上的现象，但这种感觉会透过生理现象而影响我们的心理。实际上，色彩会在不知不觉中改变我们的情绪、精神，影响我们的生活。,设计基础教学PPT,2.1.1色彩的产生色彩是一种视觉体验，我们之所以能感知到色彩，主要取决于光。1666年英国科学家牛顿在剑桥大学的实验室发现了色彩的成因，牛顿通过三棱镜分解出了一种连续的色带，依次为红橙、黄、绿、清、蓝、紫，这种现象称为光的分解或光谱。光色原理，使人类第一次认清了色彩产生的原因。（图2-1-1）,【2.1色彩基础】,7,2.1.2色彩的基本概念色彩分为有彩色和无彩色两种类型。无彩色即黑、白、灰。有彩色即红、橙、黄、绿、青、蓝、紫。要理解和灵活运用色彩，必须了解色彩学属性，任何一种色彩都具有三个基本属性：色相、纯度、明度。,【2.1色彩基础】,8,二、色彩的三要素,1色相:是指色彩本来的相貌，亦是色彩的名称。,2明度:指色彩的明暗程度。,3纯度:指色彩的鲜、浊程度。,设计基础教学PPT,【2.1色彩基础】,1.色彩的属性（1）色相：是指色彩的基本面貌，它是有彩色最显著的特征，是能够比较确切地表示某种颜色色别的名称。色相最基本的有红、橙、黄、绿、青、蓝、紫。在各色之间加插中间色，按光谱顺序排列，即红、橙红、黄橙、黄、黄绿、绿、绿蓝、蓝绿、蓝、蓝紫、紫、红紫，得到十二基本色相。色相环（图2-1-3）在色彩设计中具有很大的实用性。,【2.1色彩基础】,图2-1-3,10,（2）纯度：又叫饱和度，指色彩的鲜艳程度。（3）明度：表示色彩的明暗程度。在Photoshop的拾色器（图2-1-2）中，选项代表色相（Hue），S选项代表饱和度（Satuation），B选项代表亮度(Brightness)。,【2.1色彩基础】,11,色彩的色相、明度、纯度是不可分割的，只有色相而无纯度和明度的色彩也是没有的。因此，在认识和应用色彩时，必须同时考虑这三个因素（图2-1-4）。,【2.1色彩基础】,图2-1-4,12,三、色彩的混合,1色光混合色光混合就是用三原色光混合，能作出各种色彩感觉。这三原色从生理学及物理学的观点来说，具有如下特征：不能再分解；不能由其他有色光混合得来；三色等量混合时呈白色。,2色料混合将颜料中的红、黄、蓝作为三原色，分别混合后可得各种色相，但与色光混合相反，色料混合时，混合愈多则变得愈灰暗，三原色等量混合后成为黑色。这种混合法称为“减法混合”。,3空间混合空间混合又成为视觉混合。空间混合实际上是把各种色彩并置在一起而并不直接混合，但由一定的距离观看时，这些并置的色彩在人的视网膜上混合起来，形成了另一色彩。,设计基础教学PPT,【2.1色彩基础】,2.色彩的三原色（1）什么是原色？不能用其它颜色混合而成的色彩叫原色。用原色却可以混出其它色彩，并不是所有的颜色都可以用原色来混合，例如：金、银等色。,【2.1色彩基础】,14,2.色彩的三原色（2）原色系统：原色包含两个系统即光的三原色和和色料的三原色。光的三原色：RGB模式。印刷三原色：CMYK模式。,【2.1色彩基础】,RGB三原色（图2-1-5）,CMYK三原色（图2-1-6）,15,RGB图像会比较鲜艳，但是转换成CMYK后顏色会变的比较暗，如下表所示，这是因为当RGB转换为CMYK时，会有一色多出来，这一色就是黑色，所以输出后就颜色会比较暗淡。比较RGB与CMYK的转换：（图2-1-7）,【2.1设计色彩】,图2-1-7,16,四、色彩的种类与关系,1间色任意两个原色相混合所得的新色称“间色”。红+黄=橙，蓝+黄=绿，等量相加产生的橙、绿、紫为标准三个原色，混合的比例不同，间色也随之产生变化。2复色任意两间色相混合所得之色，称之为“复色”。橙+绿=黄灰，橙+紫=红灰，绿+紫=蓝灰，等量相加得出标准复色；两个间色混合比例不同可产生许多纯度不同的复色。3同种色颜色产生不同明度变化，称同种色。如将翠绿色加白或加黑出现的许多深浅不同的绿色，这深浅不同的绿色为同种色。4同类色两种以上的颜色，其主要的色素倾向比较接近，如红色类的朱红、大红、玫瑰红，都主要包含红色色素，称同类色。,设计基础教学PPT,【2.1色彩基础】,5类似色在色环上任意90角度以内的颜色，各色之间含有共同色素，故称“类似色”。6邻近色在色环上任一颜色同其毗邻之色称为“邻近色”。邻近色也是类似色关系，仅是所指范围缩小了一点。从同类色、类似色、邻近色的含义来看，都是含有共同色素。采用此类色彩配合给人以统一而调和的感觉。7对比色在色环上任一直径两端相对之色（含其邻近色）称对比色。8补色色环中任何两色混合所得的新色与另一原色互为补色，也称余色。如绿与红、黄与紫、蓝与橙皆属补色关系，绿的补色是红色，红的补色是绿色。,设计基础教学PPT,【2.1色彩基础】,2.1.3色彩对比一个色环通常包括12种明显不同的颜色。色相环在色彩设计中具有一定的指导作用，借助色相环我们可以对色彩进行正确的判断和分析，利用好色彩之间的相互关系对具体的实践设计活动具有重要的指导意义。类似色凡在色环上450以内的颜色，统称为类似色（图2-1-8）。因为在此范围内色彩都含有共同的色彩成分。如：红与黄、红与橙、黄与橙、绿与青、紫与蓝等都是同类色。用类似色的颜色表现主题可以实现色彩的融洽与融合，使画面产生协调清新的视觉效果。对比色色相距离在色相环1300左右的对比（图2-1-9）。如大红与钴蓝，中黄与湖蓝。对比色具有色彩对比强烈，醒目的特点。,【2.1设计色彩】,图2-1-8,图2-1-9,【2.1色彩基础】,19,2.1.1色彩的视觉特征色彩心理是指客观色彩世界引起的主观心理反应。在不同波长的光的作用下，人的视觉器官产生色感的同时，必然导致某种情感的心理活动。设计师为了赋予色彩更大的魅力，充分了解不同对象的色彩欣赏习惯和审美心理是十分必要的。只有掌握了色彩的视觉特征以及人们认识色彩和欣赏色彩的心理规律，才能合理地设计色彩。,【2.1设计色彩】,图2-1-10,【2.1色彩基础】,20,2.1.3色彩对比暖色暖色由红色调组成（图2-1-11）。比如红色、橙色和黄色。它们给选择的颜色赋予温暖、舒适和活力，它们也产生了一种色彩向浏览者显示或移动，并从页面中突出出来的可视化效果。冷色冷色来自于蓝色色调（图2-1-12）。譬如蓝色、青色和绿色。这些颜色将对色彩主题起到冷静的作用，它们看起来有一种从浏览者身上收回来的效果，于是它们用作页面的背景比较好。如果你能够理解这些基本原则，它们将对你的网页设计是十分有益的。,【2.1色彩基础】,图2-1-11,图2-1-12,【2.1色彩基础】,21,色彩关系,【2.1色彩基础】,同类色相对比色相环上相邻的二至三色对比，色相距离大约45度左右，为弱对比类型。邻近色相对比色相对比距离约90度左右，为中对比类型。对比色相对比色相对比距离约135度左右，为强对比类型。补色对比色相对比距离180度，为极端对比类型。,【2.1色彩基础】,色彩的表示方法,(一)自然表示法(1)以自然景色命名的色彩：天蓝、湖蓝、海蓝、曙红、雪青、土黄、土红、翠绿等。(2)以金属矿物质命名的色彩：金黄、银灰、古铜色、铁灰、铁锈红、石绿、石青、宝石蓝、宝石绿、翡翠、钻蓝、赭石、铬黄、煤黑等。(3)以植物命名的色彩：草绿、茶绿、橄榄绿、柠檬黄、橘黄、杏黄、米黄、紫藤、栗色、咖啡色、茶色、橘红、橙红等。(4)以动物命名的色彩：孑L雀绿、猩红、象牙白、蛋黄、蛋青、鼠灰、驼灰、鹰灰等。(二)系统化表示法自然色表示法只能表达色彩的一般性质，精确度较低。系统化色命名法则在色相加修饰语的基础上，又加上了明度和纯度的修饰语，从而能比较精确地形容该颜色的形象。如红色系，包括黄味红、淡黄味红、极淡黄昧红、明灰黄味红、灰黄味红、暗灰黄味红、极暗黄味红、浊黄味红、鲜黄味红等色名。这些颜色名称标定系统虽然精确程度仍不很高，但在一般场合下使用，有一定的实用价值。,【2.1色彩基础】,五、色立体表示方法,色立体的表现方法是色立体模型。它是将色彩的三要素色相、明度、纯度关系作表示的结构示意模型。常见的有蒙塞尔色立体模型、奥斯德瓦尔多德色立体模型以及日本色研体系模型等。色立体模型的色块表现的是色彩的色相关系，上下表现的是色彩的明度关系，内外表现的是色彩的纯度关系。,设计基础教学PPT,【2.1色彩基础】,色立体,(一)孟塞尔色彩体系孟塞尔(AlhertH_Munsell)是美国色彩学家、美术教育家。他创立的孟塞尔颜色系，用三维空间的近似球状的模型，把色彩的色相、明度、纯度这3种视觉特征全部表示出来,如图。,【2.1色彩基础】,【2.1色彩基础】,(二)奥斯特瓦德色彩体系奥斯特瓦尔德（Ostwald）体系：奥斯华德色相以8色相为基础，每一色相再分3色，共24色相，明度阶段由白到黑，并以无彩色阶段为一边，纯色在另一顶点，每边长依黑白量渐变化排成8色，形成等色相