趙翔宇，鐘 陽，高 嵩，薛 冰，孫曉罡，孟思安

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

Flash動畫設(shè)計中的色彩文化探討

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

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

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

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

0 引 言

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

1 Flash動畫設(shè)計中色彩的文化特征

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

1）色彩具有強弱感。高純度色具有強感，有彩色系比無彩色系更具有強感并以紅色為最強，對比度低則具有弱感。

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

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

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

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

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

2 Flash動畫設(shè)計中色彩文化的基本原理

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

2.1 色彩的分類

根據(jù)不同顏色對人心理的影響，顏色可以分為冷、暖兩類色調(diào)。冷色調(diào)，即青色、綠色、紫色等色彩的搭配，可使畫面呈現(xiàn)寧靜、清涼、高雅的氛圍。暖色調(diào)，即紅色、橙色、黃色和赭色等色彩的搭配，可使畫面呈現(xiàn)溫馨、和煦、熱情的氛圍。畫面中的色彩表達一般是用顏色的數(shù)值表示［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 色彩的配置

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

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

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

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

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

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

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

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

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

2.3.1 單色系

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

2.3.2 雙色系

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

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

3 Flash動畫設(shè)計中色彩構(gòu)成及色調(diào)運用規(guī)律

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

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

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

3.2 對比色相構(gòu)成的運用

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

3.3 互補色相構(gòu)成的運用

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

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

4 提高審美，讓色彩在Flash動畫設(shè)計中錦上添花

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

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

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

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

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

5 結(jié) 語

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

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

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

［2］內(nèi)田廣由紀(jì).配色基礎(chǔ)原理［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］金容淑.設(shè)計中的色彩心理學(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é)報：理學(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è)計與實現(xiàn)［J］.吉林大學(xué)學(xué)報：信息科學(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動畫設(shè)計［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—），男，長春人，吉林大學(xué)工程師，主要從事網(wǎng)絡(luò)動畫設(shè)計研究，（Tel）86-13514315816（E-mail）xyzhao＠jlu.edu.cn。

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