新媒体视觉设计基本要素统色彩要素03

新媒体视觉设计视觉传达设计专业苏州经贸职业技术学院图片要素色彩要素新媒体视觉设计基本要素灵活运用案例赏析打破思维项目四020304文字要素013.1色彩的基础知识3.2

色彩的基础概念3.3

色彩的三要素3.4色彩的对比3.5科学的色彩搭配3.6通过色彩引导阅读色彩要素03项目四

打破思维新媒体视觉设计基本要素灵活运用3.1色彩的基本知识

在打印、印刷、油漆、绘画等靠介质表面的反射被动发光的场合，物体所呈现的颜色是光源中被颜料吸收后所剩余的部分，所以其成色的原理叫做减色法原理。

三原色以相同的比例混合且达到一定的强度，就呈现白色（白光）。这就是加色法原理，此原理被广泛应用于电视机、监视器等主动发光的产品中。三原色色光三原色（加色法原理）色料三原色（减色法原理）3.1色彩的基本知识三原色色环图/冷暖色■冷色：

指的是绿、青、蓝、紫等颜色，冷色系亮度越高，其特性越明显。能够使人的心情平静，清爽，恬雅。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。■暖色：

指的是红、橙、黄、这类颜色。暖色系的饱和度越高，其温暖特性越明显。可以刺激人的兴奋性，使体温有所升高。可使主页呈现温馨、和煦、热情的氛围。色环是色彩按红、黄、绿、蓝、红依次过度渐变呈现出来的不同颜色，就可以得到一个色彩环。色环通常包括12种不同的颜色。3.1色彩的基本知识3.2色彩的基础概念原色是其他颜色调配不出来的。除白色外，把三原色相互混合，可以调和出其他种颜色。又叫"二次色"。它是由三原色调配出来的颜色，是由2种原色调配出来的。橙、绿、紫三种颜色又叫"三间色"。红黄蓝三原色红与黄调配出橙色黄与蓝调配出绿色红与蓝调配出紫色

也叫"复合色"。复色是由原色与间色相调或由间色与间色相调而成的"三次色"，复色的纯度最低，含灰色成份。01原色02间色03复合色红与蓝调配出紫色，红与蓝调配出紫色，红与蓝调配出紫色，3.3色彩的三要素不同颜色之间的差别，即不同颜色的表象和名称，如红、橙、黄、绿、青、蓝、紫等。同一色别的纯净度和鲜明度的变化。从色光的角度而言，光的波长单一程度越高，饱和度就会越高。

明度是指色彩的明暗程度。一般在反光率相同的情况下，不同色别的明暗程度不同。

明度Brightness色相Hues饱和度（纯度）Saturation3.4色彩的对比指色彩明暗程度的对比，是将两个以上不同明度的色彩并置所呈现的视觉效果。明度对比3.4色彩的对比

对比强弱在色相环上的体现：任选一色，

与此相邻为邻接色；与此相隔15度为同类色；与此相隔60度为邻近色；与此相隔120度为对比色；与此相隔180度为互补色．类似色为色相弱对比；

邻近色为色相中对比；对比色为色相强对比；互补色为色相最强对比；

色相对比色相对比是因色相之间的差别而形成的对比。各色相由于在色相环上的距离远近不同，形成了强弱不同的色相对比。3.4色彩的对比纯度对比由于色彩的纯度的差异而产生的色鲜艳或灰浊感的对比叫做纯度对比。高纯度色面积占七成称为高纯度基调或鲜调；中纯度色面积占七成称为中纯度基调或中调；低纯度色面积占七成称为低纯度基调或灰调（浊调）．3.4色彩的对比其他对比

色彩不仅在三要素上进行对比，还辅助其他形式的对比。面积上的对比各种色彩在画面中所占的面积比例差别引起色相明度纯度冷暖等方面的对比变化称为面积对比．1形状上的对比2在一定面积内，形状的大小，多寡，形的聚散对色彩的对比大有影响。3.5科学的色彩搭配新媒体设计师必须要重视色彩的重要性，在设计稿中大量地方都会用到色彩，更重要的是，从视觉感受的先后顺序来看，色彩会先于文字被用户感受到，形成对品牌的第一印象。根据品牌内涵选择主色调。适当添加黑、白、灰，确定风格根据单色搭配、互补搭配等原则，进行色彩搭配保证内容清晰易读，重点突出010203043.5科学的色彩搭配京东红西瓜红网易红可口可乐红红色品牌色1如何选择主色调？3.5科学的色彩搭配雪碧绿爱奇艺绿邮政绿OPPO绿绿色品牌色1如何选择主色调？3.5科学的色彩搭配脸书蓝推特蓝邮政绿蒂芙尼蓝蓝色品牌色1如何选择主色调？中文名：蒂芙尼蓝外文名：TiffanyBlueRGB色值：129，216，207CMYK色值：51/56-60，0，25-35，03.5科学的色彩搭配纯色亮丽风格2如何确定风格？纯色（饱和度=255）是指不混杂黑色或白色的色调，是所有色调中最鲜艳，最吸引眼球的色调高饱和度的纯色常见于儿童产品和老年产品3.5科学的色彩搭配加入白色清新风格2如何确定风格？3.5科学的色彩搭配加入灰色古朴风格2如何确定风格？3.5科学的色彩搭配加入黑色深沉风格2如何确定风格？3.5科学的色彩搭配单一颜色+黑白灰3如何利用配色增强视觉效果？3.5科学的色彩搭配3如何利用配色增强视觉效果？取得协调的配色同色系配色3.5科学的色彩搭配3如何利用配色增强视觉效果？取得协调的配色邻近色配色3.5科学的色彩搭配3如何利用配色增强视觉效果？强调设计的配色中差色配色3.5科学的色彩搭配3如何利用配色增强视觉效果？强调设计的配色对比色配色3.5科学的色彩搭配3如何利用配色增强视觉效果？强调设计的配色互补色配色3.5科学的色彩搭配3如何利用配色增强视觉效果？多色搭配的配色三邻色搭配3.5科学的色彩搭配3如何利用配色增强视觉效果？多色搭配的配色三角形配色3.5科学的色彩搭配3如何利用配色增强视觉效果？多色搭配的配色三角形配色3.5科学的色彩搭配3如何利用配色增强视觉效果？多色搭配的配色正三角形配色3.5科学的色彩搭配3如何利用配色增强视觉效果？多色搭配的配色四边形配色3.5科学的色彩搭配3如何利用配色增强视觉效果？多色搭配的配色正四边形配色3.6通过色彩引导阅读正文部分的颜色搭配，首先需要特别注意的就是清晰易读，在保证辨识度的前提下，正文部分尽量采用较低饱和度的颜色，对眼睛的刺激小，会更适合长时间阅读利用强调色突出重点内容在统一大面积文字颜色的前提下，把需要强调的内容用强对比色进行突出，这个对比可以是色相的对比。010