Flash动画设计中的色彩文化探讨

赵翔宇，钟 阳，高 嵩，薛 冰，孙晓罡，孟思安

（1.吉林大学 教育技术中心，长春 130012；2.吉林省委党校 信息网络管理中心，长春 130022；3.长春建筑工程学院 网络信息中心，长春 130118；4.长春大学 光华学院，长春 130031）

Flash动画设计中的色彩文化探讨

赵翔宇1，钟 阳1，高 嵩1，薛 冰2，孙晓罡3，孟思安4

（1.吉林大学 教育技术中心，长春 130012；2.吉林省委党校 信息网络管理中心，长春 130022；3.长春建筑工程学院 网络信息中心，长春 130118；4.长春大学 光华学院，长春 130031）

为了利用Flash动画设计中的色彩文化传达视觉信息，以产生强烈的艺术效果，探讨了网络课程中Flash动画的色彩文化的诸多因素及其应用法则。通过其独特的色彩语言，把握网络课程中Flash动画的艺术内涵，用以制作出高品质动态效果网络课程，进而提升高校网络教学平台的文化品位。

网络课程；Flash；色彩文化；色系；审美

0 引 言

色彩是传达视觉信息的一个重要因素，能给人们带来不同的情绪、精神以及行动的反映。在Flash动画设计中色彩的运用，可根据网络课程内容的需要和自己的喜好，采用不同的主色调。因为色彩自身具有象征特性，例如：绿色、红色、黄色、灰色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：医疗卫生的白色、军警的橄榄绿等。色彩还具有明显的心理暗示特性，如冷、暖的感觉，进、退的效果等。Flash动画，在某种程度上说，是将一幅幅的画面依照需要的形式有机组合起来，制作动画的过程，也是设计每幅画面的过程。充分地运用色彩的特性，可以使Flash动画具有深刻的艺术内涵，进一步提升网络课程的文化品位。

1 Flash动画设计中色彩的文化特征

掌握色彩文化的特征，在Flash动画的制作中非常重要。

1）色彩具有强弱感。高纯度色具有强感，有彩色系比无彩色系更具有强感并以红色为最强，对比度低则具有弱感。

2）色彩具有软硬感。色彩的软硬感与纯度、明度有关。纯度越高越具有硬感，而明度较高的含灰色系具有软感，弱对比色调也具有软感［1］。

3）色彩具有轻重感。色彩的轻重感一般由画幅整体的明度决定。高明度基调的配色具有轻感，低明度基调的配色具有重感，白色最轻，黑色最重。

4）色彩具有兴奋感与沉静感。这与纯度、明度、色相都有关，其中纯度的作用最为明显。因此，暖色系中明度最高，同时纯度也最高的色调兴奋感强，冷色系中明度低而纯度低的色调最有沉静感。强对比的色调具有兴奋感，弱对比的色调具有沉静感。

5）色彩具有明快感和忧郁感。色彩的明度高而艳丽的具有明快感，低明基调的配色容易产生忧郁感，强对比色调具有明快感，弱对比色调具有忧郁感。

6）色彩具有华丽感与朴素感。凡是鲜艳而明亮的色调具有华丽感，凡是浑浊而深暗的色调具有朴素感；运用色相对比的配色具有华丽感，其中补色最为华丽；弱对比色调具有朴素感。

2 Flash动画设计中色彩文化的基本原理

研究色彩文化的基本原理，对Flash动画中色彩的设计和应用具有十分重要的意义。

2.1 色彩的分类

根据不同颜色对人心理的影响，颜色可以分为冷、暖两类色调。冷色调，即青色、绿色、紫色等色彩的搭配，可使画面呈现宁静、清凉、高雅的氛围。暖色调，即红色、橙色、黄色和赭色等色彩的搭配，可使画面呈现温馨、和煦、热情的氛围。画面中的色彩表达一般是用颜色的数值表示［2］。例如（打开PS的拾色器）：蓝色是（0，0，255）（0000FF）；绿色是（0，255，0）（00FF00）；红色是（255，0，0）（FF0000）；黄色是（255，255，0）（FFFF00）；白色为（255，255，255）（FFFFFF）；黑色为（0，0，0）（000000）等［2］。

2.2 色彩的配置

色彩搭配可以表达人的心情和喜好，也可以暴露人对颜色的驾驭程度。不同的颜色会给浏览者心理不同的感受。每种色彩在饱和度、对比度和透明度的略微变化都会产生不同的感觉。色彩选择的基本原则如下。

1）要求明快、简洁和醒目时，应该选择相对浅的色彩以及亮度较大的色彩衬托，同时要考虑到颜色的和谐。如画面中背景与文字的关系等，如淡绿色背景衬托深咖啡色、黑色文字；淡红色背景衬托紫红色、黑色文字等。当然，也可以用深色背景衬托浅色文字，但最好不用黑底白字（对比反差太强烈）。

2）色块的大小会令色彩的搭配有一种生动效果，但应考虑色调的和谐，不要使用亮度相同的色彩搭配，也不要过多使用纯度很高的颜色［3］。

3）在色调和谐的基础上应考虑对比度。例如纯度的对比、色相的对比以及亮度、形状的对比等。

4）要求华丽富贵时，应选择亮度较大、色调对比度较大、饱和度较高以及纯度较高的色彩搭配。

5）要求庄重、平静时，可选择稍深的颜色，但不能用几种亮度相同的深色搭配在一起。

6）非彩色的搭配：黑白是最基本最清晰明了的搭配；灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。如果找不出合适的色彩，则可用灰色过度，效果不会太差。

2.3 颜色的选择和色系的使用

采用同一个色系感觉比较协调，所以用一个色系的网站比较多。色系的使用有单色系和双色系两种情况。

2.3.1 单色系

这里指先选定一种色彩，然后调整透明度或饱和度，产生新的色彩，这样的页面看起来色彩统一，有层次感。如，亮粉红色、奶油色，这些色令人觉得可爱、天真、漂亮；原色、黄色、橙色、蓝色、绿色，这些色系令人觉得轻松、快活、舒爽；红色系，令人觉得强烈、大胆；米色系，令人觉得温柔、朴素；嫩草色，令人觉得淡雅、爽快、自然；玫瑰色、淡紫色令人觉得雅致、优美；淡蓝色系令人觉得朴素、爽快、清澈；灰色沉着、典雅等。

2.3.2 双色系

即先选定一种色彩，然后选择其对比色。对比色的选择最好不用相邻的色彩，因为选择对比色是为了区分或突出对方，而相邻色彩缺乏这样的效果［4］。通过合理使用对比色能使Flash动画特色鲜明、重点突出。在设计时一般以一种颜色为主色调，对比色作为点缀，可以起到画龙点睛的作用。但需避免大面积、强对比色的连续使用。例如：国家级精品课程《妇产科护理学》中的输卵管壶腹部妊娠部分的动画（http：／／trp.jlu.edu.cn／ncgo／＿private／video／输卵管壶腹部妊娠.swf）中，使用浅蓝色的渐变色作为背景，而整个前景（要突出的动画部分）则以肉色及其相近色与之对比，整个动画由2个色系组成，从而突出主体，清晰地将前景和背景分开，一目了然，使用者可以迅速了解动画的内容。

色彩可以使页面更加生动，而色彩的搭配是多渠道的，很难说清用单色好还是多色好，单色有单色的好处与用途，多色也有多色的优势和风格，这要看用在什么场合，怎样切合应用主题。

3 Flash动画设计中色彩构成及色调运用规律

色彩构成是3大基本构成的一种，在构成设计中起着十分重要的作用。在制作过程中构成元素的运用是否合理，不同要素之间是否按一定规律组合，将直接地影响到作品画面最终的质量。在某种程度上可以说，动画是将多幅画面依照需要的形式有机地组合起来，制作动画的过程，也是设计每幅画面的过程。

3.1 同一色相构成的运用

在动画中同一色对比的运用一般较少，因为同一色都是色环上距离角度在5°以内的颜色，色相之间差别很小。一般动画中同一色对比都是在特定的统一环境下运用的［5］。例如，《妇产科护理学》的片头Flash动画（http：／／trp.jlu.edu.cn／ncgo／），以浅蓝色（R；96G：165B：220）为主要色相，整体背景色相近的颜色为主基调，使整体视觉给人以干净、简洁和明亮的感觉。所以色彩间色相不需要有太大的差别，只能在明度及纯度方面进行调整变化。几种色调之间也应有主有次，并和谐统一于整体色调之中。主调决定了全局的总色调与辅调相对比又相衬托，相互影响又相互渗透。既有局部的细微变化又统一于整体色调之中。

3.2 对比色相构成的运用

色相环上色相之间的距离角度在100°以外的色相为对比色相，诸如这样的色相对比有红与蓝、红与黄、蓝与黄、红黄蓝、橙与绿、绿与紫、橙与紫和橙绿紫等［5］。这样的对比既不像同一色对比那样色彩贫乏，又不像互补色对比那样色彩强烈，属于中性对比。在Flash动画中对比色的运用相对频繁。同样，在《妇产科护理学》的片头Flash动画（http：／／trp.jlu.edu.cn／ncgo／）中，前景文字部分以草绿色（R：149G：246 B：2）与背景色形成鲜明对比，使整体画幅一目了然、突出主体。把握“大调和，小对比”这一重要原则，即总体的色调应该是统一和谐的，局部的地方可以有些小的强烈对比。

3.3 互补色相构成的运用

假如两种色光（单色光或复色光）以适当比例混合而产生白色感觉时，则这两种颜色就称为“互为补色”。如，波长为656nm的红色光和492nm的青色光为互为补色光；又如，品红与绿、黄与蓝、亦即3原色中任—种原色对其余两种的混合色光都互为补色。补色相减 （如颜料配色时，将两种补色颜料涂在白纸的同一点上）时，就成为黑色。补色并列时，会引起强烈对比的色觉，感到红的更红、绿的更绿。如将补色的饱和度减弱，即能趋向调和［4］。

不过在两种颜色互为补色且一种颜色占的面积远大于另一种颜色面积时，可增强画面的对比，使画面很显眼。补色的运用自然是为了画面的效果所服务的，如，在《妇产科护理学》的片头Flash动画（http：／／trp.jlu.edu.cn／ncgo／）中，设计者运用了控制色彩面积的方法进行调和，虽然是较高纯度的黄色和蓝色，但由于缩小了其中黄色的面积，两者面积相差悬殊，结果使两色的对比效果削弱了许多，得到平稳的画面效果。整个画面的整体效果很和谐舒服，这就是补色运用所带来的最直接效用。

4 提高审美，让色彩在Flash动画设计中锦上添花

网络动画的审美与传统的艺术上的审美有着明显的区别，因为一般的艺术上的美是只要符合人们的欣赏习惯，能在欣赏者的心里产生共鸣就是美的；而网络动画设计上的审美却要受到很多限制，当然它也有优于传统艺术的地方，最明显的就是它的交互性，并且在设计中能融合文字、图片、声音和动画于一身，这是传统艺术所达不到的［6］。

网络动画设计中美的标准如下。

1）简洁实用。画面做得越适用，就越显示出其功能美，这是非常重要的。尽量满足使用者的要求，以最方便、最高效率的方式将用户所要想得到的信息传送给用户就是最好的。

2）突出动画设计的主体。一个符合美的网络动画总是有许多共同之处：和谐的色彩匹配，相适应的对比，生动或单纯的背景映衬，布局符合形式美的要求，不同元素之间留有足够空间，给人视觉上休息的机会等［7］。

3）交互性强。发挥网络的优势，使每个使用者都参与到其中，这样的页面才算真正美的设计。网络课程突出的教学特征是提升其交互式信息的最有效的保证［8］。

5 结 语

从以上几点来看，掌握一些Flash动画设计中色彩文化的运用规律和技巧，对准确、鲜明、生动、自然地展示对象及其色彩的特征是非常必要的。它将指引设计者们通过对色彩的精准运用而制作出品质更高的动态效果网络课程，从而使高校网络教学平台的文化品位得以提升。

［1］保罗·芝兰斯基.色彩概论［M］.上海：上海人民美术出版社，2004.

PAUL LANSKY.Introduction to Color［M］.Shanghai：Shanghai People's Fine Arts Press，2004.

［2］内田广由纪.配色基础原理［M］.北京：中国青年出版社，2007.

YUKI UCHIDA WIDE.Basic Principles of Color［M］.Beijing：China Youth Press，2007.

［3］NITA LELAND.An Artist's Guide to Harmony，Contrast and Unity［M］.［S.l.］：North Light Books，2008.

［4］金容淑.设计中的色彩心理学［M］.北京：人民邮电出版社，2011.

KIM YONG-SUK.Color Psychology in Design［M］.Beijing：People's Posts ＆ Telecom Press，2011.

［6］黄春飞.网络教育资源管理系统［J］.吉林大学学报：理学版，2006，44（6）：237-240.

HUANG Chun-fei.Resource Management System of Online Education［J］.Journal of Jilin University：Science Edition，2006，44（6）：237-240.

［7］陈维.基于 MOST 网络的多媒体信息传输设计与实现［J］.吉林大学学报：信息科学版，2010，28（2）：141-146.

CHEN Wei.Based on the MOST Network Design and Implementation of Multimedia Messaging［J］.Journal of Jilin University：Information Science Edition，2010，28（2）：141-146.

［8］赵巧.Flash动画设计［M］.北京：中国铁道出版社，2010.

ZHAO Qiao.Design of Flash Animation［M］.Beijing：China Railway Press，2010.

Color Culture in Design of Flash Animation

ZHAO Xiang－yu1，ZHONG Yang1，GAO Song1，XUE Bing2，SUN Xiao-gang3，MENG Si-an4
（1.Center of Educational Technology，Jilin University，Changchun 130012，China；2.Center of Network Management，Jilin Provincial Party School，Changchun 130022，China；3.Center of Educational Technology，Jilin Architectural and Civil Engineering Institute，Changchun 130118，China；4.Guanghua College，Changchun University，Changchun 130031，China）

The culture of color in the Flash animation is a important factor of seeing communication infomation.It can bring very strong artistic effect.This text discussed many factors and applied principle of the colors culture of the network course in the network.Using characteristic colors language，we can hold on artistic content of network course，create dynamic effects of high-quality in network courses，and upgrade consequently the culture quality of network teaching platform for universities.

online course；Flash；color culture；color；aesthetic

TP37

A

1671-5896（2012）01-0100-04

2011-09-26

赵翔宇（1976—），男，长春人，吉林大学工程师，主要从事网络动画设计研究，（Tel）86-13514315816（E-mail）xyzhao＠jlu.edu.cn。

（责任编辑：刘俏亮）