Flash動(dòng)畫(huà)設(shè)計(jì)中的色彩文化探討

趙翔宇，鐘 陽(yáng)，高 嵩，薛 冰，孫曉罡，孟思安

（1.吉林大學(xué) 教育技術(shù)中心，長(zhǎng)春 130012；2.吉林省委黨校 信息網(wǎng)絡(luò)管理中心，長(zhǎng)春 130022；3.長(zhǎng)春建筑工程學(xué)院 網(wǎng)絡(luò)信息中心，長(zhǎng)春 130118；4.長(zhǎng)春大學(xué) 光華學(xué)院，長(zhǎng)春 130031）

Flash動(dòng)畫(huà)設(shè)計(jì)中的色彩文化探討

趙翔宇1，鐘 陽(yáng)1，高 嵩1，薛 冰2，孫曉罡3，孟思安4

（1.吉林大學(xué) 教育技術(shù)中心，長(zhǎng)春 130012；2.吉林省委黨校 信息網(wǎng)絡(luò)管理中心，長(zhǎng)春 130022；3.長(zhǎng)春建筑工程學(xué)院 網(wǎng)絡(luò)信息中心，長(zhǎng)春 130118；4.長(zhǎng)春大學(xué) 光華學(xué)院，長(zhǎng)春 130031）

為了利用Flash動(dòng)畫(huà)設(shè)計(jì)中的色彩文化傳達(dá)視覺(jué)信息，以產(chǎn)生強(qiáng)烈的藝術(shù)效果，探討了網(wǎng)絡(luò)課程中Flash動(dòng)畫(huà)的色彩文化的諸多因素及其應(yīng)用法則。通過(guò)其獨(dú)特的色彩語(yǔ)言，把握網(wǎng)絡(luò)課程中Flash動(dòng)畫(huà)的藝術(shù)內(nèi)涵，用以制作出高品質(zhì)動(dòng)態(tài)效果網(wǎng)絡(luò)課程，進(jìn)而提升高校網(wǎng)絡(luò)教學(xué)平臺(tái)的文化品位。

網(wǎng)絡(luò)課程；Flash；色彩文化；色系；審美

0 引 言

色彩是傳達(dá)視覺(jué)信息的一個(gè)重要因素，能給人們帶來(lái)不同的情緒、精神以及行動(dòng)的反映。在Flash動(dòng)畫(huà)設(shè)計(jì)中色彩的運(yùn)用，可根據(jù)網(wǎng)絡(luò)課程內(nèi)容的需要和自己的喜好，采用不同的主色調(diào)。因?yàn)樯首陨砭哂邢笳魈匦?，例如：綠色、紅色、黃色、灰色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標(biāo)志色，例如：醫(yī)療衛(wèi)生的白色、軍警的橄欖綠等。色彩還具有明顯的心理暗示特性，如冷、暖的感覺(jué)，進(jìn)、退的效果等。Flash動(dòng)畫(huà)，在某種程度上說(shuō)，是將一幅幅的畫(huà)面依照需要的形式有機(jī)組合起來(lái)，制作動(dòng)畫(huà)的過(guò)程，也是設(shè)計(jì)每幅畫(huà)面的過(guò)程。充分地運(yùn)用色彩的特性，可以使Flash動(dòng)畫(huà)具有深刻的藝術(shù)內(nèi)涵，進(jìn)一步提升網(wǎng)絡(luò)課程的文化品位。

1 Flash動(dòng)畫(huà)設(shè)計(jì)中色彩的文化特征

掌握色彩文化的特征，在Flash動(dòng)畫(huà)的制作中非常重要。

1）色彩具有強(qiáng)弱感。高純度色具有強(qiáng)感，有彩色系比無(wú)彩色系更具有強(qiáng)感并以紅色為最強(qiáng)，對(duì)比度低則具有弱感。

2）色彩具有軟硬感。色彩的軟硬感與純度、明度有關(guān)。純度越高越具有硬感，而明度較高的含灰色系具有軟感，弱對(duì)比色調(diào)也具有軟感［1］。

3）色彩具有輕重感。色彩的輕重感一般由畫(huà)幅整體的明度決定。高明度基調(diào)的配色具有輕感，低明度基調(diào)的配色具有重感，白色最輕，黑色最重。

4）色彩具有興奮感與沉靜感。這與純度、明度、色相都有關(guān)，其中純度的作用最為明顯。因此，暖色系中明度最高，同時(shí)純度也最高的色調(diào)興奮感強(qiáng)，冷色系中明度低而純度低的色調(diào)最有沉靜感。強(qiáng)對(duì)比的色調(diào)具有興奮感，弱對(duì)比的色調(diào)具有沉靜感。

5）色彩具有明快感和憂郁感。色彩的明度高而艷麗的具有明快感，低明基調(diào)的配色容易產(chǎn)生憂郁感，強(qiáng)對(duì)比色調(diào)具有明快感，弱對(duì)比色調(diào)具有憂郁感。

6）色彩具有華麗感與樸素感。凡是鮮艷而明亮的色調(diào)具有華麗感，凡是渾濁而深暗的色調(diào)具有樸素感；運(yùn)用色相對(duì)比的配色具有華麗感，其中補(bǔ)色最為華麗；弱對(duì)比色調(diào)具有樸素感。

2 Flash動(dòng)畫(huà)設(shè)計(jì)中色彩文化的基本原理

研究色彩文化的基本原理，對(duì)Flash動(dòng)畫(huà)中色彩的設(shè)計(jì)和應(yīng)用具有十分重要的意義。

2.1 色彩的分類

根據(jù)不同顏色對(duì)人心理的影響，顏色可以分為冷、暖兩類色調(diào)。冷色調(diào)，即青色、綠色、紫色等色彩的搭配，可使畫(huà)面呈現(xiàn)寧?kù)o、清涼、高雅的氛圍。暖色調(diào)，即紅色、橙色、黃色和赭色等色彩的搭配，可使畫(huà)面呈現(xiàn)溫馨、和煦、熱情的氛圍。畫(huà)面中的色彩表達(dá)一般是用顏色的數(shù)值表示［2］。例如（打開(kāi)PS的拾色器）：藍(lán)色是（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 色彩的配置

色彩搭配可以表達(dá)人的心情和喜好，也可以暴露人對(duì)顏色的駕馭程度。不同的顏色會(huì)給瀏覽者心理不同的感受。每種色彩在飽和度、對(duì)比度和透明度的略微變化都會(huì)產(chǎn)生不同的感覺(jué)。色彩選擇的基本原則如下。

1）要求明快、簡(jiǎn)潔和醒目時(shí)，應(yīng)該選擇相對(duì)淺的色彩以及亮度較大的色彩襯托，同時(shí)要考慮到顏色的和諧。如畫(huà)面中背景與文字的關(guān)系等，如淡綠色背景襯托深咖啡色、黑色文字；淡紅色背景襯托紫紅色、黑色文字等。當(dāng)然，也可以用深色背景襯托淺色文字，但最好不用黑底白字（對(duì)比反差太強(qiáng)烈）。

2）色塊的大小會(huì)令色彩的搭配有一種生動(dòng)效果，但應(yīng)考慮色調(diào)的和諧，不要使用亮度相同的色彩搭配，也不要過(guò)多使用純度很高的顏色［3］。

3）在色調(diào)和諧的基礎(chǔ)上應(yīng)考慮對(duì)比度。例如純度的對(duì)比、色相的對(duì)比以及亮度、形狀的對(duì)比等。

4）要求華麗富貴時(shí)，應(yīng)選擇亮度較大、色調(diào)對(duì)比度較大、飽和度較高以及純度較高的色彩搭配。

5）要求莊重、平靜時(shí)，可選擇稍深的顏色，但不能用幾種亮度相同的深色搭配在一起。

6）非彩色的搭配：黑白是最基本最清晰明了的搭配；灰色是萬(wàn)能色，可以和任何彩色搭配，也可以幫助兩種對(duì)立的色彩和諧過(guò)渡。如果找不出合適的色彩，則可用灰色過(guò)度，效果不會(huì)太差。

2.3 顏色的選擇和色系的使用

采用同一個(gè)色系感覺(jué)比較協(xié)調(diào)，所以用一個(gè)色系的網(wǎng)站比較多。色系的使用有單色系和雙色系兩種情況。

2.3.1 單色系

這里指先選定一種色彩，然后調(diào)整透明度或飽和度，產(chǎn)生新的色彩，這樣的頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感。如，亮粉紅色、奶油色，這些色令人覺(jué)得可愛(ài)、天真、漂亮；原色、黃色、橙色、藍(lán)色、綠色，這些色系令人覺(jué)得輕松、快活、舒爽；紅色系，令人覺(jué)得強(qiáng)烈、大膽；米色系，令人覺(jué)得溫柔、樸素；嫩草色，令人覺(jué)得淡雅、爽快、自然；玫瑰色、淡紫色令人覺(jué)得雅致、優(yōu)美；淡藍(lán)色系令人覺(jué)得樸素、爽快、清澈；灰色沉著、典雅等。

2.3.2 雙色系

即先選定一種色彩，然后選擇其對(duì)比色。對(duì)比色的選擇最好不用相鄰的色彩，因?yàn)檫x擇對(duì)比色是為了區(qū)分或突出對(duì)方，而相鄰色彩缺乏這樣的效果［4］。通過(guò)合理使用對(duì)比色能使Flash動(dòng)畫(huà)特色鮮明、重點(diǎn)突出。在設(shè)計(jì)時(shí)一般以一種顏色為主色調(diào)，對(duì)比色作為點(diǎn)綴，可以起到畫(huà)龍點(diǎn)睛的作用。但需避免大面積、強(qiáng)對(duì)比色的連續(xù)使用。例如：國(guó)家級(jí)精品課程《婦產(chǎn)科護(hù)理學(xué)》中的輸卵管壺腹部妊娠部分的動(dòng)畫(huà)（http：／／trp.jlu.edu.cn／ncgo／＿private／video／輸卵管壺腹部妊娠.swf）中，使用淺藍(lán)色的漸變色作為背景，而整個(gè)前景（要突出的動(dòng)畫(huà)部分）則以肉色及其相近色與之對(duì)比，整個(gè)動(dòng)畫(huà)由2個(gè)色系組成，從而突出主體，清晰地將前景和背景分開(kāi)，一目了然，使用者可以迅速了解動(dòng)畫(huà)的內(nèi)容。

色彩可以使頁(yè)面更加生動(dòng)，而色彩的搭配是多渠道的，很難說(shuō)清用單色好還是多色好，單色有單色的好處與用途，多色也有多色的優(yōu)勢(shì)和風(fēng)格，這要看用在什么場(chǎng)合，怎樣切合應(yīng)用主題。

3 Flash動(dòng)畫(huà)設(shè)計(jì)中色彩構(gòu)成及色調(diào)運(yùn)用規(guī)律

色彩構(gòu)成是3大基本構(gòu)成的一種，在構(gòu)成設(shè)計(jì)中起著十分重要的作用。在制作過(guò)程中構(gòu)成元素的運(yùn)用是否合理，不同要素之間是否按一定規(guī)律組合，將直接地影響到作品畫(huà)面最終的質(zhì)量。在某種程度上可以說(shuō)，動(dòng)畫(huà)是將多幅畫(huà)面依照需要的形式有機(jī)地組合起來(lái)，制作動(dòng)畫(huà)的過(guò)程，也是設(shè)計(jì)每幅畫(huà)面的過(guò)程。

3.1 同一色相構(gòu)成的運(yùn)用

在動(dòng)畫(huà)中同一色對(duì)比的運(yùn)用一般較少，因?yàn)橥簧际巧h(huán)上距離角度在5°以內(nèi)的顏色，色相之間差別很小。一般動(dòng)畫(huà)中同一色對(duì)比都是在特定的統(tǒng)一環(huán)境下運(yùn)用的［5］。例如，《婦產(chǎn)科護(hù)理學(xué)》的片頭Flash動(dòng)畫(huà)（http：／／trp.jlu.edu.cn／ncgo／），以淺藍(lán)色（R；96G：165B：220）為主要色相，整體背景色相近的顏色為主基調(diào)，使整體視覺(jué)給人以干凈、簡(jiǎn)潔和明亮的感覺(jué)。所以色彩間色相不需要有太大的差別，只能在明度及純度方面進(jìn)行調(diào)整變化。幾種色調(diào)之間也應(yīng)有主有次，并和諧統(tǒng)一于整體色調(diào)之中。主調(diào)決定了全局的總色調(diào)與輔調(diào)相對(duì)比又相襯托，相互影響又相互滲透。既有局部的細(xì)微變化又統(tǒng)一于整體色調(diào)之中。

3.2 對(duì)比色相構(gòu)成的運(yùn)用

色相環(huán)上色相之間的距離角度在100°以外的色相為對(duì)比色相，諸如這樣的色相對(duì)比有紅與藍(lán)、紅與黃、藍(lán)與黃、紅黃藍(lán)、橙與綠、綠與紫、橙與紫和橙綠紫等［5］。這樣的對(duì)比既不像同一色對(duì)比那樣色彩貧乏，又不像互補(bǔ)色對(duì)比那樣色彩強(qiáng)烈，屬于中性對(duì)比。在Flash動(dòng)畫(huà)中對(duì)比色的運(yùn)用相對(duì)頻繁。同樣，在《婦產(chǎn)科護(hù)理學(xué)》的片頭Flash動(dòng)畫(huà)（http：／／trp.jlu.edu.cn／ncgo／）中，前景文字部分以草綠色（R：149G：246 B：2）與背景色形成鮮明對(duì)比，使整體畫(huà)幅一目了然、突出主體。把握“大調(diào)和，小對(duì)比”這一重要原則，即總體的色調(diào)應(yīng)該是統(tǒng)一和諧的，局部的地方可以有些小的強(qiáng)烈對(duì)比。

3.3 互補(bǔ)色相構(gòu)成的運(yùn)用

假如兩種色光（單色光或復(fù)色光）以適當(dāng)比例混合而產(chǎn)生白色感覺(jué)時(shí)，則這兩種顏色就稱為“互為補(bǔ)色”。如，波長(zhǎng)為656nm的紅色光和492nm的青色光為互為補(bǔ)色光；又如，品紅與綠、黃與藍(lán)、亦即3原色中任—種原色對(duì)其余兩種的混合色光都互為補(bǔ)色。補(bǔ)色相減 （如顏料配色時(shí)，將兩種補(bǔ)色顏料涂在白紙的同一點(diǎn)上）時(shí)，就成為黑色。補(bǔ)色并列時(shí)，會(huì)引起強(qiáng)烈對(duì)比的色覺(jué)，感到紅的更紅、綠的更綠。如將補(bǔ)色的飽和度減弱，即能趨向調(diào)和［4］。

不過(guò)在兩種顏色互為補(bǔ)色且一種顏色占的面積遠(yuǎn)大于另一種顏色面積時(shí)，可增強(qiáng)畫(huà)面的對(duì)比，使畫(huà)面很顯眼。補(bǔ)色的運(yùn)用自然是為了畫(huà)面的效果所服務(wù)的，如，在《婦產(chǎn)科護(hù)理學(xué)》的片頭Flash動(dòng)畫(huà)（http：／／trp.jlu.edu.cn／ncgo／）中，設(shè)計(jì)者運(yùn)用了控制色彩面積的方法進(jìn)行調(diào)和，雖然是較高純度的黃色和藍(lán)色，但由于縮小了其中黃色的面積，兩者面積相差懸殊，結(jié)果使兩色的對(duì)比效果削弱了許多，得到平穩(wěn)的畫(huà)面效果。整個(gè)畫(huà)面的整體效果很和諧舒服，這就是補(bǔ)色運(yùn)用所帶來(lái)的最直接效用。

4 提高審美，讓色彩在Flash動(dòng)畫(huà)設(shè)計(jì)中錦上添花

網(wǎng)絡(luò)動(dòng)畫(huà)的審美與傳統(tǒng)的藝術(shù)上的審美有著明顯的區(qū)別，因?yàn)橐话愕乃囆g(shù)上的美是只要符合人們的欣賞習(xí)慣，能在欣賞者的心里產(chǎn)生共鳴就是美的；而網(wǎng)絡(luò)動(dòng)畫(huà)設(shè)計(jì)上的審美卻要受到很多限制，當(dāng)然它也有優(yōu)于傳統(tǒng)藝術(shù)的地方，最明顯的就是它的交互性，并且在設(shè)計(jì)中能融合文字、圖片、聲音和動(dòng)畫(huà)于一身，這是傳統(tǒng)藝術(shù)所達(dá)不到的［6］。

網(wǎng)絡(luò)動(dòng)畫(huà)設(shè)計(jì)中美的標(biāo)準(zhǔn)如下。

1）簡(jiǎn)潔實(shí)用。畫(huà)面做得越適用，就越顯示出其功能美，這是非常重要的。盡量滿足使用者的要求，以最方便、最高效率的方式將用戶所要想得到的信息傳送給用戶就是最好的。

2）突出動(dòng)畫(huà)設(shè)計(jì)的主體。一個(gè)符合美的網(wǎng)絡(luò)動(dòng)畫(huà)總是有許多共同之處：和諧的色彩匹配，相適應(yīng)的對(duì)比，生動(dòng)或單純的背景映襯，布局符合形式美的要求，不同元素之間留有足夠空間，給人視覺(jué)上休息的機(jī)會(huì)等［7］。

3）交互性強(qiáng)。發(fā)揮網(wǎng)絡(luò)的優(yōu)勢(shì)，使每個(gè)使用者都參與到其中，這樣的頁(yè)面才算真正美的設(shè)計(jì)。網(wǎng)絡(luò)課程突出的教學(xué)特征是提升其交互式信息的最有效的保證［8］。

5 結(jié) 語(yǔ)

從以上幾點(diǎn)來(lái)看，掌握一些Flash動(dòng)畫(huà)設(shè)計(jì)中色彩文化的運(yùn)用規(guī)律和技巧，對(duì)準(zhǔn)確、鮮明、生動(dòng)、自然地展示對(duì)象及其色彩的特征是非常必要的。它將指引設(shè)計(jì)者們通過(guò)對(duì)色彩的精準(zhǔn)運(yùn)用而制作出品質(zhì)更高的動(dòng)態(tài)效果網(wǎng)絡(luò)課程，從而使高校網(wǎng)絡(luò)教學(xué)平臺(tái)的文化品位得以提升。

［1］保羅·芝蘭斯基.色彩概論［M］.上海：上海人民美術(shù)出版社，2004.

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

［2］內(nèi)田廣由紀(jì).配色基礎(chǔ)原理［M］.北京：中國(guó)青年出版社，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］金容淑.設(shè)計(jì)中的色彩心理學(xué)［M］.北京：人民郵電出版社，2011.

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

［6］黃春飛.網(wǎng)絡(luò)教育資源管理系統(tǒng)［J］.吉林大學(xué)學(xué)報(bào)：理學(xué)版，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 網(wǎng)絡(luò)的多媒體信息傳輸設(shè)計(jì)與實(shí)現(xiàn)［J］.吉林大學(xué)學(xué)報(bào)：信息科學(xué)版，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動(dòng)畫(huà)設(shè)計(jì)［M］.北京：中國(guó)鐵道出版社，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—），男，長(zhǎng)春人，吉林大學(xué)工程師，主要從事網(wǎng)絡(luò)動(dòng)畫(huà)設(shè)計(jì)研究，（Tel）86-13514315816（E-mail）xyzhao＠jlu.edu.cn。

（責(zé)任編輯：劉俏亮）