《色彩搭配及色彩分析(全).ppt》由会员分享，可在线阅读，更多相关《色彩搭配及色彩分析(全).ppt（154页珍藏版）》请在三一办公上搜索。
1、色彩搭配及色彩分析,让色彩能懂你,你是色盲吗？,?,你能分辨它们吗？,HTML中的红,Pantone(潘通）的红,Pantone(潘通）中暖红,一、色 彩,定 义,色彩是一种由特定光谱的光线混合，并经过传播，反射引起的视觉感受。色彩是由光引起的，而光是由各种称为可视光谱色彩混合的：红、橙、黄、绿、青、蓝、紫。物体吸收了特定波长的光，并把其余的反射到我们的眼睛，因此形成了色彩感。,为什么红苹果是红色的？,1：太阳光中所有“不可见色彩“都照射到苹果上2：苹果的表面吸收掉除了红色以外的其他所有色彩，并把红色反射到人类的眼睛3：眼睛对进入的色彩进行接受，并把信息传达给大脑,三个属性：色相(Hue)、明
2、度(Value)、彩度(Chroma)名称（色相）：红？绿？0 60 120 180 240 300纯度（饱和度）：是指色彩的鲜艳程度/饱和程度，相对于灰度的纯度没有加入任何杂质的时候,是最饱和的,最纯净的状态 0%50%100%,描述一个色彩,描述一个色彩,三个维度明度（亮度）：相对于黑色与白色的明亮程度，可以通过加入黑或白，来降低或增加亮度。也是，平时生活中经常提到的颜色的浅,淡,亮和明,暗,重.0%50%100%,纯度（饱和度）,同一色相中高纯度和低纯度的色彩具有很大的不同比如，粉红虽然属于红色，但由于纯度较低，所以失去了红色具有的激情，充满能量的含义，反而表现出柔软和甜蜜等含义。较暗的
3、蓝色具有典雅，稳重的特性，而天空蓝则具有轻盈，开阔的特性。,加色法,意味着色彩是从黑色开始，随着色彩的叠加，逐渐变亮，最后成为白色。在加色系统里没有色彩就是黑色,减色法,意味着由白色开始，随色色彩的叠加，直到黑色,CMYK(在印刷领域),RYB(颜料调色),色环（色轮）,是种按照色相把色彩排列的呈现方式。,原色红黄蓝,间色橙绿紫,三级色黄橙、红橙红紫、蓝紫黄绿、蓝绿,互补色和类似色,互补色之间的搭配十分有趣，如果合适的搭配，会造成强烈的视觉效果，而不当的搭配，会使画面一团糟。,互补色,类似色,类似色，是色环色上距离相近的颜色,色彩的残像,色彩搭配,?,图形-背景之间的关系,图形：主题，背景：陪
4、衬很大程度上依赖于色彩之间的对比对比越强烈，主题在视觉上就越突出理想的阅读体验：保持文字和背景80%的对比度（相对于最佳的黑白对比）特殊情况-同时对比,你能看到我的文字么，这里是黄色的文字和白色的背景,你能看到我么，蓝色的文字和黑色的背景,这是蓝色背景和红色文字的效果，你能看上一分钟么?我劝你算了，把力气花在看下面的文字吧.,使用互补色时,高饱和度的色彩搭配容易产生更高的色彩对比，而低饱和的色彩搭配则使整体对比下降,设计中的色彩对比（1）,饱和度对比这种对比是由饱和度不同的同色相的色彩并排放置形成的明暗对比这种对比中由色彩明度不同引起的面积对比（比例对比）是由各色彩占用的面积而造成的对比，而这
5、个面积往往由色彩的重量感来决定,设计中的色彩对比（2）,互补色对比这时色环上互相为补色的色彩之间形成的对比同时对比是在视觉上形成颤抖和不稳定色彩放在一起产生的色相对比这是不同色相形成的对比，就是色环上不同位置的色彩形成的对比，色环上距离越大，对比越强烈冷暖对比这是冷色和暖色并置在一起形成的对比,比例和明度,当多种色彩在并置的时候，我们的视觉感到的并不个单个的色彩，而是色彩混合在一起形成的整体，这一整体会因其中各个色彩占面积比例的不同，而表现出不同的情况。面积比例最大色彩的是主导色，这往往是画面的背景色。比例稍小的为次主导色。而占用比例最小的被称为强调色。强调色在整体中往往占用的比例比较小，但通
6、过色相，亮度，纯度的对比来进行强调和突出。,在面积比例不变的情况下，改变色彩的亮度也能改变整体给人的视觉感。,主导色,次主导色,画面的强调,创造强调色,第一种：把较小面积的高明度色放在低明度的背景上第二种：把较小面积的低明度色放在高明度的背景上。如果主导色（最大面积的色彩）为亮色（高明度色），那么画面整体给人感觉较亮，较轻相反，如果主导色为暗色，那么整体给人感觉较暗，较重。,主导色,次主导色,强调色,主导因素,精美的工艺品？吸引人的广告牌？又或者是个简单的文字阐述？以对比做主导因素：高对比，中等对比，低对比以明度做主导因素：高明度，中等明度，低明度。,色彩搭配方法,把色轮按照明暗重新进行了划分
7、，分出了更多的色彩,这个搭配对比稍高，明度中等，使用高饱和色这个搭配对比高，明度中等，使用不同明度和纯度色色彩这个搭配对比稍低，明度稍亮，使用了较高亮度和不同纯度的色彩,这个搭配对比适中，中等明度，使用了各亮度和不同纯度的色彩这个搭配对比稍低，明度偏暗，使用了较暗的色彩，纯度各有不同这个搭配对比低，中等明度，使用了各种明度和纯度的色彩,这个搭配明度稍高，中等明度，使用了各种明度和纯度的色彩这个搭配对比高，明度也高，使用了各种明度和纯度的色彩,冷色和暖色,色环可以根据色相给人冷暖感受分为暖色给人的印象是生动的，激情的，有表现力的，给人感觉在空间位置靠前。冷色给人的印象是谨慎的，冷静的，产生平静感
8、，给人感觉在空间位置靠后。,一般我们把黑色，白色和灰色这里无色系视为中立，并没有冷暖感，但在实际运用中受到其他搭配色彩的影响，黑白灰等色彩也会表现出一定的冷暖感下面是色彩冷暖的一个图示：,色彩搭配进阶,互补色搭配,色环上相对的两种色彩的搭配为互补色搭配，比如红色和绿色。这种色彩之间强烈对比在高纯度的情况下会引起色彩的颤动和不稳定感，在搭配中一定要处理好这种情况，不然会使得画面冲突非常严重并破坏整体。互补色搭配在正式的设计中比较少见，主要由于它特殊性和不稳定，但是很显然的是，在各种色相搭配中，互补色搭配无疑是一种最突出的搭配，所以如果你想然你的作品特别引人注目，那互补色搭配或许是种最佳选择。,近
9、似色搭配和类似色搭配,色环上距离较近的色彩搭配被称为近似色搭配，或者类似色搭配(一般可以把近似和类似等同起来）。一般这种色彩之间大搭配显得平静而舒服。近似色搭配常常在自然中被找到，所以对眼睛来说，这时种最舒适的搭配方式。在使用近似色搭配的时候，一定要适当加强对比，不然可能使画面显得平淡。,三角形搭配,这种搭配是在色环上等距的选出三种色彩进行搭配的方式。三角形搭配是种能使得画面生动的搭配方式，即使使用了低饱和度的色彩。在使用三角形搭配的时候一定要选出一种色彩作为主色，另外两种作为辅助色。,分裂互补色搭配,这是种互补色搭配的变体，它的本质是用使用类似色来代替互补色中的一个，以达到既有互补色搭配的优
10、点，并弥补互补色搭配的弱点。分裂互补色的对比依然非常强烈，但它并不会像互补色搭配那样产生颤抖和不安的感觉。对初学者来说，这是种非常好用的搭配，一般来说，使用分裂互补色搭配的画面对比强烈，而不易使色彩产生混乱的感觉。,矩形搭配(双分裂互补色）,这同样是互补色搭配的变体，相比上面的分裂互补色，这个搭配把而种色彩都替换成了类似色。这种搭配的色彩非常丰富，能使画面产生节奏感。当其中一种色彩作为主要色时，这种搭配能取得良好的效果。在这种搭配中要同时注意色彩冷暖的对比。,正方形搭配,这种搭配中四种色彩被均匀的分布在整个色彩空间。当其中一种色彩作为主要色时，这种搭配能取得最好的效果。和矩形搭配一样，需要注意
11、冷暖色的对比和平衡。,配色实践-提高画面对比的原则,画面产生对比的原则,一、使用明度差别较大的前景色和背景色进行搭配，即使是色相和纯度不同的色彩，如果他们明度差别较小，那请尽量不要把他们搭配在一起。在设计过程中，设计师需要假设一点：观者对色彩对比的敏感并没有设计师本人高。所以在设计过程中，请尽量扩大前景和背景之间的明度对比。,下图是各种色彩明度的参考：,画面产生对比的原则,二、尽量从色环底部来选择明度较低的色彩，从色环顶部来选择明度较高的色彩，而不要从色环底部选择明度较高的色彩，从顶部选择明度低的色彩。对很多人来说，使用色环底部的高明度色彩，形成的对比并不明显。,画面产生对比的原则,三、减少使
12、用近似色搭配，特别在双方明度差别不大的时候。这样做可以有效避免一些色彩不敏感人群对整体识别上的困难。,色彩心理学,色彩温度感（冷色与暖色）,前进色与后退色,前进色：一般是暖色或者明度和纯度都较高，给人一种视觉上靠近观者的感觉。后退色：一般是冷色或者明度和纯度都较低，给人一种视觉上远离观者的感觉。,色彩体积感（膨胀色与收缩色）,膨胀色一般是前进色和暖色，明度较高收缩色一般是后退色和冷色，明度较低在服饰搭配中，体型偏胖者可以选择收缩色，偏瘦者可以选择膨胀色。,色彩重量感（轻色与重色）,轻色：一般为明度高，冷色重色：一般为明度低，暖色,色彩华丽感（华丽色与朴素色）,华丽色：一般是纯度较高或者明度较高
13、朴素色：一般是纯度较低或者明度较低,色彩的硬度感（柔软色与坚硬色）,色彩的味觉感,甜味：一般是黄，橙，红等明度较高的暖色-联想到西瓜和蛋糕等酸味：一般是绿色，以及黄绿这类的色彩-联想到未成熟的桔子和柠檬苦味：以黑色，灰褐色为主，一般是低明度，低纯度的色彩-联想到咖啡,可可等辣味：以红色和绿色这类的高纯度色彩为主-联想到辣椒咸味：高亮度的蓝色于灰色-联想到大海与盐涩味：灰绿色，暗绿色这类的低纯度色彩-联想到未成熟的柿子,色彩的季节感,春天：是具有朝气，生命的特性，一般各种高明度和高纯度的色彩，以黄绿色为典型夏天：具有阳光，强烈的特性，一般是高纯度的色彩形成的对比，以高纯度的绿色，高明度的黄色和红
14、色为典型秋天：具有成熟，萧索的特性，一般是黄色以及暗色调为主的色彩冬天：具有冰冻，寒冷的特性，一般是灰色，高明度的蓝色，白色等冷色,色彩与形状,色彩也具有各自的几何形状的特性，如果能和形状结合起来，可以加强本身的特性圆形：具有温和，圆滑的特性，适合蓝色的特性正方形：具有方正，有重量感，适合红色的特性三角形：具有尖锐，积极，适合黄色的特性长方形：介于黄于红色之间，适合橙色的特性椭圆：介于红于蓝之间，适合紫色的特性,色彩的可视性,一般来说，色彩的可视性是指色彩能否被看清楚的特性，色彩的可视性往往在色彩搭配中才能表现出来，同时会因图背景，面积，明度，亮度，纯度产生变化。一般来说，色彩明度越高，纯度越
15、高，面积比例越大，可视性越好；,可以辨识下下面那个车牌容易被识别,色彩的地域差别人们对于色彩的喜好，会因为环境，教育，民族，流行等产生很大的差别，这方面的知识由于涉及面非常广，所以我们并不详细介绍，大家可以通过平时积累来详细体会这些差别。,色彩所占用的面积大小当色彩占用面积较大时，表现出一种充满能量，占有统治地位的视觉感觉，而面积较小时候，则给人弱小，软弱的感觉。,与其他色彩的搭配我们常常有一些习惯的色彩搭配，在这些搭配中每个色彩都有自己的特有的意思，比如西方红色和绿色就是圣诞节的搭配，在我国，黄色和红色象征着国家机关,色彩与性别差异性别差异会不会造成对色彩的认知的不同？虽然研究者们众说纷纭，
16、但研究结果表明：男性和女性对于某种色彩的喜好程度是不同的。男性比女性更喜好蓝色，而女性比男性更喜好红色女性比男性对色彩的认知度更高，但这个不是先天造成的，而是由于女性更多的生活在色彩丰富的环境下,色彩与食欲-利用色彩来减肥蓝色，可能是各种色彩中最不适宜食物的色彩。,色彩的力量-粉色粉色可以使强壮的人变得虚弱，粉色的监狱能使得变得平静,色彩与视觉刺激哪些色彩使人感到不舒服？黄色-高亮度的柠檬黄（以下简称黄色）是最容易引起视觉疲惫的色彩，为什么？我们可以通过光学物理来解释这个问题，黄色作为明度最高的色彩，也意味着放射最多的光线到我们的眼睛，所以，黄色是一种对眼睛有刺激性的色彩 我们经常用红色来形容
17、人生气的样子,色彩的联想由于人们平常接触的物体都有自己的色彩，相反但看到某种色彩，也会联想到相应的一些物体,配色实践-配色与平衡,目 的,配色的目的就是使得画面整体符合人的色彩感觉，并达到色彩平衡。有秩序的色彩组合，往往能使人产生愉悦的视觉享受。利用色相明度纯度之间的对比与面积比例的变化，来调整色彩的统一与变化，以此来达到配色的平衡。,对于同一色相的的配色,由于色相种类比较少，很容易使得画面变的稳定，但由于缺乏变化，我们可以通过明度和纯度的对比变化来达到平衡。,类似色的配色,类似色是指色环上位置相近的色彩，这类色彩之间的搭配稳定，容易平衡。,互补色之间的配色,互补色之间由于色相对比非常大，除了
18、调节各色相之间的面积、明度和纯度，经常使用间色或者无色系的色彩来起到平衡整体的作用。,配色实践-配色的原则与方法,平衡、强调、节奏、支配,平衡,配色中的平衡是指色彩搭配时，上下左右有平稳安定的感觉，一般通过色彩的明度和面积比例变化来调整整体的平衡。明度高的色彩在上面，明度低的在下面时，整体上容易平衡纯度高的色彩和暖色的面积应该小于纯度低的色彩和冷色，这样整体上容易平衡。,节 奏,节奏能使画面产生活泼的，有律动的感觉，节奏的使用可以分为重复节奏和渐变节奏两种。重复节奏是指：以某种色彩作为有规律的重复变化。渐变节奏是指：色彩由明到暗，由浅到深，或者色相渐变的变化,强调,在整体色彩单调的情况下，可以
19、使用小面积的强而醒目的色彩来进行强调。强调色可以使用整体色彩的互补色或者分类互补色，并且与整体形成对比（比如整体低明度的情况下使用高明度，整体低纯度的情况下使用高纯度等）,支 配,在不能取得调和的整体画面上再铺上一层色彩，使得因为具有同有的色彩而形成整体的和谐，这层色彩可以被称为支配色，一般构造支配色有二中手法：明度支配：是指在整体各色彩中加入白色或者黑色的成分，使得整体明度上取得和谐色相支配：是指在整体各色彩中加入某一种色彩，使得整体色彩在色相上取得和谐,配色实践-色彩的对比,色彩会被相邻或者相近的其他色彩影响而产生变化，这便是色彩对比的来源,同时对比与继续对比同时对比就是同时看到几种色彩，
20、这几种色彩相互影响，而产生不同于原来的色彩效果继续对比是指有次序的快速观察几种色彩，前面观察的色彩影响的后面的色彩。这个我们可以想象快速依次观看画廊里的作品产生的效果。,色相对比把两种不同色相的色彩并置在一起，相互产生偏色的情况，我们称为色相对比。我们来观察上面两个图片，左图红色背景与橙色相邻的地方会偏黄色，右图中黄色背景与橙色相邻处会偏红色。,明度对比两种不同明度的色彩并置在一起，会产生低明度色彩明度更低，高明度色彩明度更高的视觉现象。观察上面两个配色，左图与右图中灰色明度相同，但感觉右图中的灰色要比左图中的亮。,纯度对比在不同纯度的色彩并置的时候会出现下面情况：一个色彩和低纯度搭配会使这个
21、色彩看起来纯度较高，一个色彩和高纯度搭配会使得这个色彩看起来纯度较低。,互补色对比在互补色对比的情况下，会使得色彩显得更加突出,冷暖对比色彩给人们一定的温度感受，这个温度感受被我们称为色彩的冷暖，当冷色作为背景，暖色作为前景时候，冷暖对比使得前景更加突出，背景更加靠后。,面积对比各色彩占用的面积比例形成的对比，一般来说，有个面积配色中各色彩配置的面积可以和色彩的强弱成正比.歌德的纯色的面积对比为：黃：橙：紅：绿：蓝：紫=：,简明配色方法,随机取一种颜色 来点过度（稀释、加调和色）再过度 修正，不仅是亮度，稍微改变色相 再修正 加补色,配色案例,主要参考网站资料,是国内比较成熟的一个配色网，提供
22、了很多的配色方案，可以下载。是Adobe公司开发的，与PS可以很好的结合使用，上面提供了成千上万的优秀设计师的配色方案，但不提供下载。国外的一个比较好的配色网站，这里最大的特点就是，每个配色方案都提供了一个案例，以供分析。http:/,peise,kuler,colourlovers,colrd,色彩搭配及色彩分析,1.1 伊顿12色相环,伊顿12色相环,伊顿12色相环是由近代著名的瑞士色彩学大师约翰内斯伊顿（Johannes Itten，18881967）先生设计。,一次色（原色）:在美术上，将红、黄、蓝称为颜料的三原色或一次色。二次色（间色）:通过两种不同比例原色进行混合所得到的颜色为二次
23、色，二次色又叫做间色。三次色（复色）用任何两个间色或三个原色相混合而产生出来的颜色为三次色（复色），包括了除原色和间色以外的所有颜色。,1.2 色光三原色&色料三原色,色光三原色（加法混色）,色料三原色（减法混色）,RGB Color,CMYK Color,1.3 HSL,色相（Hue）,饱和度（Saturation）,色彩的相貌,色彩的鲜艳程度，也称色彩的纯度或彩度,颜色的亮度，越亮越接近白色，越暗越接近黑色,亮度（Lum）,感谢卓弈刘俊绘制原图,1.4 色彩冷暖,根据人们的心理和视觉判断，色彩有冷暖之分，可分为三个类别：暖色系（红、橙、黄），冷色系（蓝、绿、蓝紫），中性色系（绿、紫、赤紫、
24、黄绿等）。,1.5 常见色彩搭配,补色（180）,中度色（90）,对比色（120）,类似色（60）,同色（0）,相近色（30）,1.6 无色彩&有色彩,无色彩（黑、白、灰）,有色彩（斑斓世界）,从理论上色彩可以分为无色彩（白、灰、黑）与有色彩（红、橙、黄、绿等）两大类别。无色彩和有色彩搭配在一起，可以使图像中的重点更加突出，比如本PPT的过渡页设计。,2.1 基本用色原则,根据自己的用色经验，简单总结了以下几点，欢迎各位朋友纠正或补充：,重视视觉感受（舒服、浑然天成；不突兀、不刺眼、不山寨）；商务PPT应符合公司CIS的用色要求；符合逻辑（如，不同章节可用不同的颜色，相同级别的标题用相同的颜色
25、）；符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）；单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海报等）；色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。,2.2 整体风格色,整体风格色指：封面、封底、母版标题栏（整体或点缀）、内标题、强调色、图表色等，主要方案有：,A、整体单色：一种颜色贯穿始终，图表色可以略丰富些，但尽量使用HSL模式调整为同色搭配。B、逻辑单色：即不同章节不同色，本PPT就是。C、组合色：主色+副色，可以是对比色搭配，也可以是接近色或近似色搭配。,整体单色,逻辑单色,组合色（主+副）,2.3 母版背景色,白色背景,灰色背景,深色背景,
26、白色：是默认的背景色，简约、便于颜色搭配。灰色：对真实颜色的干扰最小，不刺眼，专业感！深色：很酷，但颜色较难搭配，挑战性高。,技巧,主色调为暖色的作品，可以配暖灰的背景（如32-人才选用育留和37-企业战略管理）,2.4 母版标题栏色,灰色+风格色：灰色一般是长条，一般要辅以风格色（或是风格色的细微同色变化，下同）的色块或点缀。纯风格色：当风格色是双色搭配时，标题栏也可以是双色搭配（如32-人才选用育留）。深色（黑或接近黑色）+风格色：深色的标题栏使得页面更庄重，一般也要辅以风格色的色块或点缀。,灰色+风格色,纯风格色,深色（黑或接近黑色）+风格色,请思考,本PPT是属于那种模式呢？,2.5
27、文字色,文字颜色设置的基本要求是：不要太黑、太亮、太刺目，也不要太淡，要柔和、看得清楚即可。,A、当背景为白色或浅灰色时：字体为灰色，根据背景的深浅调整字体的深浅，以确保看的清楚。B、当背景为深色时：字体为白色或者浅灰色。,当背景为深色时,当背景为白色或浅灰色,2.6 强调色,强调色指的是PPT中所有强调内容的颜色设置，我本人通常的做法是：,A、正向观点：字体加粗并设置为风格色。B、并列内容或相似观点：字体加粗并设置为类似色、接近色。C、反向观点：字体加粗并设置为补色、对比色。D、提醒、警示、引发思考或负面观点/案例：字体加粗（或放大）并设置为红色。,绝对权力产生绝对腐败！,3.1 灰底单色搭
28、配（一）,下图是本人最喜欢的灰底单色系列，更有三种选择方案，其中，第一种方案已被我使用两次，分别是：22-实用沟通技能、43-PPT动画初步。,背景色,风格色,标题栏,241,241,229,93,203,8,16,173,223,55,53,56,248,190,14,136,241,229,12,178,230,255,173,1,3.2 灰底单色搭配（二）,下图也是灰底单色的经典搭配，只是其标题栏是灰色的长条并辅以风格色。以下案例对应的作品分别是：,背景色,风格色,标题栏,246,246,246,93,203,8,16,173,223,245,245,245,198,198,198,23
29、1,231,231,160,160,160,34-员工招聘实务,31-面试官技能训,38-揭秘品牌建设,248,190,14,251,251,251,3.3 双色搭配,逻辑双色搭配和主辅双色搭配可以统称为双色搭配。如下为几种双色搭配，可以参考：,相近色（30）,类似色（60）,中度色（90）,3.4 逻辑四色搭配,以下两个作品（12-人际关系宝典、35-员工关系管理）逻辑四色搭配，均是我非常喜欢的色彩，可以参考。,作品一,作品二,54,178,230,123,193,68,255,133,0,240,84,36,255,192,0,60,121,207,142,174,5,254,0,102,
30、让我的 PPT,会说话,PowerPoint Can Talk,什么是“好”的PPT？PPT中如何搭配色彩？实战案例演示,什么是“好”的PPT,清晰易读（配色、字体）主题明确 设计风格符合主题 视觉效果悦目,PPT设计 统一,统一设计风格，设计服务于主题 统一设计模板，体现企业CI 统一主标题文字字号、字体、色彩 统一内容文字字号、字体、色彩 统一整套PPT主色调,5,PPT中如何搭配色彩？,色相：色彩的相貌,明度：色彩的明暗度,纯度：色彩的饱和度,色彩3属性,对比色：红绿 橙蓝 黄紫,3对对比色,色彩心理：色相与色调,暖色调温暖、热烈、华美、感性,冷色调冰冷、平静、科技、理性,色彩心理：明度
31、,高明度明亮、柔和、单薄、娇嫩,中明度鲜艳、饱满、醒目、华丽,低明度深沉、稳重、浑厚、朴实,色彩心理：纯度,高纯度饱和、充实、鲜艳,中纯度温和、圆润、成熟,低纯度朴素、浑浊、陈旧,识别度高的配色 视觉对比烈强 明度强反差（黑/白）高纯度配色,弱对比 明度近似 纯度近似,识别度低的配色,使配色协调的技巧 同一色相调整明度 同一色相调整纯度 邻近色搭配,Tips：同一画面中表现同等重要的内容，配色采用同等明度和纯度,传统培训,e-learning,Tips：使用对比色表现不同类别,管理者,培训者,Tips：页面中大块配色不超过3种,配色要点,配色需要根据主题对象（企业CI、公司母板）色彩不是孤立的，需要协调相互关系 同一画面中大块配色不超过3种 同一画面中应用明度和纯度的不同关系 使用对比色突出表现不同类别 根据色彩心理，设计应用环境（冷色、暖色）,版面设计要点,根据母板风格设计版面 边距保留1cm 应用平面设计“对齐”原则 提炼主题，缩短主题文字长度 总结要点，精练内容文字 每行文字量20字内，符合视觉心理学 折行时注意合理断词断句便于理解，忌单字折行 字体、字号确保明确易读,
