色彩视错觉在平面设计中的重要性论文[精选多篇]

第一篇：色彩视错觉在平面设计中的重要性论文

摘要：色彩是平面设计的重要组成部分，合理的运用色彩，能够更直观的将平面设计的理念呈现出来，使受众能够更深刻的感受和理解平面设计的内涵。色彩视错觉是利用不同的色彩元素，给受众呈现出一种独特的视觉效果。随着平面设计领域的发展，在平面设计中对色彩视错觉的运用越来越多，越来越广泛。本文将详细分析色彩视错觉的概念、特点和表现形式等，为平面设计的发展提供参考。

关键字：色彩；视错觉；平面设计

平面设计是近年发展起来的新兴领域，由于社会的进步和发展，现代社会的审美需求也在改变，为了满足现代社会不断变化发展的审美需求，色彩视错觉作用新兴元素，运用到平面设计当中，大大提高了平面设计作品的艺术效果，因此成为现代平面设计的重要组成部分。

一、色彩视错觉的概述

1、色彩视错觉的概念和内容

在特定的环境和光线下，人的视会受到颜色和形态等因素的影响，产生歪曲或错误的视觉感受，这就是色彩视错觉。简单来说，色彩视错觉就是就是人的视力受色彩影响产生的错觉现象。色彩视错觉主要包括两个方面：一个方面是生理错觉，是生理反应产生的色彩错视觉。最常见的生理视错觉有对比错觉、疲劳错觉等等；别一个方面则是心里错觉，这主要是由于受心理因素影响而产生的视错觉，常见的心理错觉有温度错觉、距离错觉等等。

2、色彩视错觉的表现形式和特点

通过色彩和无色彩之间的对比，从而使人产生视错觉，这就是色彩视错觉的表现形式的特点。在平面设计中，合理的运用色彩，能够产生良好的视觉效果，反之则会产生视觉传达障碍，使受众难以接受平面设计的作品，更难以理解平面设计的理念。色彩的种类非常多，要想使色彩在平面设计中发挥良好的功效，就可合理的搭配不同的色彩。色彩的搭配，不在于使用多少种色彩，而在于色彩的色调之间的和谐。在平面设计领域，不是所有的颜色都被视为色彩，如黑、白、银、灰等颜然，就被归类为无色彩的类别之中。这些色彩的作用是用来调整平面设计作品的明暗度，为达到色彩视错觉这一目标，进行色彩与色彩之间的调节。

二、色彩视错觉在平面设计中的运用

就目前平面设计的发展水平来说，平面设计的应用领域主要集中在包装、网站、广告这三个行业。不对的行业对平面设计的要求不同，根据不同的要求，在进行平面设计时，对色彩视错觉的运用方式也不同。

1、综合各类因素增强包装吸引力

包装的应用非常广泛，几乎所有实业生产的产品都要使用包装。消费者对于产品的第一印象就来源于包装，所以包装会直接影响到产品的销售效果，对企业经营和发展有着重大的影响。应用于包装行业的平面设计，有其独特性，这是其他行业的平面设计所不具备的。首先，包装类的平面设计要满足包装的基本职能，即产品的商业宣传职能，并且能够发挥出提升品牌效益的作用。其次，由于市场经济的发展，在这一背景下，目前各种产品的主流销售方式是开架式销售模式。对包装进行设计，提高产品包装的外表美观度，正是基于这一销售模式才发展起来的。在包装类平面设计中，对色彩的运用尤其重要，因为色彩对视觉的冲击力，直接关系着受众对产品的印象，也就是说，色彩对视觉的冲击力越大，人们对产品的印象越深。所以合理的运用色彩对比错觉，能够让目标消费者产生心理错觉，最大限度的对消费者产生心理冲击力，加深消费者对产品的印象。

2、合理把握载体特点提升广告影响力

广告是产品最重要的宣传方式，广告的效果对产品的销售效果有着决定性的影响，而平面设计则直接影响着广告的宣传的效果。在广告平面设计中，色彩视错觉的运用要充分考虑广告载体因素，合理的把握广告载体的特点。首先，广告平面设计对色彩视错觉的运用，主要是通过色彩使受众产生心理错觉，从而达到提升广告在受众心中的识别性和视觉性，加强广告的辨识度和推广力。其次，广告平面设计对色彩视错觉的运用，要与广告的功能及其他因素相结合，发挥出生理错觉的特点，增强广告的艺术表现力，加深受众对广告的印象。

3、侧重动感特点突出网站特色

网站平面设计与传统平面设计差别较大，网站平面设计要充分考虑网络这一页面这一载体，对导航、页面布局、面积、框架大小等，都要体现在网站平面设计中。在网站平面设计中要保证色彩错视觉的充分发展，有以下几种方法可以达到这一目标：首先，要充分考虑显示器对网站平面设计表现力的影响，在色彩视错觉的表现方式要上要灵活，不限于中生理视错觉表现还是心理视错觉表现，也可以两者相结合来表现网站平面设计的内涵。同时要结合显示器的特点，对色彩进行调整，最大限度的表现出网站平面设计的特点。其次，在合理这一原则的范围内，网站平面设计要兼顾网站的动感性和趣味性。色彩视错觉是使网站平面设计增强动感效果的重要元素，协强网站平面设计的艺术表现力，使受众感受到网站平面设计的内涵，从而使用户认可网站并培养用户的忠诚度。

三、结束语

作为平面设计中的重要组成部分，色彩视错觉的运用大大提高了平面设计的艺术表现力，使平面设计的发展历程实现了质的飞跃。但色彩视错觉的运用并不是无序的，想要充分发挥色彩视错觉的作用，就要注意平面设计的特性、需求，然后利于色彩视错觉表现出平面设计的理念，让受众得到不同的视觉享受并对平面设计作品产生认同和欣赏感，促进平面设计不断发展进步。

参考文献:

[1]刘丽.平面设计中色彩视错觉的应用[J].美术教育研究,2014,(16):84-84.[2]姚文婷.色彩视错觉在平面设计中的实际运用[J].文艺生活文海艺苑,2015,(5):175-175.

第二篇：色彩对平面设计的重要性

大多数培训机构只注重软件教学却忽略了美术基础的教学。其实，学会软件≠可以正确表达≠可以设计。没有扎实的美术基础，再怎么好的创意不懂得配色也就制作不出好的设计图来。美术基础的色彩与平面设计基本要素色彩、文字是相对应的。

色彩是平面设计的视觉形象要素。在现代生活中，色彩扮演着重要角色，与生活密切相关。色彩完全融于生活，成为现代社会的象征。色彩能影响人的感觉、知觉、记忆、联想、感情等，并能产生出特定的心理作用、共鸣和吸引力。成功的平面色彩设计，不仅能引起人们的注意和兴趣、激发购买欲望，还能塑造商品和企业的良好形象，创造无形资产。1.色彩能体现色彩语言。

它涉及到美学、光学、民俗学和心理学，不同的颜色会产生不同的象征和情感联想。2.色彩能产生感觉和知觉。

颜色与每个人的年龄、职业、生活环境、社会教育背景、嗜好、经验等都有联系，同样一种颜色在不同的环境、时间、心情下产生的感觉也有不同。例如在冬天见到冷色系的蓝、灰，就会觉得特别冷，因此可选择橙色或大红等暖色让人中和寒冷，而夏天就要用冷色令人感觉凉快，这就是色彩的知觉。此外，对同一种色彩的理解也各有所不同。例如：法国的男孩喜欢穿蓝色的衣服，女孩爱穿粉红色的服装，穿墨绿色会使人联系到纳粹军人制服而产生厌恶等。

3.色彩能体现相应的感情。

色彩能体现兴奋和沉静：红、橙、黄等暖色系的纯色会给人兴奋的感觉，易表现快乐的情绪；蓝、蓝绿等冷色系的纯色会给人沉静的感觉，使人联想到和平、安静与生机盈然。黑白对比强烈的色彩给人紧张的感觉，灰色和彩度低的色彩则给人和谐而舒适的感觉。色彩能体现前进与后退。客厅、花园、房间物品等暖色系的色彩和明度高的色彩让人有活跃的前进感；反之，深海、远山、天空等距离远的色彩让人有后退的感觉。色彩还能体现明快和忧郁感。明度和彩度越高越具有明快的感觉，明度和彩度越低越具有忧郁感。青少年为主的商品应以明快的色调和配色为主，才能显得活泼向上、有朝气。4.色彩能体现设计精神。

色彩在设计中起着特殊的作用，一件彩色作品至少比单色的更能吸引人的注意力，一些颜色的点缀能突出主题而让人印象深刻。色彩对人们有着一定的诱导作用，会对人们的情感产生深刻的影响。

第三篇：色彩在平面设计中的应用教学设计

惠州工程技术学校优质技能课评比

教学设计（教案）

所 属 专 业

计算机教研室

课 程 名 称

图形图像（下）

课题名称(主题)色彩在Coreldraw电脑平面设计中的应用

课程类别

课题类型

技能操作

授课人

俞 燕

报送日期

课题：色彩在Coreldraw电脑平面设计中的应用

[教学目标]

一、认知目标：通过本节的学习，让学生充分认识到色彩应用的魅力，其中主要学习Coreldraw基本工具的综合应用，以及如何通过色彩来表现平面设计作品。

二、技能目标：提高学生的欣赏能力，让学生掌握色彩综合搭配技巧以及Coreldraw常用工具的综合应用能力。开展校园技能节大赛，与营销专业的学生合作，根据营销项目完成海报设计。

三、情感目标：让学生获得成功的喜悦，树立自信心，找到学习的乐趣。

[教学手段]

一、多媒体教学手段

二、专业教室的运用 [教学设计]

一、教学重点

正确理解色彩的应用范围以及色彩所表达的情感

二、教学难点

如何通过软件Coreldraw的表现手段将色彩应用到海报设计中去。

三、教法：主体探究式教学/项目式教学

布置项目--学生课前自主领悟—学生分组讨论—教师评价与讲解—学生实际操作，完成项目制作—小结。

1、布置项目（课前）

概括性地介绍项目的知识点，理顺学生的思路，为学生自主领悟作准备。

2、学生课前自主领悟

设置一些引导问题，学生通过解决问题了解项目涉及的教学内容。在这一阶段，培养了学生查找、整理、分析学习参考资料的能力。

3、学生质疑、教师点拨与答疑

质疑：培养学生发现问题的能力和自我解疑的能力。

点拨与答疑：根据学生的质疑，有针对地对学生加以点拨指导、解惑答问。

4、学生分组讨论

以小组为单位，在教师的调控下学生进行讨论，制订项目的解决方案。

5、教师评价与讲解

教师对学生制订的项目解决方案进行评价，激励团队协作精神和学生个体的学习热情。

6、学生实际操作，完成项目制作 示范、引导学生完成项目。

7、总结，对学生项目完成情况作进一步评点分析。

8、布置作业：布置下一个项目，向学生提供相关资料

四、教学步骤

导入：先请同学们欣赏一段关于色彩的视频（10分钟）提问：通过视频同学们发现了什么？

回答：不同色彩在才同一海报中的不同表现手法。

导出：对了，同样的元素，但是应用了不同的色彩，给人完全不同的感觉，我们可以看出色彩在海报设计中的重要作用。

教师给每个小组分发不同颜色的卡纸，学生结合以前的知识点回顾：色彩的情感表现，红、橙、黄、绿、青、蓝、紫给人的不同感觉。（每个小组以分到什么颜色的卡纸来回答相对应的问题）

教师出任务：

既然同学们对色彩的知识了解了很多了，我们今天就要把这些色彩知识应用到海报设计当中去，今天老师带来了一个项目让同学们来完成： 首先，学生根据分组来成立各自的设计公司，各自命名，老师作为客户，同学们作为设计公司来招标，学生们的任务就是全力拿下这个项目

任务一：（25分钟）

教师作为客户给出一个无填色的海报招贴，需要学生做出一个文字方案，内容需要学生给出海报的整体色调，为什么使用这个色调以及想体现了什么样效果

学生分小组讨论，给出一个方案

教师对各个小组的方案来进行评价，小组与小组之间可以提出意见，可以通过辩论的方式，教师在文字策划活动中给出各个小组一个基础分，最终能否中标还是要看最后的效果

通过讨论、总结各小组确定了海报颜色的设计方向 任务二：（40分钟）

各个设计公司利用软件Coreldraw实现自己的设计方案，做出最终的效果图，在操作的时候有什么问题可以举手问教师（20分钟）

在操作过程中遇到的问题需要学生讨论解决，解决不了的问题提交给教师，教师控制电脑，讲解同学们在操作的时候出现的技术问题，（5分钟）同学可提问

最后小组提交设计作品，各小组负责人进行讲解，教师点评，给分，评选最后胜出的小组，学生可对其他小组的效果图做出提问（15分钟）

教师总结布置作业（5分钟）

对本次中标的小组司表示祝贺，对未中标的小组鼓励，因为老师带来了更多的项目，主题就是技能节与营销专业的同学合作完成一份营销策划方案。

附：板书设计

第四篇：平面设计中的色彩运用(教案)

色彩原理及配色实例分析

课

题：色彩原理及配色实例分析

第 1 页 授课形式：理论讲解 授课班级：

授课时间：1课时 教学目的：

一、让学生了解色彩的基础知识和色彩的心理表情。

二、让学生理解掌握配色的基本原则。

三、学习10种常用配色方案

理论讲解资料：

一、色彩基础知识 ㈠、色彩的种类：

生活中的色彩虽然五光十色，但其种类大致可分为： “无彩色”，例如：黑色、白色、灰色；

“有彩色”，例如：红、橙、黄、绿、蓝、紫 等有颜色的色彩。红、黄、蓝 被称为 原色，即无法用其它单色混合出来的色。

橙、绿、紫 被称为 间色，既用三原色中任意两种调合出来的色。

红—绿、橙—蓝、黄—紫；被各自成为对方的补色，又叫对比色；三原色中任何两色调

合而成的间色与第三原色成互补关系。按一定比例运用对比色搭配，是最常见、有效，也比较能协调的配色方案。

㈡、色彩的三要素：（色相、亮度、饱和度）

第 2 页

1、色相：是色彩的最大特征，指色彩显示出来的面貌，是一种颜色区别于另一种颜色的表面特征，它来源于人眼对色彩的感觉经验积累。

2、饱和度：指颜色的纯粹程度，颜色在饱和状态时就是该色相的标准色。例如：一块红色掺

入一点黑或者任何其它颜色，红色的纯度就会随之降低，掺入越多纯度就越低。

3、亮度：指同一色相由于受光的强弱不同而产生的各种不同的明暗层次，也就是色彩在加入

不同程度白或黑色而产生的不同深浅层次。另外，不同颜色本身的亮度值也不相同，其由高到低的顺序是，黄、橙、绿、红、蓝、紫

二、色彩的心理情绪和表情

第 3 页 色彩的物理光刺激会对人的生理和心理发生的直接影响。心理和生理学家对此都曾做过许多实验。他们发现，在红色环境中，人的脉搏会加快，血压有所升高，情绪兴奋冲动。而处在蓝色环境中，脉搏会减缓，情绪也较沉静。有的科学家发现，颜色能影响脑电波，脑电波对红色反应是警觉，对蓝色的反应是放松。不少色彩理论中都对此作过专门的介绍，这些经验向我们明确地肯定了色彩对人生理和心理的影响。

色彩只是一种物理现象，本身是没有灵魂的，但人们却能从中感受到色彩的情感，这是因为人们长期生活在一个色彩的世界中，积累着许多视觉经验，一旦知觉经验与外来色彩刺激发生一定的呼应时，就会在人的心理上引出某种情绪。

㈠、色彩的心理情绪：

色彩的“冷、暖” → 温度感 <冷暖色系表现出两种温度感>

↓

↓

轻、重

→ 重量感 <冷色偏轻，暖色偏重>

↓

↓

湿润、干燥

→ 湿度感 <冷色显湿润，暖色显干燥> ↓

↓

后退、前进

→ 空间感 <冷色有后退感，暖色有前进感> ↓

↓

透明、不透明 → 密度感 <冷色显透明，暖色显不透明>

同样道理，无论有彩色还是无彩色，都有自己的表情特征。每一种色相，当它的亮度和饱和度发生变化，或者处于不同的颜色搭配关系时，颜色的表情也就随之变化了。因此，要想说出各种颜色的表情特征，就想要说出世界上每个人的性格特征那样困难，然而对典型的性格作些描述，总还是有趣并可能的。

㈡、色彩的表情(联想)

1、红色：最热烈、冲动的色彩，是强有力的色彩。

深红底+红<显平静>、蓝绿底+红<热烈燃烧>、黄绿底+红<显冒失莽撞>、橙色底+红<暗淡而无生命>

2、橙色：是暖色系中最温暖的色彩。

第 4 页

(橙、混25%白、混25%黑、混50%白、混50%黑、混30%红)橙混入少量黑色或白色，会成为一种稳重、含蓄而明快的暖色。橙+大量黑<显烧焦感>、橙+大量白<显甜腻感>、3、黄色：是亮度最高的色彩

橙+蓝<这种搭配显得响亮而欢快>

黑色或紫色的衬托可以扩大黄色的色彩强度。白色和淡淡的粉红色都是能吞没黄色的色彩。

(黄、混50%黑、混50%白)黄色最不能承受黑色或白色的侵蚀，这两个色只要稍微的渗入，黄色即刻失去光辉。

4、绿色和蓝色：两种都是宽容而博大的颜色。

5、紫色：非常神秘，难以捉摸，且很难界定的色彩。

因为红色加少许蓝色或蓝色加少许红色都会明显地呈紫味。所以很难确定标准的紫色。

(紫红、紫蓝、紫红混50%白、紫蓝混50%白、紫蓝混25%黑)

第 5 页 当紫色深化暗化时，会给人高贵的感觉，同时也会有压迫感。而一旦被淡化，就会产 生优美可爱，并带着浪漫的感觉。

6、灰色：是最被动的色彩，视觉上最安稳的休息点。

三、色彩运用原则；

(灰底+红、灰底+蓝)步骤㈠、根据设计的主题和风格进行配色设计

分析主题的内涵，分析观众的类别，并结合设计者的个人设计风格进行配色。

确定主色调可以通过：

1、色块面积的大小；

2、同类色的呼应；来实现。

步骤㈡、确定基本色调

确定基本色调是色彩设计的第一步，也是关键的一步；人的视觉生理本能地要求色彩的统一，主色调是统一和谐组合的手段之一。毫无秩序相互冲突的杂乱色彩关系是会丢掉主色 调并失去美感的。

步骤㈢、在统一中有变化地使用色彩，追求视觉平衡

但是人们的生理特征又本能地需要多样化的新的刺激，过分地单调一致会使人感到沉闷乏

味。统一和变化这两种之间存在着即矛盾又统一的辨证关系。当然，主色调与从属色之间 需要有一定的色彩秩序。

1、增加色彩设计的共同点，例如使用 同色系配色 可以使设计协调而平衡

例如：橙+黄+红、紫+蓝+绿 等

2、多运用中性色(例如灰色、或亮度、明度中等的色彩)进行色彩设计，以缓和、中和过 于强烈的色彩对比，有助于实现视觉平衡。

例如：R128G128B128 为灰色，只需在此基础上变动任意几个颜色的数值则可调出 有色相的灰色。

3、运用对比色搭配也是建立色彩秩序的一种有效的方法。

步骤㈣、突出个人设计风格

1、单色调的设计：指只采用一种颜色，只在亮度和饱和度上做调整，并用中性色进行协调。用这种方法，很容易形成一种强烈的个人风格。

2、对比色冲突的设计：指运用如“红→绿、蓝→橙、紫→黄……”等对比强烈的色彩进行设计，通过控制不同颜色的大小、位置，并通过中性色进行协调。

3、黑白灰简约化设计

单色调设计范例

第 6 页

同色系配色设计

对比色配色设计

第 7 页

黑白简约配色设计

四、配色实例

第 8 页

1、浪漫

以明亮清色为中心的配色，没有明度差的配色，给人以柔和感觉。加上明度差则产生跳跃感。用于表达兴奋的心理感觉。将明度低的颜色运用到某一点或局部，则会产生抑扬顿挫。

R247 G197 B200 R209 G201 B223

R247 G197 B200

R240 G241 B198

R198 G218 B135

R247 G197 B200 R209 G201 B223

R198 G218 B135

R253 G214 B1792、清纯

以明亮清色为主的配色。由于各色之间的明度差接近与无，因此显得十分平稳。加入白色强调清洁感。而灰色的掺入则能减弱个性，令人感觉柔和。如想显示出抑扬顿挫的感觉，可以使用明度差大的颜色或同为补色的颜色进行配色。

R247 G197 B200 R255 G246 B199

R253 G214 B179

R234 G234 B234

R240 G241 B198

R247 G197 B200 R255 G246 B199

R248 G197 B184

R240 G241 B198

注：清色指明度和饱和度较高的纯色，该系列主要以高明度的色彩搭配为主，同类色表现

和谐、柔和；对比色表现跳跃、兴奋。

3、童话

第 9 页

以明亮清色与接近纯色的颜色搭配。若想加强空想或幻想色彩，不妨以紫色系列为中心进行配色，也可以用掺入蓝色或紫色系列来强调梦幻般的感觉。明亮颜色的配色，能首先使人感觉到年轻与孩子气。

R143 G143 B190 R237 G157 B173

R226 G191 B212

R189 G209 B234

R117 G193 B2

21R226 G191 B212 R189 G209 B234

R143 G143 B190

R237 G157 B173

4、孩子气

以明亮清色为中心的配色。因为代表的并非孩子本身，因此需要使用彩度高的颜色来作为点缀。大多使用暖色调。但如果希望表现纯真，则多使用冷色调。浅蓝色与粉红色的组合能使人不由得心生怜爱。

R247 G197 B200 R209 G201 B223

R209 G201 B223

R240 G241 B198

R189 G209 B234

R247 G197 B200

R255 G246 B199

R189 G209 B234 R244 G170 B41

注：该系列高彩度的配色为主，主要以蓝色、紫色、粉红、浅黄为主，暖色调表现温馨，冷色调表现纯真。

5、未来

第 10 页

不管明度如何，蓝色与紫色系列的配色都能演绎出未来的印象。配以明亮清色，或让人感觉未来的轻松，或让人体验未来的脱离实际。若以蓝色系列为主，能产生科幻般的印象，而紫色系列为主的配色让人感受的是梦幻般的未来。

R67 G120 B182

R143 G143 B190

R67 G120 B182

R188 G192 B221

R118 G166 B212

R188 G192 B221

R98 G98 B159

G70 B139

R190 G225 B246

6、希望

绿色与紫色系列的配色。尤其是紫色系列能让人感受到对未来的憧憬，使它成为表现希望时所不可缺少的颜色。如加入粉红色，则能烘托出有关恋爱或结婚的希望。只使用绿色系列的配色，突出的四新颖的期待感。

R143 G143 B190

G157 B165

R64 G164 B113

R98 G98 B159

G157 B165

R150 G200 B172

R247 G197 B200

R98 G98 B159

R64 G164 B113

7、生机勃勃

由明亮的高彩度清色为中心的配色。以绿色系列为主，配以蓝色、青紫色系列。此外，点缀性地使用黄色能赋予配色以生气。明亮的清色与白色在形成对比度的同时，还可以有效地体现清洁感。

R225 G229 B78

R119 G182 B10

R67 G120 B182

R225 G229 B78

R172 G203 B57

R225 G229 B78

R172 G203 B57

R64 G164 B113

G63 B113

第 11 页 注：表现未来、希望等主体可以紫色、蓝色、绿色为主调，再根据对象配以其它颜色辅助。

8、女性化

第 12 页

以红色与紫红色系列为中心的配色。由于彩度高的颜色缺乏柔和感，因此最好只用作点缀，避免大量使用。青紫色系列的加入能增添高雅感。彩度高的配色可以加入灰色调颜色。

R233 G133 B135

R143 G143 B190

R240 G154 B132 R209 G107 B144 R237 G157 B173

R233 G133 B135

R143 G143 B190 R182 G139 B180

R240 G154 B132

9、有力

第 13 页

使用除了蓝色系列以外的纯色进行的配合。起重要作用的是红色，但黄色与黑色也举足轻重。为了显示出强有力的跳跃感，需要有一定的对比度。辅助性地多使用些橘黄色系列，能表现热烈，加入白色则能增添几分优雅。

R197 G63

G137 B85

R255 G223

R197 B63

R71 G31 B85

R154 G88

G137 B85

R0 G0 B0

R197 B63

10、时尚

第 14 页

配色以明亮清色的绿色与紫色系列为主。尤其是如能同时使用紫色系列中的青紫色、紫色、紫红色，可以营造出轻微的时尚感。青紫色属于成人，紫红色属于年轻人。减弱对比度是本配色的关键。

R143 G143 B190

R216 G233 B214

R200 G200 B200

R143 G143 B190 R192 G224 B230

R143 G143 B190

R188 G192 B221

R178 G189 B170 R192 G224 B230

第 15 页

第五篇：平面设计色彩搭配

平面设计理论知识(色彩搭配)一：各种色彩的象征：

红色：热情、活泼、热闹、革命、温暖、幸福、吉祥、危险......橙色：亮丽、光明、华兴奋、甜蜜、快乐......黄色：明朗、愉快、高贵、希望、发展、注意......绿色：新鲜、平静、安逸、和平、柔和、青春、安全、理想......蓝色：深远、永恒、沉静、理智、诚实、寒冷......紫色： 优雅、高贵、魅力、自傲、轻率......白色：纯洁、纯真、朴素、神圣、明快、柔弱、虚无......灰色：谦虚、平凡、沉默、中庸、寂寞、忧郁、消极......黑色：崇高、严肃、刚健、坚实、粗莽、沉默、黑暗、罪恶、恐怖、绝望、死亡......色彩的心理效应

色彩的直接心理效应来自色彩的物理光刺激对人的生理发生的直接影响。

心理学家对此曾做过许多实验。他们发现，在红色环境中，人的脉搏会加快，血压有所升高，情绪兴奋冲动。而处在蓝色环境中，脉搏会减缓，情绪也较沉静。有的科学家发现，颜色能影响脑电波，脑电波对红色反应是警觉，对蓝色的反应是放松。

色彩是人的视觉最敏感的东西。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性，可以使我们的主页具有深刻的艺术内涵，从而提升主页的文化品位。下面介绍几种常用的配色方案：

1.暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用，可使主页呈现温馨、和煦、热情的氛围。

2.冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。

3.对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。当然，对比色调如果用得不好，会适得其反，产生俗气、刺眼的不良效果。这就要把握“大调和，小对比”这一个重要原则，即总体的色调应该是统一和谐的，局部的地方可以有一些小的强烈对比。

最后，还要考虑主页底色（背景色）的深、浅，这里借用摄影中的一个术语，就是“高调”和“低调”。底色浅的称为高调；底色深的称为低调。底色深，文字的颜色就要浅，以深色的背景衬托浅色的内容（文字或图片）；反之，底色淡的，文字的颜色就要深些，以浅色的背景衬托深色的内容（文字或图片）。这种深浅的变化在色彩学中称为“明度变化”。有些主页，底色是黑的，但文字也选用了较深的色彩，由于色彩的明度比较接近，读者在阅览时，眼睛就会感觉很吃力，影响了阅读效果。当然，色彩的明度也不能变化太大，否则屏幕上的亮度反差太强，同样也会使读者的眼睛受不了。

网页色彩的搭配

网页的色彩是树立网站形象的关键之一，色彩搭配却是网友们感到头疼的问题。网页的背景，文字，图标，边框，超链接...，应该采用什么样的色彩，应该搭配什么色彩才能最好的表达出预想的内涵呢？

首先我们先来了解一些色彩的基本知识：

1.颜色是因为光的折射而产生的。

2.红，黄，蓝是三原色，其它的色彩都可以用这三种色彩调和而成。

3.颜色分非彩色和彩色两类。非彩色是指黑，白，灰系统色。彩色是指除了非彩色以外的所有色彩。

4.任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以至少可以制作几百万种色彩。

网页制作用彩色还是非彩色好呢？根据专业的研究机构研究表明：彩色的记忆效果是黑白的3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。

我们通常的做法是：主要内容文字用非彩色(黑色)，边框，背景，图片用彩色。这样页面整体不单调，看主要内容也不会眼花。

●非彩色的搭配

黑白是最基本和最简单的搭配，白字黑底，黑底白字都非常清晰明了。灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。如果你实在找不出合适的色彩，那么用灰色试试，效果绝对不会太差。

●彩色的搭配

色彩千变万化，彩色的搭配是我们研究的重点。我们依然需要进一步学习一些色彩的知识。

暖色系 中性系 寒色系 中性系

二.色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。

红色---是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。

绿色---介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。它和金黄，淡白搭配，可以产生优雅，舒适的气氛。

橙色---也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。

黄色---具有快乐，希望，智慧和轻快的个性，它的明度最高。

蓝色---是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，浪漫的气氛(象天空的色彩:)

白色---具有洁白，明快，纯真，清洁的感受。

黑色---具有深沉，神秘，寂静，悲哀，压抑的感受。

灰色---具有中庸，平凡，温和，谦让，中立和高雅的感觉。

每种色彩在饱和度，透明度上略微变化就会产生不同的感觉。以绿色为例，黄绿色有青春，旺盛的视觉意境，而蓝绿色则显得幽宁，阴深。

●网页色彩搭配的原理

1.色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。

2.色彩的独特性。要有与众不同的色彩，使得大家对你的印象强烈。(参考设计思考第二篇网站CI的标准色彩一节)

3.色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。

4.色彩的联想性。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和你网页的内涵相关联。

●网页色彩掌握的过程

随着网页制作经验的积累，我们用色有这样的一个趋势:单色->五彩缤纷->标准色->单色。一开始因为技术和知识缺乏，只能制作出简单的网页，色彩单一；在有一定基础和材料后，希望制作一个漂亮的网页，将自己收集的最好的图片，最满意色彩堆砌在页面上；但是时间一长，却发现色彩杂乱，没有个性和风格；

第三次重新定位自己的网站，选择好切合自己的色彩，推出的站点往往比较成功；当最后设计理念和技术达到顶峰时，则又返朴归真，用单一色彩甚至非彩色就可以设计出简洁精美的站点。

○网页色彩搭配的技巧

文章写到这里，有心急的网友要问了：“到底用什么色彩搭配好看呢？你能不能推荐几种配色方案？”别急，这里有一点技巧，可以帮助你迅速成为调色大师:)

1.用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。

2.用两种色彩。先选定一种色彩，然后选择它的对比色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。

3.用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。确定色彩的方法各人不同，我是在photoshop里按前景色方框，在跳出的拾色器窗中选择“自定义”，然后在“色库”中选就可以了:)

4.用黑色和一种彩色。比如大红的字体配黑色的边框感觉很“跳”。

在网页配色中，忌讳的是：

1.不要将所有颜色都用到，尽量控制在三种色彩以内。

2.背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容