（设计艺术学专业论文）论网页设计中色彩的情感性表达.pdf

分类号 u d c 密 级 武多凄理歹大穿 学位论文 中文 诠圆亟遮让虫鱼受数擅壁性麦达 趑目c o l o ri nw e bd e s i g no ne m o t i o n a le x p r e s s i o n _一一 研究生姓名 汪会雯 姓名 堂焦 职称 邑i 塑撞学位谴 指导教师 单位名称茎盔鱼遮盐堂瞳邮编 4 3 0 0 7 0 申请学位级别塑学科专业名称遮盐茎盔堂 论文提交日期至q 至! 生q 垒旦论文答辩日期2 q ! ! 生墨月 学位授予单位盛墨里兰盘堂学位授予日期 答辩委员会主席隧：塑盘：评阅人盔因查 20 11 年0 4 月 本人声明，所呈 究成果。尽我所知， 他人已经发表或撰写 机构的学位或证书而 贡献均已在论文中作 关于论文使用授权的说明 本人完全了解武汉理工大学有关保留、使用学位论文的规定，即：学校有 权保留并向国家有关部门或机构送交论文的复印件和电子版，允许论文被查阅 和借阅。本人授权武汉理工大学可以将本学位论文的全部内容编入有关数据库 进行检索，可以采用影印、缩印或其他复制手段保存或汇编本学位论文。同时 授权经武汉理工大学认可的国家有关机构或论文数据库使用或收录本学位论 文，并向社会公众提供信息服务。 ( 保密的论文在解密后应遵守此规定) 签名：邋导师签名：脚日期：垒2 型 武汉理t 大学硕十学位论文 摘要 我们人类生活在一个色彩斑斓的世界里，随着四季变化的不同，自然界万 事万物所呈现的色彩也因季节的变化而变化，自然而然，色彩在其当中发挥了 很大一部分的作用。自然界通过色彩向人们展示了物质、生命和运动。人类从 自然界的色彩当中吸取灵感，运用到艺术设计当中去。近几年来，越来越多的 人开始关注人与色彩之间的情感交互，于是人性化色彩，情感化色彩开始广泛 的被设计师所推崇和运用。 色彩与网页设计的视觉画面相结合，以其独特的视觉语言和我们人类进行 着交流与思想情感的交互。色彩与人类之间的情感交互则是基于心理学、光学、 色彩学等，以各类学科的角度来向人们进行传达的。从动态和静态的色彩设计 中，分析和研究色彩艺术情感化的表现形式与效果。 通过对各种不同类型的网页设计作品的鉴赏与分析，从而体会出色彩在各 类设计领域当中的色彩语言与色彩情感，以人类心理的角度去分析色彩的搭配 意义与应用。色彩本身是没有情感的，但是当色彩融入了人类的情感因素之后， 并将其运用到设计作品当中，感性设计就由此应运而生。本论文主要从这几个 部分来进行阐述与分析：一以感性设计为基本背景和前提，分析色彩与感性设 计之间的关系并对感性设计概念进行阐述。研究色彩在感性设计中的分类以及 色彩与感性设计在国内和国外的发展趋势与研究现状。二色彩心理的理论阐 述与分析，为色彩在感性设计中的情感色彩搭配与运用提供相关的理论基础。 三着重分析色彩在各类设计作品中的运用与解析从而加强对色彩在感性设计 中的运用与情感体验。四分析目前最新的手机界面设计，将色彩的情感化体 验融入其中，通过分析以及结合优秀的设计案例，总结出可触性设计中传递的 有效的用户情感体验，并在这些原则的指导下提出相应的设计方案。 关键词：色彩情感化设计色彩心理网页设计 武汉理上大学硕十学位论文 a b s t r a c t w el i v ei nac o l o r f u lw o r l d t h ec o l o r so fa l lt h i n g si nn a t u r ev a r ya c c o r d i n gt o c h a n g e so ff o u rs e a s o n s s oc o l o rp l a y sa ni m p o r t a n tp a r to fp e o p l e sl i v e s t h en a t u r e s h o w su sm a t e r i a l s ，l i v e s ，a n dm o v e m e n t sb yt h e i rc o l o r s ；a n dp e o p l ea l s od r a wt h e i r i n s p i r a t i o nf r o mt h ec o l o r st oa p p l yt oa r td e s i g n i nr e c e n ty e a r s ，m o r ea n dm o r e p e o p l eb e g a nt op a ya t t e n t i o nt ot h er e l a t i o n s h i pb e t w e e nm a na n dc o l o r , a n dt h e n ， e m o t i o n a ld e s i g na n dh u m a n o r i e n t e do n ea r eh i g h l yt h o u g h to fa n dw i d e l yu s e db y d e s i g n e r s c o l o r , c o m b i n i n gw i t hv i s u a ls c e n eo f v a r i o u sd e s i g n s ，h a sc o m m u n i c a t i o nw i t h u si nas p e c i a lv i s u a ll a n g u a g e t h ee m o t i o n a li n t e r a c t i o nb e t w e e nc o l o ra n dm a n k i n d i sb a s e do np s y c h o l o g y , o p t i c s ，c o l o rs c i e n c e ，a n ds oo n ，i nt h ew a yo fw h i c hi ti s e x p r e s s e dt ou s f r o md y n a m i cd e s i g n sa n ds t a t i co n e s ，t h i st h e s i sa n a l y z e s t h e e x p r e s s i o n sa n de f f e c t so fe m o t i o n a lc o l o r b ya n a l y z i n gav a r i e t yo fd e s i g nw o r k s ，c o l o rc a nb ef o u n di nt h o s ed e s i g nf i e l d s ， h a v i n gi t so w nl a n g u a g ea n de m o t i o n t h i st h e s i st r i e st oe l a b o r a t et h em e a n i n g sa n d a p p l i c a t i o no fc o l o rc o l l o c a t i o n c o l o rh a sn oi t so w ne m o t i o n ，b u tw h e nc o l o ra d d s t h eh u m a ne m o t i o nf a c t o la n du s e si ti nd e s i g n i n g ，t h ed e s i g nt u r n st ob ee m o t i o n a l t h et h e s i se l a b o r a t e st h ec o l o ra n ds e n s i b i l i t yd e s i g nf r o mt h em a i np a r t sa sf o l l o w s f i r s t , o nt h eb a s i so fs e n s i b i l i t yd e s i g n ，i ta n a l y z e st h er e l a t i o n s h i pb e t w e e nc o l o ra n d s e n s i b i l i t yd e s i g n ，e x p l a i n st h ec o n c e p to ft h el a t t e r , a n dh a st h er e s e a r c ho nt h e c l a s s i f i c a t i o no ft h ec o l o ri ns e n s i b i l i t yd e s i g na n di t st h e o r i e sb o t hd o m e s t i ca n d a b r o a d s e c o n d ，i tc l a r i f i e st h e t h e o r i e so fc o l o rp s y c h o l o g y , w h i c hp r o v i d e st h e t h e o r e t i c a lb a s i sf o re m o t i o n a lc o l o ra r r a n g e m e n ta n di t sa p p l i c a t i o n t h i r d ，t h et h e s i s e m p h a t i c a l l ya n a l y z e su s eo f c o l o ri nv a r i e t yo fd e s i g nw o r k s ，a n dp u t sf o r w a r ds u c h ac o l o re x p e r i e n c ei ns e n s i b i l i t yd e s i g n l a s tb u tn o tl e a s t ，t h ep a p e ra n a l y z e sc o l o r e m o t i o n a le x p e r i e n c ef r o mt h el a t e s ti n f o r m a t i o ng r a p h i cd e s i g n sa n di n t e r f a c eo n e s ， c o n c l u d e st h ev a l i de m o t i o n a le x p e r i e n c ew i t hu s e r si nt a n g i b l ed e s i g n s ，a n dg i v e s c o r r e s p o n d i n gd e s i g ns c h e m e sa c c o r d i n gt ot h o s ep r i n c i p l e s k e yw o r d s ：c o l o r , e m o t i o n a ld e s i g n , c o l o rp s y c h o l o g y , w e bd e s i g n i i 武汉理工人学硕十学位论文 摘要 a b s t r a c t 第1 章引言 目录 1 1 课题研究的背景、目的、意义l 1 2 本课题有关的国内外研究现状2 1 3 研究目标和关键问题3 1 4 研究框架和创新点3 第2 章色彩与感性设计5 2 1 感性设计与情感表达5 2 2 以感性为主导的色彩表达方式6 2 2 1 四季色彩6 2 2 2 情绪色彩7 2 2 3 色彩性格8 2 3 国内现状及国外的研究现状9 2 4 小结9 第3 章情感性色彩与设计 3 1 色彩的心理学分析1 0 3 2 情感性色彩的隐喻方法1 1 3 2 1 色彩感知11 3 2 2 色彩联想1 3 3 2 3 色彩象征与色彩情感1 4 3 3 情感性色彩的设计原则1 5 3 3 1 色彩体现民族情感1 5 3 3 2 色彩应和受众心理1 8 3 3 3 色彩尊重用户体验2 0 3 4 小结2 4 第4 章情感性色彩对网页设计的影响 4 1 网页设计中的色彩设计原则2 5 i i i 武汉理工大学硕士学位论文 4 2 不同类型网页的色彩设计特征2 6 4 2 1 政府部门官方网站色彩分析2 6 4 2 2 个人主页网站色彩分析2 8 4 2 3 公司企业类型网站色彩分析2 9 4 3 典型案例分析3 2 第5 章结语 致谢 参考文献。 i v 3 7 3 8 3 9 武汉理上人学硕 学位论文 第1 章引言 1 1 课题研究的背景、目的、意义 早在古代人类从石器时代开始，人们就开始将色彩美学的原理运用到日常生 活用品以及装饰品当中，在壁画、装饰器皿和陶器等上面色彩都发挥了其创造 性的运用。然而随着时代的变迁，科技技术的不断进步，人类进入到现代文明 社会，在对色彩进行了充分系统的研究基础之上，逐渐认识到了色彩不仅仅是 用来装饰的，它其实也是一门科学，它对人们的心理和生理都产生了巨大的影 响。在城市环境规划设计、包装设计、室内设计、视觉传达设计、动画设计等 众多设计领域当中，色彩的功能和作用已经得到了充分的认可和重视。 这是一个发展的时代，人们对艺术的审美水平也在不断的上升，因此，色彩 的表现力已经不仅仅只是艺术家们的独创主观能动意识，通过一系列的系统理 论学习，现代物理学证明，色彩即光，这项证明是有科学规律的。因此，我认 为色彩从严格意义上来讲它其实是一门科学，是值得我们去探索和研究学习的。 在现代设计当中，人们对色彩的认知性已经由以前的感性认知上升到了理性认 知。大部分设计师在进行色彩设计的时候，往往注重的是色彩本身的美感，忽 视了受众人群和色彩之间的情感交互心理，没有将色彩与感性设计、色彩心理 学、色彩运用学等专业学科相互融合在一起。现代的设计师应当将色彩学与现 代科学技术、情感设计和人类交互体验形式融合在一起来进行系统的思考和研 究，从而产生一种新的设计方法和研究理念。 色彩大师约翰内斯伊顿1 在色彩艺术中指出：“色彩效果不仅仅在视觉 上，而是应该在心理上得到体会和理解 。色彩的本身是没有情感心理的，但人 们在接收色彩的传达之后，会产生心理活动，感受到色彩的情感，从而引发某 种情绪，这就是人类与色彩之间的情感交互。感性设计是满足色彩与人类心理 活动所产生的共鸣效应，其本质关系是“传达与呼应关系 。一个好的设计作品， 之所以能够得到大众的认可与喜爱，其根本原因就是作品本身与受众人群之间 1 约翰内斯伊顿：瑞士人，著名的雕刻家、画家、美术理论家和艺术教育家，著名著作有 色彩论、色 彩艺术和设计与形状：鲍豪斯的基础课程等笔者注 武汉理：i ：大学硕士学位论文 产生了情感上的共鸣，它在色彩的传达性、内容的视觉性、情感的交互性方面 都得到了受众人群的认可。 长町三生教授定义下的“感性 为：“人与物之关联性”。意为人在接触到事 物后的生理与心理反应。无论是动态的感性( 即人的心理活动) 还是静态的感 性( 即人的情感) ，交互式的体验设计则将“感性 的两方面概念得到了很好的 体现。色彩的情感交互式设计实质上与人类的日常生活是息息相关的，二者都 是情感式的交互，除了主体不同以外，其受众群体都是人。因此，在设计的领 域当中，设计师将情感化设计运用到色彩设计中去，受众人群则通过视觉信息 的传达产生相应的色彩心理。感性设计是设计师与受众人群的一种交互式关系， 二者只有更好的结合，才能使色彩在设计领域得到很好的传达与表现。 在迈向2 1 世纪的今天，人类社会正在向数字化时代发生转变，互联网正在 全世界进行着越来越深刻的革命。网页设计是近二十年以来意义深远的新兴设 计领域。新的媒介同时带来高度的挑战性，网页作为一种新兴的信息载体，相 对于传统的静态媒体( 报刊、杂志) 和动态媒体( 电视) 来说，它的构成元素 更加复杂，包含了文字、图像、色彩、声音、动画等各元素。在网页众多元素 中，色彩元素往往是首先吸引浏览者目光的，之后才是网站的信息内容。色彩不 但给浏览者带来美感和愉悦感，而且可以有效地传达企业形象、提升品牌价值。 网页的色彩是树立网站形象的关键之一。一个网站设计成功与否，在某种程度 上与设计者对色彩的运用和搭配有着不可分割的关系。 1 2 本课题有关的国内外研究现状 关于色彩的系统理论研究，最早始于西方。而色彩设计最早在服装设计领 域中被理论化、系统化，如今建筑设计、产品设计以及食品设计等领域也逐渐 地去应用色彩设计，目前很多领域还有专业的色彩顾问、色彩规划师、产品色 彩设计师等行业。随着色彩的研究有了科学体系的研究依据之后，出现了色彩 心理学研究及感性设计学，它有别于以往传统的视觉设计以及各类设计领域。 人类自从进入二十一世纪以来，感性设计的概念逐渐被越来越多的设计师所关 注和运用。设计师们通常在选择与设计思路定位时，设计n t f 更多的注入了情 感化因素，使得设计作品不再只是设计n f l j 单方面的主观能动意识的产物，而 是由设计师的单方面的感性心理意识上升到了与人类精神层面的互动交流，是 2 武汉理! 上：大学硕十学位论文 结合了人类色彩心理学、科学理论为依据的理性与感性相互交替与运用的设计 思路。只有运用设计思路趋于理性化、设计概念趋于感性化的设计模式，才能 使得设计的未来发展方向更加的与时俱进，才能与当今设计发展的步伐相稳合。 目前我国色彩的感性化设计运用的领域非常的广泛，所涉及的对象主要概括在： 网页设计、室内设计、视觉传达设计、数码动画、交互界面设计、城市环境设 计等众多领域。感性设计的主旨是“以人为本”我国大部分的设计理念都提倡 人性化、情感化设计，这一点是好的趋势。随着科学发展不断前进的步伐，人 类对色彩的科学理论知识有了越来越深入的了解，以此同时在全国乃至全世界 的发展趋势下，作为一种进步的、科学且有效的传播方式，色彩感性化设计理 念将会发展成为一种不断变化的新型设计趋势发展下去。 3 研究目标和关键问题 色彩对人类的影响由来己久，但色彩设计真正被理论化、系统化地应用不 过一百多年的历史，色彩在网页设计中的应用目前还没有完善的理论体系。不 管色彩在各个领域扮演的角色和表现形式、手法、目的有所不同，但色彩对物 的表现所追求的和谐之美却是一致的。因此，配色部分对于设计师而言都是一 个突破极限的自我挑战，对于网页设计的研究也是至观重要。 通过加强色彩设计在感性设计形态当中情感式交互效果，从而达到加强对 色彩设计形态的感受，充分表达色彩设计与感性设计的交互式设计概念。色彩 在不同的事物方面蕴含着不同的情感因素，色彩设计应当遵循此项原则。大部 分的人对色彩的表现研究比较模糊，概念混淆。当色彩设计加入了情感化的因 素之后，也没有全面且系统的理论依据运用到实际的设计当中去。有的设计师 在对受众群体的色彩心理研究不是很透彻的情况下进行的设计，只注重了主观 意识与表面形式的运用，而没有系统的通过对这一系列问题的研究，本课题结 合各个领域对色彩设计的认识与重视提供理论依据，也对网页设计配色的发展 道路进行初步探索，进行有针对性的，全面的举例和分析。 1 4 研究框架和创新点 本论文由五个部分组成。第一部分，是对色彩与感性设计阐述，以及网页 3 武汉理j l i 大学硕j ：学位论文 设计配色研究的必要性和可行性。第二部分，是讲述网页设计配色的相关理论， 这也是网页设计配色研究的基础。第三部分，探讨网页设计配色所需的技术性 支持，着重阐明色彩新概念即计算机数字色彩，介绍网页中色彩实现的软件。 第四部分，网页设计配色的方法论指导，总结归纳网页设计配色的原则和方法。 第五部分，主要从多个角度研究色彩在网页设计中的具体运用，包括了从色彩 视觉心理、网站行业类别、主题色彩印象及风格这三个方面探讨和研究网页设 计中如何更好地运用色彩，最后通过本人近期的网站作品进行分析色彩如何在 网页设计中应用。 随着设计信息化时代的来临，色彩设计不仅仅只局限于美感化得表现形式， 通过科学理论的系统研究，将色彩在感性设计当中融入新的情感因素与信息技 术，能有效的解决现代社会出现的视觉贫乏现象，减少人们对美感产生的焦虑 情感。以网页设计中色彩情感化的角度为出发点，研究分析色彩感性设计在网 页设计领域的发展趋势，运用色彩心理学原理，从中加入新的科学信息技术手 段，从而充分体现出色彩文化的有机交互式融合与价值。 4 武汉理t 大学硕十学位论文 第2 章色彩与感性设计 2 1 感性设计与情感表达 随着情感化设计时代的来临，感性设计在设计领域中逐渐突显出来，设计师 们不断地将情感化设计运用在各个设计领域中以发挥其最大的能动价值。实际 上，早在很早以前感性设计已经在其它领域有所涉足，例如心理学研究、智能 家电研究等等，感性设计是人们不断上升的物质生活和精神生活的产物。是在 一定的环境、文化和生活中，经过一定时期的环境因素的影响从而形成的不同 的个性化思想和性格差异，这些性格差异导致了人们对内心精神世界的不同层 面的追求，所以个性化、感性化日趋明显，这些个性上生活上的差异给感性消 费带来了色彩性。 d o m l d a n o r n a n 大师将情感概括为三个部分，分别为最初的本能、行为 的体验、深邃的反思这三种水平。2 这三个部分反映出的是人们内心情感的一种 心理状态，而这三种状态并不是孤立存在的，它们相互依存、相互制约，共同 影响着。从色彩的情感表达来看，某种色彩代表了某一特定的情感语言。这种情 感表达是最容易被大众所接受和理解的。在当今信息化迅速发展的社会，随着 科学技术水平和人民生活水平质量的不断提高，现代社会的感性消费观已经在 整个消费观念中越来越占据着主导地位，人们不再仅仅只局限于追求量的价值， 更多的是追求精神层面的，更加个性化、情绪化、多样化的一种感性消费观。 在经济效益呈现饱和的状态下，商品带给人们的情感化、人性化心理同趋明显。 平岛廉久曾经指出：“这是一个物质时代结束，感性时代来临的时代 。3 由此可 见，感性消费在现代社会的地位日趋重要性，已经成为人们消费观念上一个不 可取代的新名词。 2d o m l d a - n o m a n 情感化设计【m 】北京：电子工业出版社，2 0 0 s 3 平岛廉久：日本著名产品设计家，代表作图解企业重组 5 武汉理r j ：大学硕士学位论文 2 2 以感性为主导的色彩表达方式 在以情感为因素的感性设计中，色彩、造型、材质等要素都是构成情感因素 的主要因素，其中色彩这一要素占据着很大的成分。现在的人们在浏览网页时， 已经不仅仅只满足于简单的文字堆砌上面，他们的对网页的审美要求越来越高， 于是，艺术设计在网页设计中的重要性是显而易见的。因此，形与色的信息表 情( 即人的生理与心理) 相辅相成，互相作用着，但是不难看出，色的优势高 于形。人们通常接收新事物的第一瞬间，最先接收到的是物体所呈现出的色彩， 继而看到的才是物体的形以及材质类型，所以色彩在信息传播中起到一个主导 性的作用。网页作为视觉传达的一种新兴载体，色彩作为人类情感的表现载体， 二者相互结合，色彩设计才能完整的传达人们独特的内心情感，才能更好的宣 泄人类的内心情感。色彩的表达方式不仅与物体本来的颜色特性有关，而且还 受时间、空间、外表状态以及该物体的周围环境的影响，同时还受个人的经历、 记忆力、看法和视觉灵敏度等各种因素的影响。因此，根据多方面环境、个人 等因素的影响列举出了以感性为主导的色彩表达方式的分类。 2 2 1 四季色彩 色彩按季节分可以划分为春、夏、秋、冬四季，著名的色彩大师卡洛尔杰 克逊女士首创了四季色彩理论。她把我们生活中的常用色彩基调的不同按照冷 暖进行划分( 如图2 1 ) 所示，从而形成了四大和谐关系，即四季色彩。 春季是一个万物复苏的季节，它所呈现出的色彩情感是阳光的、充满朝气 与活力的。春季色彩主要以暖色调为主，如象牙色、亮红色、浅桃粉、橙色、 亮蓝色、亮紫色等鲜艳且明亮的暖色基调。 夏季是炎热的，人们充满着对凉爽的渴望，因此夏季传达的色彩情感是平 静的、和谐宁静的。夏季色彩有天蓝色、蓝灰色、中灰色、浅蓝红、冷红色、 苹果绿等能给人以平静感觉为前提的冷暖色调中和的色彩基调。 秋季是丰收的季节，华丽而沉稳是秋季的色彩情感。大自然带给人们的色 彩是浓郁的、丰盈的。秋季色彩大多以金色、褐色、金棕色、深紫色、砖红色、 橄榄绿等给人以成熟感觉的暖色基调为主。 冬季以“冰 为主，冰天雪地、银装素裹是冬季带给人们的色彩情感。冬 季色彩以冷色调为主，白色、银色、黑色、银色、藏蓝色、酒红色、等都是属 6 武汉理工大学硕士学位论文 于冬季的色彩情感。 暖 图2 1 十二色相冷暖变化图( 图片来源于网络) 2 2 2 情绪色彩 以色彩的表现形式来表现人的喜怒哀乐，一直是设计师运用及研究的课题。 早在古希腊时代，人们早就已经发现了色彩与人体心理反应之间的神秘关系。 色彩与人的意识是相互呼应的，它能给人以最直观的视觉冲击从而左右人的情 绪。色彩的概念已经在某种程度上成为了人们潜意识里面的思想。例如，当提 到高兴，人的大脑里面的第一反应就是黄色、红色、橙色等暖色基调。当提到 悲伤时，人的内心就会充满着以冷灰，黑白色为基调的色彩。不同的颜色给人 带来不同的情绪：橙色兴奋，能击垮人内心的压抑郁闷情绪。绿色宁 静，最能代表大自然的色彩，同时能安抚人内心焦虑不安的情绪。红色振 奋人心，能使人精神焕发，充满着热情的情绪。紫色古典高雅，能发挥人 的创意与思维。蓝色海洋的颜色，能让人的内心瞬间得到冷静和心灵安抚 ( 如图2 2 ) 。 7 武汉理丁大学硕士学位论文 2 2 3 色彩性格 图2 2色彩对麻的情绪色彩 色彩按照人的性格划分，大致可以划分为四大颜色：红色、蓝色、黄色， 绿色。红色性格的人群属于积极乐观的，心态好，但过于情绪化会导致心情大 喜大悲。蓝色性格的人思想成熟，给人以深邃的感觉，但是表面的成熟意味着 内心的脆弱。喜欢绿色的人是温柔祥和，内心平静，但他们的局限在于不喜欢 被改变，保持着我行我素的风格。黄色性格的人做事情迅速，干脆且麻利。性 格缺点在于控制欲望很强，对于自己认识到的错误不勇于承认( 如图2 - 3 ) 。 色彩性格 l 蓝色性格绿色性格黄色性格 l o 思想深邃温柔祥和行动迅速 内心比较脆弱捐绝改蛮 摔制欲较强 图2 - 3色彩性格分类图示 8 武汉理工大学硕士学位论文 2 3 国内现状及国外的研究现状 色彩被广泛运用于各个设计领域，近些年来，就对于我们国内而言，主要 运用于室内设计、广告设计、城市景观设计、动画设计等领域当中。色彩设计 最早始用于服装设计界，由于色彩学的不断发展，促进了从1 9 世纪到2 0 世纪 的视觉设计发生了多元化的转变方式。色彩设计早在1 8 5 0 年的欧洲把色彩建设 与人类的情感因素相结合的感性设计始用在城市色彩规划当中。在国外，色彩 设计的发展速度比国内的要迅速很多，欧洲、日本在这领域当中出现了很多著 名的设计师，如著名的瑞士色彩学家约翰内斯伊顿曾经在书中提出“主观色调 知识在教育和艺术教学中是非常重要的。”“主观色彩结合个人表现，是识别一 个人的思想、感情和行为的关键。4 等观点。这些定义的提出为设计者对色彩设 计提供了很多新的理论基础，并且在实际的色彩运用当中都取得了不错的成果。 在国内，对色彩的研究要比国外晚一些，色彩的运用也仅仅只局限于服装、 展台领域。然而在最近几年当中，国内的发展趋势还是非常迅速的，涌现出一 批优秀的世界级设计师，他们在色彩的应用上，都力求突破传统的色彩搭配， 形成个性化风格的设计作品。但是这还是仅仅在小众的设计领域进行有限性的 研究，很少运用在人们的日常生活当中。我们生活在一个信息化的时代，让越 来越多的人认识并了解感性色彩的奇妙之处，努力寻找更好的交流模式，是我 们新一代设计师的当务之急，这样才能满足现代社会不断上升的需求。 2 4 小结 本部分首先对感性设计的概念进行了阐述，然后介绍了以感性设计为主导 的色彩情感表达方式、色彩设计在国内外的发展现状，通过色彩的三种情感表 达方式阐述及举例来说明色彩在网页设计中的重要性。色彩运用的成功与否直 接关系到网站的功能效果，关系到企业形象的树立和企业品牌的推广。因此必 须重视色彩在网页设计中的应用。 4 约翰内斯伊顿著，杜定宇译色彩艺术世界图书出版公司，1 9 9 9 - 0 6 - 0 1 9 武汉理i ：l 、= 学硕士学位论文 第3 章情感性色彩与设计 3 1 色彩的心理学分析 在网页设计中，色彩是最重要的一个环节。当浏览者距离计算机显示屏幕 较远的时候，看到的并不是优美的版式或者是美丽的图片，而是网页的色彩。 本文对于色彩在网页设计中的运用研究，主要从色彩心理学、情感性色彩的隐 喻方法、情感性色彩的设计原则这三个方面着手，通过对色彩设计原则的分类 分析，进一步探讨如何进行更好、更合理、更准确地进行网页设计配色，给网 页设计者提供一个参考。 不同波长色彩的光作用于人的视觉器管，通过视觉神经传入大脑后，经过 思维，与以前的记忆和经验产生联想，从而形成一系列的色彩心理反应。色彩 的心理效应，往往会使人们不自觉地通过在生活当中的所经历的体验去感受、 定位色彩联想。对于设计者来说，成功的运用色彩因素能够很好的导向我们人 类的情感。色彩对人类情感心理的影响作用，大多都是在不知不觉中发生的， 并且左右着我们内心的情感思绪。这些思绪在不同的层次有着不同的表现，有 的属于直接刺激，而有的则要通过间接的联想才能产生情感思绪，更有的甚至 可能会涉及到人的传统观念与信仰，因此无论哪种情况下的作用都是我们所不 能忽视的。例如，在动画影片因为文化和剧情的不同会有着不同的色彩风格， 当色彩被成功的运用之后就可以很好的导向人类的情感，色彩作为其重要的表 现手段之一被运用在动画当中，可以更好的渲染影片气氛从而推动情节发展。 从物理学的角度分析，色彩感觉的产生主要有几大条件( 如图3 一1 ) ，它们 分别是自然界色彩产生的必要条件可见光、对投照光吸收与反射的客体、色彩 感应器( 视觉器官、传输神经和视觉中枢) 。5 这几大条件都是色彩产生的科学理 论依据以及原理，只有正确的运用色彩心理，熟练掌握色彩学，了解色彩的本 质，才能更好的将其功能发挥到极致。色彩的物理学视觉能刺激人的生理，人 体通过一系列的生理反应传送到大脑，从而直接作用于人的心理活动，因此色 彩心理学的主要原则是色彩心理是在客观世界当中的主观反映。 5 程树祥，张桂秋电子产品造型与工艺手册 南京：江苏科学技术出版社，1 9 8 8 1 9 0 1 9 1 1 0 武汉理t 大学硕士学位论文 可见光 物体大脑组织 图3 一l 色彩感觉产生示意图 3 2 情感性色彩的隐喻方法 著名的哲学家、思想家马克思曾经说过：“人类作为对象性的、感性的存在 物，是一个受动的存在物，因为它感到自己是受动的，所以是一个有激情的存 在物。激情、热情是人强烈追求自己的对象的本质力量。6 人类是感性的，有情 感的，这是人的本质特征。当人们人从事社会活动中，或多或少都会打上情感 的烙印。 人类的心理内容包括感知、记忆、联想、思维、情感、意志等心理过程与 个性心理两部分，本章依据心理内容的结构，从色彩感知、色彩联想、色彩情 感、色彩象征这几个隐喻方法来进行论述，说明色彩的心理特征及其在网页设 计中的应用。 3 2 1 色彩感知 人类对色彩的感知途径有很多，通俗的讲，眼观、耳听、味知、触觉等身 体感官器官来识别与感知色彩。从心理学的角度来说，把第一时间感知到的感 觉信息传达给人体感官中的另外一种感觉的心理过程，我们称之为联觉。所谓 联觉，就是由一种感知方式引起的对大脑及心理产生的联想现象。色彩联觉现 象主要分为色听联觉、色嗅联觉和色味联觉三大现象。 感知中眼观这一感知方式是最常见也是最直观的，其次是听觉。人们在没 有直观的视觉感知时，可以通过听觉来产生色彩心理。例如，听到有人说外面 下雪了，大脑立刻能反映出的窗外的颜色，白茫茫的一片，脚踩在雪地上发出 马克思恩格斯全集第4 2 卷北京；人民出版社，1 9 7 9 武汉理j ：人学硕士学位论文 的咔吱咔吱声，听觉一色觉听觉的转换过程，就是联觉现象产生的色彩 心理。早在十九世纪的欧洲，科学家们就已经开始将联觉运用在了心理学与医 学当中。随着神经学的不断发展与研究，科学家开始发现联觉不仅仅与医学方 面想关联，更与艺术方面有很大的关联，二者相互作用，密不可分。因此，把 医学与艺术向结合共同研究，是联觉研究发展的必然趋势，同时也得到了更广 泛的运用空间。 嗅觉有着很浓烈的色彩感，我们通过闻到不同的味道，能很快的识别出色 彩的明度和浓度等。国际上很多顶级品牌都根据这一特性，研究发明了香水。 香水的出现，受到来自世界各地的女性甚至是男性的青睐。我们可以通过闻到 不同味道的香水味来辨别出香水的色彩，同样换句话说，不同色彩的香水散发 出的香味也是不同的。香水的材料大部分都是来源于大自然中植物，水果等的 提取物。例如，从玫瑰花中提取出的香水，色彩一定是大红色，香味也是浓烈 的，给人一种热情、奔放的感情色彩。紫色的香水给人一种高贵典雅，同时带 有点冷艳色彩的味道，如安娜苏的系列香水就汇集了来自各种不同的香味。 设计师们根据不同的色彩寓意，针对不同年龄段的女性和男性设计出的香味， 就是色嗅联觉现象的最好诠释案例( 如图3 2 ) 。 图3 - 2不同香水的色彩图例( 图片来源于网络) 民以食为天，人们的生活离不开食物。其中色彩对于食物和人们味觉的影 响力还是十分大的。例如，红色能够刺激人们的味觉和食欲，诱惑力很大，很 多产品的包装色彩都选择运用红色来引起人们的味觉注意，因此来提高销量。 另外，黄色也是被广泛运用于食品包装设计当中的颜色之一，黄色能使人产生 新鲜的心理，愉悦的成分居多，能让人联想到清新的柠檬、芒果等水果或是类 似口味的食物。所以说不同味道的食物，采用与之相呼应的色彩搭配进行的包 1 2 武汉理t 大学硕十学位论文 装设计，能提高消费者的味觉和色彩心理，以此来促进消费者的购买欲( 如图 3 - 3 ) 。 鼙纛 甜墨 3 2 2 色彩联想 图3 - 3 味千拉面官方网站截图 色彩的联想就是当人的眼睛受到视觉刺激后形成的一种大脑思维活动。当色 彩对人的大脑神经发生刺激时，会使人产生兴奋的心理状态，从而引发对物体 的色彩感觉。通过一系列大脑的想象、分析、判断以及个人的思维定式，形成 的一种创造性的神经思维过程，色彩联想就应运而生。 色彩的联想方式有很多种，其中包括色彩的冷暖对比联想，强弱程度联想， 色彩的厚重与轻薄联想，色彩的明快与忧郁联想，兴奋和安静联想等等。这些 联想方式与人类心理学、色彩学、感性设计等理论研究都是密不可分的。色彩 联想来自于三大方面的感受：主体、色彩属性和创作思维。例如，在一组超市 宣传海报中( 如图3 4 ) ，设计师运用了主体的特性设计出了一组以蔬菜为主题 的形象生动的招贴海报，将色彩联想与主体的形状进行创作性设计，给受众群 体带来一种焕然一新的感觉，让人过目不忘，记忆深刻。 1 3 鞑一 缓缓缓誓11鹾 燃笺一燃耐逑一 啾瞳 谬2 i 孥一蠡鬻，一 武汉理t 大学硕士学位：2 文 t o p o l i n oor a p d l o ? 颤型p m _ - 一_ 一- “ 图3 4超市招贴海报( 图片来源于网络) 人们通过色彩联想可以领悟到大自然的许多真实与永恒，然后通过不断的 色彩的联想与设计，创造出大自然中所不存在的事物，这就是人类所特有的创 造性思维活动。我们要更好的运用人类的这一特性，充分利用色彩联想的强大 力量，创造出人类社会所不能真实存在的美好事物，这样才能引发全民产生共 鸣，从而达到设计的最优目标。 3 2 3 色彩象征与色彩情感 以某种颜色代表的抽象观念称为色彩的象征，这属于色彩的思维范畴。“色 彩的象征意义是当一种色彩与联想到的事物建立起密切的关系，表现出某种特 殊的意义，并且被人们公认及在社会上流传的时候，就形成了这种色彩与某些 事物关联的象征意义。 7 由于身处不同时代、地域、民族、历史、宗教、阶层等 背景中的人们对色彩的联想、需求和体会有别，赋予色彩象征的特定含义及专 有表情也就各富意蕴。总体说来，色彩的象征性因为既是历史积淀的人文现象， 又是社会意识的符号形态。所以，其在一定的文化环境内持有相对稳定的传承 7 潼本孝雄，成同社译色彩心理学北京：科学技术文献出版社，1 9 8 9 5 月第一版 1 4 武汉理工大学硕士学位论文 性质，并在社会行为中起到了标志与传播的双重功用。同时，又是生息在同一 时空氛围中的人们共同遵循的色彩尺度。 色彩的色相、明度、纯度与人的情绪都有关系，它对人的生理起着更直接 的影响，其中以色相和纯度的影响最大。色相对情绪有很大影响。一般来说， 人在暖色调的环境下易兴奋，在冷色调的环境下易安静。暖色调容易让人联想 到火一类热烈的事物，让人情绪振奋；蓝色让人联想到冰冷的事物，人的高涨 的情绪会冷静下来。这是联想使情绪发生的变化。根据现代心理学的研究表明， 色彩就是沟通人们心灵的情感语言，情感是人们认知与行为的“制动器”，而色 彩同样又是情感的语言，并且是一种表达力很强的语言，设计师若能巧妙地运 用色彩感情的规律，充分发挥色彩的作用，就可以唤起人们的积极的情感，引起 人们的兴趣，加深人们的记忆，从而产生人们的色彩心理共鸣。 3 3 情感性色彩的设计原则 3 3 1 色彩体现民族情感 色彩具有共通性，能引起整个人类对色彩的共同情感与色彩心理上的共鸣。 但是由于世界上各个国家的文化背景、地域差异以及文化特色的不同，设计师 在表达色彩的形式与文化特征上各有千秋，发挥着其独到的表达特点。如意大 利喜好浓红色、绿色、茶色、蓝色、浅淡色、鲜艳色，讨厌黑色、紫色及其他 鲜艳色；沙漠地区到处是黄沙一片，那里的人们渴望绿色，所以对绿色特别有 感情，这些国家的国旗基本上都是以绿色为主色调。挪威人喜好红色、蓝色、 绿色、鲜明色。丹麦人喜好红色、白色、蓝色。本章节主要以日本、美国、中 国为主题的网站为例对色彩民族情感加以具体分析。 在日本，随处可见的到处是青山绿水，“青”在日本人审美意识中的重要性。 日语中“青 一词包括从青、绿、蓝至灰。同样“白 也是日本文化推崇的干 净纯净的色彩，受到这一色彩观的影响，日本的许多设计师都热衷于运用体现 自己国家的民族色彩的颜色，如日本动画大师宫崎骏的动画，其作品以崇尚自 然事物，植物生命和崇尚水的清纯无色为主，整个动画电影色彩画面都强烈的 体现出民族色彩感与民族文化。另外一位设计大师原研哉，其色彩风格主要以 白色为主，在他创作的无印良品中，大量的白色、白灰色随处可见，在这些色 1 5 武汉理j ：人学硕+ 学位论文 彩的运用与处理上都深受日本传统民族、民间凶素影响，体现了日本民族色彩 观。在无印良品的网站中( 如图3 5 ) ，采用低纯度的色彩以及白色、黑色为主， 原木的质感是网页色彩中唯一的彩色系，这些色彩的配色无一不体现了原研哉 对自然的崇尚和对日本民族文化的略持。 q 数否活 嚣：冀：淼：詈篙 惫印良品：嚣：；l 然：；簇端测 扩” 0 ，i ) i ) ( i i i7 翻席：。一； 虽一翎： 谬毳m l m 一i ：毒， 锄 。蹙，警 黔爨 竺i 是赣逸f 斟蝴纛；明 图3 5无印良品网站截图 在美国，他们的色彩更加丰富，追求强烈色彩的视觉冲击性，为了渲染气 氛给人带来身临奇境的画面效果。以迪斯尼网站色彩为例，高纯度、高彩度是 主要的配色形式，采用亦真亦幻的魔幻场景画面为背景，从视觉上带给人们一 种很强的视觉冲击力。独一无二的技术塑造出无数多彩的人物角色与蓝色的渐 变背景相融合，制造出不同寻常的视点和富有表现力的视觉态度。网页的整体 布局内容丰富但不凌乱，让用户在打开网页的同时一种愉悦的娱乐态度被激发 出来，从而在色彩情感上引起了用户的共鸣。 1 6 f 疆渤i 盛 叠j 黧爹雪魄一 _ 一。 ，霉 曩穆8 地盗 武汉理：i = 大学硕士学位论文 图3 6迪斯尼网站截图 在中国，传统文化是人类在过去的漫长历史时期的生产、生活等领域逐渐 积累起来的文明成果。沿海地区的传统文化与内陆地区的传统文化有较大的差 异，东方与西方、南方与北方的传统文化也会有较大的区别。中国民间有收藏、 鉴赏传统书画的习俗。国画中的气韵、五色学说、围棋的黑白棋子、书法艺术 等，都是传统文化的智慧源泉。 在以水墨为风格的网页设计中，充分运用中国传统元素水墨画效果、中国 书法韵味，配以明度较低的色彩为背景或作为点缀，加上中国古代墨盒的效果， 尽显古朴、雅致气息，使得整个网站的气氛渲染出浓厚的书法韵味，且增加了 美感。 一嬲瞩 耖荔：3i 秘； 镅摩撩黝椭 魄彗冉黼； = = = = 爨溺e 黧嘲降 囊黧壤辫撬纛嚣擎舞臻嬲缓 旃张荔 辫够鞔辫私翁麓鬻中糍藏蕞 g 学铭带纾7 _ 鳞物芳赣荔 l 档撙钟黝 每嚣释筇彩黪孽移诒辩旃确旃筘嚣甓 船帆妒辔尊一糯l 藉棼该壤串嚣静箨嚣雅藿擎貔耱藏籀鳓熊雌 糟粕妒靠。懂l ll t 襄：j ? 彳麓鏖男镶翰9 蚴藏群