多媒體頁面色彩設計的探討與分析

李克臣 高勇 李鵬飛

(信息工程大學,河南鄭州 455001)

多媒體頁面色彩設計的探討與分析

李克臣 高勇 李鵬飛

(信息工程大學,河南鄭州 455001)

色彩作為多媒體設計中的重要視覺元素，是調適受眾視覺心理、吸引受眾注意的重要手段。依據多媒體色彩設計中存在的問題進行分析，探討色彩要素的情感規律，色彩的視覺效果和視覺形式相一致的表現方法，并強調多媒體設計的個性創造和審美意識，為多媒體的頁面色彩設計提供理論支持。

多媒體；色彩屬性；色彩設計

雖然多媒體色彩設計和其他介質的色彩設計在美學原則上是相同的，但多媒體是在一種特定的環境下，即高效率、快節奏的現代生活方式下存在著，這就需要我們進行多媒體色彩設計時能正確把握人們使用多媒體的心理需求。再者，多媒體往往是各式各樣的，不同內容的多媒體應有不同的色彩表現。因此，通過多媒體進行的信息視覺傳達，設計者必須做到有針對性地用色，使其色彩的視覺效果、特殊的視覺形式和性能相一致，才能使色彩真正地發揮最佳的視覺效果，合理地使用色彩來體現多媒體的特色。

1 色彩的心理感應

色彩的心理感應是光線對人視覺作用的結果，色彩本身沒啥“感情”。然而，在我們的生活中色彩留給人們的刺激卻無時不在，對人的心理、情感的影響無法避免。不同的色彩對人有不同的心理暗示，比如冷暖，大小，輕重，遠近，明暗，強弱，脹縮等。

1.1 前進色與后退色

大量事實證明，生活中不同的色相給人的視覺感是不同的，有的顏色看起來向上凸出，有的顏色看起來向下凹陷，其中顯得凸出的顏色被稱為前進色，而顯得凹陷的顏色被稱為后退色。前進色如紅色、橙色和黃色等，為高彩度的暖色；而后退色包括藍色和藍紫色等，為低彩度的冷色。

前進色和后退色的色彩效果在眾多領域廣泛應用。例如，廣告牌就大多使用紅色、橙色和黃色前進色，這是因為這些顏色不僅醒目，而且有凸出的效果，從遠處就能看到。比如，在同一個地方立兩塊廣告牌，一塊為紅色，一塊為藍色。從遠處看紅色的那塊要顯得近一些，而藍色則顯得遠。在多媒體設計中也是如此，正確使用前進色以突出主題效果，把需要強調的重點部分用紅色或者黃色的大字顯示，會產生一種吸引眼球的效果，對提升課堂教學效果有著積極的意義。

1.2 色彩的冷暖感

不同的色性對人的心理和生理反應不同，并與人們的年齡、性別、經歷、民族及所處環境有關。因此，色彩冷暖的設計應當充分考慮不同色性的表現規律，依據教學內容、對象的不同，正確選用色彩，使色彩更好地適應觀者，滿足其心理需求。

色彩的冷暖是色相的差別對比產生的。有紅、橙、黃傾向的顏色為暖色，易于聯想到太陽、火焰等，產生溫暖之感，常用于歡慶及政治類題材的多媒體頁面用色，比如：感動中國十大人物評選網頁，中國共產黨黨史多媒體教材等；而青、藍有冷色傾向，容易使人聯想倒天空、大海等，有清涼之感，易用于環保，科技項目的企劃等多媒體的用色。

1.3 色彩的輕重與距離感

色彩的距離與輕重感由彩色的明度所產生。通常情況下顏色的明度越高其色彩感覺越輕，白色最輕；色相的明度越低，色彩感覺重，黑色最重。明度相同時，純度高者色彩感輕。對色彩的認識，成年人對彩明度、純度低的色彩比較喜歡，給人成熟理性之感；而青年人更喜歡色彩的明度、純度比較高的顏色，有輕快活潑之感。

人們在生活中發現，在同一個頁面上的不同色彩，有的顯得突出，有的顯得隱退。這種突出與隱退感由明度和色相來決定，通常是暖色近，冷色遠；明色近，暗色遠；純色近，灰色遠；鮮明色近，模糊色遠；對比強烈的色近，對比微弱的色遠。強烈、清晰的暖色利于突出主題：模糊、灰暗的冷色可襯托主題。

1.4 色彩的絢麗與質樸感

純度和明度較高的亮色，如大紅、橙黃、米黃等都具有較強的絢麗感，而純度和明度較低的沉著色，如天藍、墨綠等卻顯得素雅質樸。設計中采用那種色彩風格應依據內容而定，比如文藝晚會、慶功會等，用色的純度、明度要高，給人絢麗之感；科技成果項目的展示則以藍、綠、灰為宜。同時色相的多少也會產生不同的效果，色相多顯得絢麗華美，色相少顯得質樸素雅。色彩的配置技巧運用得好，不但使多媒體頁面更具魅力，主題的典型特征更為突出，而且對擴大和促進多媒體的使用效果將產生積極的影響。

2 色彩的對比關系

在十二色相環中，兩個相互對頂的色彩叫對比色，其色相、明度差異很大，這種強烈的對比，能夠讓人產生鮮明、強烈的對比感覺。大量的實踐證明，只有恰到好處的色彩對比關系，才能更加彰顯色彩的表現力，才能使多媒體頁面有華而不浮、艷而不俗、協調和諧的美感。

2.1 色相對比

色相對比是兩種或多種色彩并置時，因色相不同而造成的色彩偏移現象，是設計用色上兩種性質不同的顏色同時巧妙地出現在同一界面中而產生的視角效果。比如，深紅色底圖襯托淺黃色文字，深藍色底圖襯托白色文字或在咖啡色的色塊中使用淡黃或白色的圖案線條，表現出明快、簡潔、溫和、素雅等視覺效果。因此，好的色相對比關系，既有鮮明的視覺效果，又利于強化主題的表現。

2.2 明度對比

明度對比是指色彩明暗程度不同而形成的對比，包括同色相和不同色相的明度對比。明度對比可給人一種明快感，對比越強烈，視覺效果越明顯，相反，對比越弱，視覺效果越模糊。因此，色彩設計應圍繞教學內容主題的不同，進行反復比較，精心配置。通常情況下明度的對比運用，往往是主色的深色與少量的淺色進行調和搭配，反過來，也有主色淺色與局部深色進行搭配。這樣，才會使畫面呈現溫馨、和煦、熱情的氛圍和寧靜、清涼、高雅的感覺，給人以美感，愉悅人們的心情。

2.3 純度對比

純度對比是指不同純度色彩之間的對比。頁面構成中，各種色彩純度上的高與低、強與弱的差別，不僅強化了視覺效果更利于主題思想的呈現。因此，在設計色彩的過程中，如果不用心把握色彩間純度的對比關系，也就無法設計出令人贊嘆的多媒體頁面。為什么文藝類常采用一些高純度色調風格，因為高純度色彩比較鮮艷奪目，讓人心情愉快，并具有活潑、強列的特點；一般哲學、理工類多媒體用色喜歡采用低純度色調，因為低純度色調含有一定灰色成分，能給人以平穩、含蓄的感覺，并具有條理、秩序、深奧等特點。

2.4 冷暖對比

冷暖對比是指不同色彩之間的冷暖差別，色彩的冷暖是相對的，是由對比產生的。有時冷色系的顏色在畫面比較中成為暖調，而暖色系中的顏色在比較中又變成了冷色調。因此，色彩的冷暖傾向是相互對比產生的。如黃色與綠色、橙色與藍色等，好的色彩冷暖對比關系，是產生理想設計的必要條件，用好冷暖對比可使視覺更加舒適，頁面更加和諧。在冷暖的應用上應控制好度的把握，既不要太強也不易太弱，太強畫面顯得刺眼，太弱畫面又失去層次感，不利于主題思想的展現。色彩在冷暖對比時同樣也是一種襯托的關系，對比中冷色更冷，暖色更暖。

3 色彩中的調和關系

色彩調和是指兩個和兩個以上的色彩，有秩序、協調和諧地組織在一起，能使人心情愉快、歡喜、滿足等，在自然界中萬物的色彩總是以調和的方式呈現在我們的眼前，有色彩就有調和，正是這種調和讓我們了解到色彩和色彩本身的特性，關注色彩的調和是多媒體設計色彩配置的基本要求。

3.1 色彩調和的原理

色彩調和是為滿足視覺生理的需求，以適應理想的色彩效果為依據，控制好色彩的秩序與量的關系。一般情況下，調和的色彩有變化但不求強烈，統一但不是單調，整體中有統一，局部中保持對比。很多色彩學者對“調和”概念提出了許多獨到而精辟的見解：有的認為“調和是對比的反面，與對比相輔相成”；有的認為“調和”就是“近似”，“調和就是秩序”；還有的說“調和感覺是視覺生理最能適應的感覺，是視覺生理的平衡”；更有人明確地指出“調和與對比都是構成色彩美感的要素，調和是抑制過分對比的手段”。凡此種種，都說明“調和”是色彩組合完美的形式語言。

色彩的調和與對比是相輔相成的，往往是同時存在，弱對比時則為強調合，強對比時則為弱調和。在處理色彩強對比或色彩刺激太強很難達到調和效果時，則必須在某一方面做一些“調配”處理，使其在對比中產生調和，在調和中又不乏擁有對比關系。其基本的原則可歸納為，調和中有對比。

3.2 色彩的近似調和

色彩的近似調和，是指色彩配置的多樣、變化與統一效果。使處在不同環境下的色彩產生一種秩序達到和諧穩定的視覺感受。色彩調和可以說是藝術設計者不倦的追求。它強調色彩要素中的一致性關系，追求色彩關系的統一感，表現為統一調和與近似調和兩種形式。

統一調和由于各色均為統一色相，只有明度和純度上的差別，所以各色的搭配給人以簡潔、爽快、單純的美；同明度調和由于同一水平面上的各色只有色相、純度的差別、明度相同，能取得含蓄、豐富、高雅的調和效果；同純度調和分為同色相同純度的調和與不同色彩同純度的調和，前者只呈現明度差，后者既表現明度差又表現色相差，均能取得審美價值很高的調和效果。

近似調和，色相、明度、純度三要素中，某種要素近似，變化其他要素而得到的調和。近似就是雙方色彩接近、相似，在色彩搭配中，選擇性質或程度很接近的色彩組合以增強色彩調和的方法稱為近似調和。近似調和主要包括明度近似調和、色相近似調和、純度近似調和、明度與色相近似調和、明度與純度近似調和、色相與純度近似調和，以及明度、色相、純度均為近似調和。

3.3 色彩的對比調和

色彩的對比調和是指色彩變化而組成的和諧關系。在對比調和中，色相、明度、純度三要素都處于對比狀態，因此色彩更富于活潑、生動、鮮明的效果。在實際應用中，由于對比本身具有排斥性，因此最好避免同樣程度、同樣面積的對比。如能將某色相的明度升高或降低，純度造成一強一弱，使用面積一大一小，形成虛實、賓主關系為宜。對比色的調和原理，蘊含著相對立的兩原色的并置技巧，因此，運用恰當會產生明亮、輝煌、華麗的效果。反之會相互排斥，會使畫面格格不入而顯得俗氣。

3.4 色彩的補色調和

補色在色環中處于180度的對立位置，是對比非常強的顏色，彼此相互排斥，屬于極端不安定的配色。單獨存在的補色會產生殘像或色暈，兩色并立，相互強化，在進行補色配置時應注意如何減低彼此爭艷的牽制情形，區分賓主、虛實、強弱。強調一色為主，加強主色的強勢，將另一色以弱色之態作為補色，產生美麗而又和諧的感覺。如果補色調和處理得當，有華麗而甜美之感，如果處理得不當則相互排斥，缺乏主題和重心。

3.5 色彩的面積調和

面積調和是指各種色在畫面構成中所占面積大小的比例關系而引起相應的明度、色相、純度、冷暖等方面的對比。色彩所占面積的大小給人心理的作用也是不一樣的，不同的色彩，由于受明度、純度的影響，也可造成不同的面積感受，在同等色度的條件下，面積的大小與視覺的刺激度成正比，面積越大刺激度越強，反之越弱。俗話說“萬綠叢中一點紅”，這里的紅色，正是面積上的對比與調和優勢；俗語中還有一句“鶴立雞群”，說的既在面積上，還在形狀上的特異。因此，面積對比中還應該對形態關系進行調節。

4 色彩設計的常見問題

從現有眾多的多媒體播放效果看，對色彩的設計并非個個理想，存在不少的問題。尤其在內容與色彩的一致性，色彩對人心理影響的理解，準確用色傳達教學信息等方面表現得比較明顯；其次對色彩的配置缺乏應有的表現力，無法集中和吸引學生的注意力。綜上所述，這些問題的出現與色彩運用不當有很大關系。

4.1 頁面的色彩設計缺乏整體的藝術構思

從色彩效果上分析，缺少整體的色彩感覺，主要表現在色彩基調不突出，隨意性較強，色相過多顯得雜亂無章。用色的最佳境界，并非色相越多越好，設計中對色彩的配置既要考慮色彩的明度與冷暖，又要考慮色彩的對比與和諧，為此，我們應對色彩的基本理論認真研究，強化色彩的獨立表意功能，實現色彩設計與教學內容的完美統一。

4.2 層次混亂主體不突出

教學內容的呈現達不到良好的視覺效果，強化色彩的對比是解決這一問題的重要手段。明度對比、色相對比和純度對比是最基本、最重要的對比形式，在實踐中很少有單一對比形式出現，絕大部分是以明度、色相、純度綜合對比的形態出現。

4.3 頁面色彩之間缺少呼應

呼應就是相同或相似的色彩相互照應，有呼應才有完美。有效解決色彩的呼應問題，對表現形象、烘托氣氛、反映對象方面，具有獨特的作用。多媒體設計中，應根據表象的內容，對色彩進行創造性的組合，使得多媒體課件產生一種和諧的氣氛和情緒，從而吸引學習者的注意力。

4.4 色彩知識的匱乏

由于多數老師對色彩的認知較少，色彩設計有很多配置上的錯誤，比如，色彩的對比、平衡、虛實等。只要我們堅持不斷向他人學習，在實踐中總結經驗，不怕失敗，充分調動自己的創新意識，多觀看、多研究、多總結,一定能在理論與實踐中求得發展，為搞好現代教育和提高教學效果作出自己努力。

5 結束語

色彩設計是一個綜合性的完善過程，一個重要環節。通過色彩設計擴展思維，發揮想象力，不僅是設計的過程，又是一個創造和創新的過程。是依靠教學主體，主動安排和正確把握頁面布局的思維過程，這一過程充分體現了教師獨特的個人藝術修養，也是教師信息技術與教材內容有效整合的能力體現。在進行多媒體色彩設計過程中，必須樹立現代設計理念，加強頁面的色彩布局及設計語言的個性化創造，不斷建立和完善屬于自己個性化的視覺語言，形成個性鮮明的多媒體頁面的色彩表現風格。

[1]習躍良，趙一恒，李鴻明.設計色彩[M].中國電力出版社, 2009（01）.

[2]網頁設計中的色彩要素：http://wenku.it168.com/ d_000444739.shtml，2013-06-19.

[3]淺談網頁設計中的色彩理論：http://wenku.it168.com/ d_000785868.shtml，2012-06-11.

[4]楊春蓉,田麗.色彩在多媒體課件界面設計中的應用[J].廣西質量監督導報，2007-12-28.

S611

A

1003-5168(2014)04-0004-03

李克臣（1958.12—），男，高級工程師，研究方向：現代教育技術。