《设计基础色轮详解ppt课件.pptx》由会员分享,可在线阅读,更多相关《设计基础色轮详解ppt课件.pptx(17页珍藏版)》请在三一办公上搜索。
1、,Hyetec Techology北京华源格林科技有限公司 专注企业级APP的开发商和运营商,1,设计基础:色轮详解,2,目录,前言,色轮关系介绍,色轮应用,实践小考,APP案例,WEB案例,前言,4,作为一名设计师,如果你还在说出”这种颜色好看,那种颜色不好看”的话时,这说明你对颜色还没有正确了解。在我们的很多文章中,都可以看到色轮的踪影,它是我们选择颜色的一个强有力的武器。在本文,我们将阐述这个色轮的基本原理,使你对颜色关系有一个更清晰的认识。 一半是科学,一半是艺术,色轮是我们认识颜色关系的工具。,5,那里有光,那里就有颜色。有时我们会认为颜色是独立的这是蓝色,那是红色,但事实上,颜色不
2、可能单独存在,它总是与另外的颜色产生联系,就象音乐的音符,没有某一种颜色是所谓的“好”或“坏”。只有当与其它颜色搭配作为一个整体时,我们才能说,是协调或者不协调。色轮告诉我们颜色之间的相互的关系。我们在本文中将阐述这一点。,色轮关系介绍,6,白色光包含了所有的可见颜色,我们看到是由紫到红之间的无穷光谱组成的可见光区域,就象你所看到的彩虹颜色。为了在使用颜色时更加实用,人们对它进行了简化,将它们分为12种基本的色相。12种颜色记起来了吗,和你小时候第一次买彩色蜡笔时,盒子里装了那12只蜡笔差不多。 色轮由12种基本的颜色组成。首先包含的是三原色(Primarycolors),即蓝、黄、红。原色混
3、合产生了二次色(Secondarycolors),用二次色混合,产生了三次色(tertiarycolors)。,7,原色是色轮中所有颜色的“父母”。在色轮中,只有这三种颜色不是 由其它颜色调合而成。上图可以看出,三原色在色环中的位置是平均分布的。,二次色所处的位置是位于两种三原色一半的地方(见上图)。每一种二次色都是由离它最近的两种原色等量调合而成的颜色。,三次色是由相邻的两种二次色调合而成。,8,你可能会发现,每一种颜色都拥有部分相邻的颜色,如此循环成一个色环。共同的颜色是颜色关系的基本要点,必须对此有深入的了解。,在上图这七种颜色中,都共同拥有蓝色。越远的颜色(如草绿色)含有的蓝色就越少。
4、绿色及紫色这两种二次色都含有蓝色。,在上图七种颜色中,都拥有黄色。同样的,离得越远的颜色,拥有的黄色就越少。绿色及橙色这两种二次色都含有黄色。,在上图七种颜色中,都拥有红色。向两边散开时,红色就含得越少。橙色及紫色这两种二次色都含有红色。,9,颜色有明暗之分或者称为颜色数值。为了显示颜色的明暗,所以色轮有多个环。两个外围的大环是暗色(Shadowcolors),里面两个小环是明色(tintcolors)。,色轮有五个同心环组成,从暗到亮暗色处于大环,明色处于小环,而中间是颜色的基本色相。,从上图我们可以看出,处于右边的暗色就是加上黑色,而左边的明色则是加上白色。五个圆环已经清楚表示了颜色如何由
5、暗到亮的过程。但这种明色及暗色的关系只是相对而言。,色轮应用,10,下面我们列出六种基本的颜色关系。每一种颜色关系都可以有无数种搭配的可能,当你掌握它们时,你对颜色的视野才会显得开阔。,补色搭配: 在色轮上直线相对的两种颜色称为补色,在上图中,是橙色及蓝色。补色形成强列的对比效果,传达出活力、能量、兴奋等意义。补色要达到最佳的效果,最好是其中一种面积比较小,另一种比较大。比如在一个蓝色的区域里搭配橙色的小圆点。,类比色搭配: 相邻的颜色我们称为类比色。类比色都拥有共同的颜色(在上图中,是黄色及红色)。这种颜色搭配产生了一种令人悦目、低对比度的和谐美感。类比色非常丰富,在设计时应用这种搭配同样让
6、你轻易产生不错的视觉效果。,单色搭配: 一种色相由暗、中、明三种色调组成。这就是单色。单色搭配上并没有形成颜色的层次,但形成了明暗的层次。这种搭配在设计中应用时,出来的效果永远不错,其重要性也可见一斑。,11,二次元搭配: 二次色之间都拥有一种共同的颜色其中两种共同拥有蓝色,两种共同拥有黄色,两种共同拥有红色所以它们轻易能够形成协调的搭配。如果三种二次色同时使用,则显得很舒适、吸引,并具有丰富的色调。它们同时具有的颜色深度及广度,这一点在其它颜色关系上很难找到。,原色搭配: 除了在一些儿童的产品中,三原色同时使用是比较少见的。但是,无论是在中国还是在美国的文化中,红黄搭配都是非常受欢迎。红黄搭
7、配应用的范围很广从快餐店到加油站,我们都可以看见这两种颜色同时在一起。蓝红搭配也很常见,但只有当两者的区域是分离时,才会显得吸引人,如果是紧邻在一起,则会产生冲突感。,分裂补色: 如果我们同时用补色及类比色的方法来确定的颜色关系,就称为分裂补色。这种颜色搭配既具有类比色的低对比度的美感,又具有补色的力量感。形成了一种既和谐又有重点的颜色关系。如在上面三种颜色中,红色就显得更加突出。,实践小考,12,看了这么多理论,还是考一下自己吧: 下面这四个封面中,都各自运用了我们在上面所述的其中一种颜色搭配。你能说出它们是运用了哪一种颜色搭配吗?(提示:眼睛只集中在一些大区域的颜色,不要理会细微的颜色区域。也不用理会黑白两种颜色),当我们用色轮对其分析后,就很容易得到答案: A:单色搭配 B:补色搭配C:三原色搭配 D:类比色搭配,APP案例,13,单色搭配,14,类似色搭配,15,分裂补色,WEB案例,16,原色搭配,谢谢!,17,