资源描述
,Click to edit Master text styles,Second level,单击此处编辑母版标题样式,用,色彩,打造专业的视觉效果,201,4,-0,1,by配色讲义,部门:用户体现设计部,姓名:刘文宝,1,Everywhere,色彩无处无处不在,Everywhere,色彩无处不在,色彩的能量场,色彩与心理,1,Contents,色彩的重要性,色彩的三属性,色彩体系,2,Psychological,色彩的由来,配色技巧,主流色系的配色技巧与案例,从生活中取色,如何借助配色软件搭配配色方案,3,Match colors,如何配色,色彩的能量场,色彩与心理,1,Contents,色彩的重要性,目录,Match colors,色彩的能量场,色彩的能量场,色彩的能量场,重量,如果你是一位搬运工,下面有三个保险箱,你会选择搬运那个更省力?,红,白,黑,色彩的能量场,速度,鲜亮的颜色是前进色,Psychological,色彩与心理,色彩与心理,色彩的能量场,冷静放松,蓝色,具有天然的,降压,作用、,深蓝,倾向于,镇静、浅蓝,倾向于,减缓疲劳,配合安定的,绿色,,可以有效地,缓解紧张,色彩与心理,色彩与心理,着装色彩与心理,黑白灰,的职业装,稳重成熟,但同时也显得,呆板冷淡,如果着装不能改变,可用各色的,领带、小配饰,改善色彩能量,但是请记住,鲜艳,的颜色,只能,作为,点缀,不可以大面积使用,着装色彩与心理,色彩的能量场,下面的两幅图让你最先想到了什么?,红橙黄,等,暖色,能让人觉得,时间紧迫,心跳加速,血压升高,配上跳楼大清仓等文案,激起购买者的消费欲望,色彩的三属性,色彩体系,2,Psychological,色彩的由来,目录,三属性,Property,三属性,色相,色相(Hue),通常我们说不同的颜色就是色相,,是色彩,最显著的特征,纯度,纯度(Chroma),也可以叫,饱和度、彩度,指的是,色彩,的,鲜艳程度,高纯度鲜艳,低纯度浑浊,最高纯度,是无其他色彩的,纯色,最低纯度,是无彩色的,灰色,明度,明度(Value),色彩,的,明暗程度,明度,越高,越趋向,白,明度,越低,越趋向,黑,而,中间,是,灰,明度是色彩的骨骼,是构成画面不可欠缺的元素之一,三属性案例,三属性,Color System,色彩体系,色立体,全世界自制国际标准色的国家有三个,他们的代表机构是,色彩体系,美国的蒙塞尔,(MUNSELL),美国的蒙塞尔,(MUNSELL),德国的奥斯特华德,(,OSTWALD,),日本的日本色研所,(P.C.C.S),日本的日本色研所,(P.C.C.S),德国的奥斯特华德,(,OSTWALD,),色彩体系,孟塞尔色彩系统,曼塞尔的色相分为,10,个,每色相再细分为,10,,共有,100,个色相,并以,5,为代表色相,色相之多几乎是人类分辨色相的极限。,曼塞尔的明度共分为,11,阶段,,N1,、,N2,、,N3N10,而彩度也因各纯色而长短不同,例如,5R,纯红有,14,阶段,而,5BG,只有,6,阶段,其色立体也因而呈不规则状。,奥斯特瓦尔德色彩系统,奥斯华德色相以色相为基础,每一色相再分色,共色相,明度,阶段由白到黑,以、记号表示,所有色彩均为纯色量白色量黑色量,=100,。并以无彩色阶段为一边,纯色在另一顶点、每边长依黑白量渐变排成色,形成等色相的正三角形。由于奥斯华德表色系的秩序严密,是配色时极方便的表色系统。,色彩体系,日本色研所色彩系统,PCCS,体系最代表性的特色是用色调,(Tone),的概念来组织色彩,其参考美国系统色名称呼法的规定,以,12,个色调的位置来表达色彩、形容色相;而无彩色则分为,5,种色调,其有彩色,12,色调为:,色彩体系,色彩体系-视频,瑞典NCS,自然色彩系统,色彩体系-视频,配色方案,配色技巧,主流色系的配色技巧与案例,从生活中取色,如何借助配色软件搭配配色方案,3,Match colors,如何配色,目录,色彩的基本概念,Program,配色方案,三原色配色,间色配色,三间色配色,对比色配色,邻近色配色,同类色配色,暖色配色,冷色配色,色彩基本概念-三原色,三原色,色彩基本概念-三原色-案例,色彩基本概念-间色,间色,色彩基本概念-间色,色彩基本概念-三间色,三间色配色,色彩基本概念-三间色,色彩基本概念,-,补色,补色配色,色彩基本概念-补色,色彩基本概念-邻近色,90=,邻近色,邻近色配色,色彩基本概念-邻近色,色彩基本概念-同类色,15,同类色,同类色配色,色彩基本概念-同类色,色彩基本概念-暖色,色彩基本概念-暖色,色彩基本概念-冷色,配色技巧,如何配色,主色调,页面色彩的主要色调、总趋势,其他配色不能超过该主要色调的视觉面积。,辅色调,是烘托主色调、支持主色调、起到融合主色调效果的辅助色调。,点睛色,在小范围内点上强烈的颜色来突出主题效果,使页面更加鲜明生动。,背景色,衬托环抱整体的色调,协调、支配整体的作用。,如何配色,配色技巧,单色叠柔配色法:,先选定一种色彩,然后调整透明度或者饱和度,产生新的色彩。,火焰 太阳 革命 结婚证,具象:,抽象:热量,活力,意志力,激情,危险,祝福,红色,红色搭配选择,红色容易,引人注意,具有良好的,视觉冲击,力,小面积,的红色更能体现冲击感,所以可以考虑使用,红+黑白灰,的搭配,红色,红色配色的选择,在补色方面,红+蓝好比水和火,本身就有强烈冲突感,留意下百事可乐的logo,logo中间的白色可以缓和冲突,看看百事网站的配色案例,红色,红色配色选择,红+黄,的搭配相当,耀眼辉煌,国旗,国徽,党,记住这种,伟大,的配色,橙色,之前我们介绍过暖色的概念,大家知道,最暖的颜色是什么吗?,不是红色哦,答案是 橙色,本节我们会介绍橙色,橙色,橙色的性格,看到橙色你能想到什么?,橙子 万圣节 向日葵 枫叶,具象:,抽象:温暖、欢乐、热情、辉煌、华丽、明亮,黄色,黄色的性格,看到黄色,你能联想到什么?,香蕉 闪电 黄金 天使光环 月亮,具象:,抽象:愉快、嫉妒、奢华、希望、光明,黄色,黄色配色的选择,黄色是,最亮,的颜色,黄+黑的搭配非常明晰,黄色,绿色,有镇静作用,令人放松身心,有助于缓解压力、紧张和焦虑,提供一种新生、内敛、和谐的感觉,绿色,绿色,蓝色,对男女性有同等的吸引力,静心安神,凉意,促生直觉,紫色,平静心灵,舒缓神经,提供灵性的感觉,激发创造力,紫色,基本概念,Eyedropper,从生活中取色,色彩来源于生活,向自然学习色彩搭配,制作自己的配色卡。,色卡的实际运用,两张色卡的搭配使用,资源共享,520张超赞色卡分享,Tools,配色软件,获取色彩的工具,HSB,模式中,H(hues)表示色相,S(saturation)表示饱和度,B(brightness)表示亮度,RGB,是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,CMYK,是:青色Cyan、品红色Magenta、黄色Yellow,黑black,配色工具,Adobe,配色工具,Schemer Studio,配色方案工作室,
展开阅读全文