多媒體美學基礎

多媒體課件美學基礎4/28/20231第1頁，共49頁，2023年，2月20日，星期一

藝術可以以情動人，以情感人，用形象體現(xiàn)本質(zhì)。多媒體課件不同于一般的多媒體藝術作品，它是教育性、科學性、藝術性的完整體現(xiàn)。多媒體課件通過科學與藝術的結合，使教育更有成效。多媒體課件必須突出藝術效果，把美學的基本理論貫穿于教學設計的全過程，達到“寓教于樂”的效果，激發(fā)學生的學習興趣和求知欲，調(diào)動學生的學習主動性和積極性。

第2章多媒體課件設計基礎4/28/20232第2頁，共49頁，2023年，2月20日，星期一

所謂美學是研究人與現(xiàn)實審美關系的學問，是研究美、美感、美的創(chuàng)造及美育規(guī)律的一門科學。美學既不同于一般的藝術，也不單純是日常的美化活動，它是人類審美實踐和藝術實踐發(fā)展到一定歷史階段的產(chǎn)物，是對人類審美實踐和藝術實踐的概括。

2.1美學基本概念

2.1.1什么是美學

4/28/20233第3頁，共49頁，2023年，2月20日，星期一1．物化教學情境，豐富審美感知

教學過程中的審美活動是以學生的直接審美感知開始的，并在教學全過程中不斷豐富和深化。優(yōu)秀的多媒體課件畫面可以有效地發(fā)揮出物化教學情境的作用，潛移默化地激發(fā)與培養(yǎng)學生的審美情趣與審美能力。2.1.2美學在課件中的作用1.1美學基本概念

4/28/20234第4頁，共49頁，2023年，2月20日，星期一2．愉悅情感，陶冶情操

美學本身具有愉悅情感的功能，在課件畫面中出現(xiàn)符合審美需求的畫面會對學生的心理產(chǎn)生愉悅的情感效應，使之視覺上、心理上得到滿足，主動接受知識信息。在學習過程中情感得到升華，美學情感得到滿足，達到陶冶情操的目的。

2.1.2美學在課件中的作用

1.1美學基本概念

4/28/20235第5頁，共49頁，2023年，2月20日，星期一3．人機交互，引人入勝

計算機形象逼真的交互界面和友好的交互環(huán)境設計，反映美學在多媒體課件設計中，能自然引導各種交互現(xiàn)象，扮演與學生友好合作、平等競爭的環(huán)境。以游戲教學課件為例，學生可以很輕松的在游戲環(huán)境中愉快地完成學習任務，這種把教學滲透在游戲中，能產(chǎn)生一種生動與輕松的學習氛圍，激發(fā)學習者興趣，促使學習者自發(fā)、自愿地進行學習，使學生在不知不覺中進入學習狀態(tài)。2.1.2美學在課件中的作用1.1美學基本概念

4/28/20236第6頁，共49頁，2023年，2月20日，星期一美學有3種藝術表現(xiàn)手段，即繪畫、平面構成和色彩構成。這里所謂構成，是指兩個或兩個以上的元素組合在一起，形成新的元素。

繪畫是美學的基礎。通過手工繪制、計算機繪制和圖像處理，使線條、色塊具有了美學的意義，從而構成了圖畫、圖案、文字以及形象化的圖形。

平面構成又叫“版面構成”，是美學的邏輯規(guī)則，它主要研究若干對象之間的位置。隨著人們對平面構成的深入研究，已經(jīng)把平面構成歸納為對版面上的“點”、“線”、“面”現(xiàn)象的研究。

色彩構成是美學的精華。它的主要內(nèi)容是研究兩個以上的色彩關系、精確到位的色彩組合和良好的色彩搭配。2.1美學基本概念

2.1.3美學的表現(xiàn)手段4/28/20237第7頁，共49頁，2023年，2月20日，星期一1．和諧

從視覺形式上看，和諧指的是形態(tài)的有機組合，孤立存在的形態(tài)、線條、色彩等視覺因素必須和其他因素在相互對比中達到統(tǒng)一才能構成和諧。和諧的美體現(xiàn)在整體協(xié)調(diào)下的對比和強調(diào)這種對比關系之中。音樂中音調(diào)的和弦，建筑中各部分的比例相稱，文學中結構的統(tǒng)一都體現(xiàn)了和諧的屬性和特征。2.2課件的平面構成2.2.1平面構成法則

4/28/20238第8頁，共49頁，2023年，2月20日，星期一在平面構成中和諧的形式美需具備下列條件：

①有兩個以上視覺因素；

②這些因素既相互對比，又是統(tǒng)一體中的局部；

③形態(tài)之間既有差別又有較強的共性。

根據(jù)和諧的形式美法則，在形狀的協(xié)調(diào)上需要注意界面上圖文混排時，圖像和文字塊的形狀要保持協(xié)調(diào)。此外，如果一個界面上有多個圖像，則圖像的形狀和大小也要協(xié)調(diào)，其中只有一個圖像起主導作用，形成視覺的中心和引力。2.2課件的平面構成2.2.1平面構成法則

4/28/20239第9頁，共49頁，2023年，2月20日，星期一2．對比與統(tǒng)一

對比又稱對照，把反差很大的兩個視覺要素成功地排列在一起，雖然使人感受到鮮明強烈的感觸而仍具有統(tǒng)一感的現(xiàn)象稱為對比，它能使主題更加鮮明，視覺效果更加活躍。對比關系主要通過視覺形象色調(diào)的明暗、冷暖，色彩的飽和與不飽和，色相的迥異，形狀的大小、粗細、長短、曲直、高矮、凹凸、寬窄、厚薄，方向的垂直、水平、傾斜，數(shù)量的多少，排列的疏密，位置的上下、左右、高低、遠近，形態(tài)的虛實、黑白、輕重、動靜、隱現(xiàn)、軟硬、干濕等多方面的對立因素來達到的。2.2課件的平面構成2.2.1平面構成法則

4/28/202310第10頁，共49頁，2023年，2月20日，星期一4/28/202311第11頁，共49頁，2023年，2月20日，星期一3．對稱

對稱是人類、動物和許多植物以及人造物存在的結構方式，這種左右對稱、上下對稱及中心對稱體現(xiàn)了形態(tài)組合、形態(tài)結構的整體性、協(xié)調(diào)性與完美性，符合人類自身的欣賞及審美要求，因而也是一種美的形式。例如，人體的構成關系、動物形體的構成關系、飛機的造型關系、一些花卉的結構關系等都體現(xiàn)出了自然形態(tài)和人造形態(tài)對稱的形式特征和結構特征。所以，對稱的形態(tài)在視覺上有自然、安定、均勻、協(xié)調(diào)、整齊、典雅、莊重和完美的樸素美感，符合人們的視覺習慣。2.2課件的平面構成2.2.1平面構成法則

4/28/202312第12頁，共49頁，2023年，2月20日，星期一平面構圖中的對稱可分為點對稱和軸對稱。4/28/202313第13頁，共49頁，2023年，2月20日，星期一4．均衡

均衡是諸多形態(tài)在二維空間組合時量的對比關系和位置的疏密對比關系。均衡在平面構成中強調(diào)的是形態(tài)在組合關系中的“動”的因素和趨向于打破平衡的形式特征。如同在衡器上兩端承受的重量由一個支點支持，當雙方獲得力學上的平衡狀態(tài)時，稱為平衡一樣，均衡是形態(tài)不規(guī)則、無序和動態(tài)感在視覺上的統(tǒng)一，是根據(jù)形象的大小、輕重、色彩及其他視覺要素的分布作用于視覺判斷的平衡。2.2課件的平面構成2.2.1平面構成法則

4/28/202314第14頁，共49頁，2023年，2月20日，星期一5．比例

比例指一種事物在整體中所占的分量，是物體的局部與局部、局部與整體在體積、長度等因素上的數(shù)量對比關系。比例是一個精確的數(shù)學概念，而在平面構成中，比例關系反映的是形態(tài)之間在大小和面積上的量的對比關系，一種形態(tài)之間量與量的視覺構成關系，如等比數(shù)列、黃金分割比、形態(tài)的漸變等。2.2課件的平面構成2.2.1平面構成法則

4/28/202315第15頁，共49頁，2023年，2月20日，星期一黃金分割比1∶1.6184/28/202316第16頁，共49頁，2023年，2月20日，星期一6．節(jié)奏與韻律

節(jié)奏本是指音樂中音響節(jié)拍輕重緩急的變化和重復，這個具有時間感的用語在構成設計上是指以同一視覺要素連續(xù)重復時所產(chǎn)生的運動感。

韻律指的是詩歌中的聲韻和節(jié)律。在詩歌中音的高低、輕重、長短的組合，勻稱的間歇和停頓等。在視覺藝術中借用韻律指的是形態(tài)、色彩等視覺因素有明顯規(guī)律的和諧組合，如形態(tài)的重復、漸變、面積對比及秩序化構成關系都具有韻律形式的特征。

2.2課件的平面構成2.2.1多媒體課件的特點4/28/202317第17頁，共49頁，2023年，2月20日，星期一平面構成的韻律形式通常需要具備：多個形態(tài)，面積對比、形態(tài)多次重復和漸變。4/28/202318第18頁，共49頁，2023年，2月20日，星期一7．聯(lián)想與意境

平面構圖的畫面通過視覺傳達而產(chǎn)生聯(lián)想，達到某種意境。聯(lián)想是思維的延伸，它由一種事物延伸到另外一種事物上。例如圖形的色彩：紅色使人感到溫暖、熱情、喜慶等；綠色則使人聯(lián)想到大自然、生命、春天，從而使人產(chǎn)生平靜感、生機感、春意等。各種視覺形象及其要素都會產(chǎn)生不同的聯(lián)想與意境，由此而產(chǎn)生的圖形的象征意義作為一種視覺語義的表達方法被廣泛地運用在平面設計構圖中。2.2課件的平面構成2.2.1多媒體課件的特點4/28/202319第19頁，共49頁，2023年，2月20日，星期一多媒體課件與學習者交流的介質(zhì)是界面，界面提供顯示信息和控制功能。一個多媒體課件如果在設計制作過程中引入了構圖規(guī)則，那么它的操作界面和演示畫面將更符合美學要求，更人性化。因此，界面是衡量多媒體產(chǎn)品質(zhì)量好壞的主要指標之一。

在開發(fā)多媒體課件的過程中，多媒體課件不僅具備教學功能，還應給人一種美的、和諧的享受。界面的設計應充分運用構圖規(guī)則。在各種構圖規(guī)則中，最常使用的是點、線、面的構圖規(guī)則。設計課件界面時，在保證應用功能的前提下，盡量運用這些構圖規(guī)則。2.2課件的平面構成2.2.2平面構成在課件上的應用

4/28/202320第20頁，共49頁，2023年，2月20日，星期一1．對比均衡

一般而言，多媒體課件的媒介包括標題、文字內(nèi)容、圖像、動畫、圖標、同步聲音等。通過這些媒介，多媒體課件提供教學信息顯示、交互操作、檢索等內(nèi)容。

2.2課件的平面構成2.2.2平面構成在課件上的應用

4/28/202321第21頁，共49頁，2023年，2月20日，星期一2.多樣統(tǒng)一

多樣統(tǒng)一是多媒體課件合理構圖的基本條件，多樣避免了單調(diào)，統(tǒng)一則避免了雜亂。體現(xiàn)在版面編排設計中，如果光有圖或文字，則版面顯得單調(diào)；如果把標題、文字段落、照片、圖畫等進行穿插組合，版面就會顯得多樣而生動；同時，如果圖文的排列按照一種標準的柵格分割，版面就會顯得統(tǒng)一。

2.2課件的平面構成2.2.2平面構成在課件上的應用

4/28/202322第22頁，共49頁，2023年，2月20日，星期一色彩是自然美、生活美、藝術美的重要組成部分，是藝術設計中科學規(guī)律最強的一門學科。色彩設計是指遵循科學與藝術的內(nèi)在邏輯，對色彩進行富有鮮明創(chuàng)見性及理想化的組合過程，是理性與感性相結合的創(chuàng)造過程。俗話說“遠看色彩近看花”，因此色彩起著先聲奪人的作用。

色彩不能脫離形體、空間、位置、面積等因素而單獨存在，因此色彩與平面構成不可分離。界面的色彩構成最有規(guī)律和充滿感性，因此能產(chǎn)生一種氛圍和情緒，引導學習者的閱讀。色彩還具有造型性，通過色彩對比，能突出主體，強調(diào)要傳達的信息，并形成界面的風格。2.3課件的色彩構成2.3.1色彩構成概念

4/28/202323第23頁，共49頁，2023年，2月20日，星期一色彩構成是根據(jù)不同目的而進行的色彩搭配，是把兩個或兩個以上的色彩按照一定的原則進行組合和搭配，以此形成新的色彩關系。色彩構成包含很多內(nèi)容，例如色彩作用、色調(diào)、形式美感、色彩混合、色彩知覺等。作為多媒體課件是否具有吸引力，除了內(nèi)容外，課件畫面設計是否漂亮，色彩搭配起著非常重要的作用。作為課件的設計者和制作者，必須具有較高的色彩方面的素養(yǎng)，掌握色彩方面的美學知識，并創(chuàng)造性地應用于課件設計中。2.3課件的色彩構成2.3.1色彩構成概念

4/28/202324第24頁，共49頁，2023年，2月20日，星期一1．色相

色相指的是色彩的相貌和特征，具體表現(xiàn)為各種色彩，也稱為“色度”。自然界中色彩的種類很多，色相是指色彩的種類和名稱。在可見光譜中，人的視覺能夠感受到紅、橙、黃、綠、青、藍、紫這些不同特征的色彩，這些可以相互區(qū)別的色彩就形成了色相的概念。正是由于色彩具有這種具體相貌的特征，人們才得以感受到五彩繽紛的客觀世界。2.3課件的色彩構成2.3.2色彩三要素

4/28/202325第25頁，共49頁，2023年，2月20日，星期一圖所示為6色相環(huán)和24色相環(huán)。4/28/202326第26頁，共49頁，2023年，2月20日，星期一2．明度

明度指的是顏色的明暗或深淺程度。顏色有深淺、明暗的變化。比如，深黃、中黃、淡黃、檸檬黃等黃顏色在明度上就不一樣，紫紅、深紅、玫瑰紅、大紅、朱紅、橘紅等紅顏色在亮度上也不盡相同。這些顏色在明暗、深淺上的不同變化，也就是色彩的明度變化。2.3課件的色彩構成2.3.2色彩三要素

4/28/202327第27頁，共49頁，2023年，2月20日，星期一無彩色系中，最高明度為白，最低明度為黑，二者之間的系列為灰色。在色彩設計理論中，明度應用標準被定為11級，其中黑為0級，白為10級，1～9級為灰度，如圖所示。4/28/202328第28頁，共49頁，2023年，2月20日，星期一3．純度

純度是指色彩的純凈度，指色彩中其他雜色所占成分的多少，又稱為飽和度。純度高指色彩鮮明，反之則灰。不同原色相的顏色明度不等，純度也不等。一種顏色，當加入白色時，它的明度提高，純度降低；加入黑色時，明度降低，純度也降低。自然色中紅色純度最高，其次是黃色，而綠色只有紅色的一半。自然色中大部分是非高純度色，（含灰量）有了純度變化，色彩才顯得極其豐富。改變色彩純度有3種方法：加中性灰，加互補色，加其他色。無彩色沒有色相，即純度為零。2.3課件的色彩構成2.3.2色彩三要素

4/28/202329第29頁，共49頁，2023年，2月20日，星期一色彩的純度變化系列是通過一個水平的直線純度色階來表示的，它表示一種色彩從它的最高純度色到最低純度之間的中性灰之間鮮艷與混濁的等級變化，如圖所示。4/28/202330第30頁，共49頁，2023年，2月20日，星期一色彩空間又稱色彩模型，是一種以概念和數(shù)字來科學地描述色彩的方法。在多媒體課件制作中有好幾種色彩模型，每種色彩模型都通過不同的方法來描述顏色。同時，色彩模型決定了位圖中像素的顏色的種類。

2.3課件的色彩構成2.3.3色彩空間

4/28/202331第31頁，共49頁，2023年，2月20日，星期一1．RGB色彩模型

由紅、綠、藍三原色或基本顏色組成，又叫做加色模式，因為每疊加一次具有一定紅、綠、藍亮度的顏色，其總亮度都有所增加，紅、綠、藍三色相加為白色，如圖所示。所有掃描儀、顯示器、投影設備都依賴于這種色彩模式，是屏幕顯示的最佳模式。RGB指的是Red（紅）、Green（綠）和Blue（藍）。

2.3課件的色彩構成2.3.3色彩空間

4/28/202332第32頁，共49頁，2023年，2月20日，星期一4/28/202333第33頁，共49頁，2023年，2月20日，星期一2．CMYK色彩模型

由青色、品紅色、黃色和黑色組成，是四色印刷所使用的顏色模式，又叫減色模式。這是由于我們?nèi)庋鬯次矬w的顏色是白光照射到物體上，物體吸收一部分顏色后的反射光，如圖所示。

2.3課件的色彩構成2.3.3色彩空間

4/28/202334第34頁，共49頁，2023年，2月20日，星期一CMYK指的是Cyan（青）、Magenta（品紅色）、Yellow（黃色）和Black（黑色）。4/28/202335第35頁，共49頁，2023年，2月20日，星期一3．索引色彩模型

在實際使用中，一幅圖像的色彩往往少于256種，無須以RGB或CMYK色彩模式等占用較多內(nèi)存空間的模式來處理。因此程序就開發(fā)出了索引色彩模型，這種模式下，圖像中的像素顏色可用一個字節(jié)即8位色彩表示，也就是最多可以包含256種顏色。這種模式一般用于多媒體或網(wǎng)頁的圖像，GIF格式的圖片就是索引色彩模式。采用這種模式的圖像大量應用于互聯(lián)網(wǎng)，以提高網(wǎng)絡圖像的傳輸速率。

2.3課件的色彩構成2.3.3色彩空間

4/28/202336第36頁，共49頁，2023年，2月20日，星期一4．灰度模型

這種模式下，圖像中的像素顏色可用256個不同灰度值表示，也就是只有黑、白構成的顏色模式。如果要將彩色圖像轉(zhuǎn)換為雙色調(diào)模式圖像，必須先轉(zhuǎn)換為灰度模式圖像。

2.3課件的色彩構成2.3.3色彩空間

4/28/202337第37頁，共49頁，2023年，2月20日，星期一色彩的視覺心理要素包括色彩的冷暖、進退、輕重、厚薄和動靜，它是人的心理活動影響色彩感覺的結果。

色彩心理是指色彩對人的眼睛及心理的作用，即色彩的屬性對比、刺激作用和造成的心理印象、象征意義及情感影響等。

2.3課件的色彩構成2.3.4色彩的視覺心理

4/28/202338第38頁，共49頁，2023年，2月20日，星期一4/28/202339第39頁，共49頁，2023年，2月20日，星期一1．色的冷暖感

色彩的冷暖感覺是由視覺經(jīng)驗引起的心理作用，從而在觀念中把色彩分為冷色和暖色。

從色相環(huán)上看，由品色到黃色的范圍會使人感到溫暖，主要包括品紅、紅、橙、黃等色相，稱為暖色，如紅旗、消防車、玫瑰等。由藍綠到藍紫范圍的色會使人感到寒冷，主要包括藍綠、群青、普藍、藍紫等色相，稱為冷色，如蒼天、大海的印象。而黃綠、紫等色相屬于不冷不暖的中性色，如香蕉、霞光、草地等。

2.3課件的色彩構成2.3.4色彩的視覺心理

4/28/202340第40頁，共49頁，2023年，2月20日，星期一2．色的輕重感

將相等重量而色彩不同的黑、白的物體置于我們的左右手中，我們會感覺白色物體輕，黑色物體重。這一實驗表明不同的色彩，看上去會使人感到輕重有別。色的輕重感主要取決于色彩的明度，明度高的色感輕，明度低的色感重。在相等明度條件下，冷色一般比暖色感覺略輕。色彩構圖中上輕下重較為符合人的視覺習慣。在設計界面時注意輕色通常用于上部，重色用于下部。如果界面上部為重色時，在下部的邊緣部位應呼應重色范圍，可以達到平衡構圖的目的。

2.3課件的色彩構成2.3.4色彩的視覺心理

4/28/202341第41頁，共49頁，2023年，2月20日，星期一3．色彩的強弱感

色彩的強弱感也稱為色彩的華麗、質(zhì)樸感或色彩的鮮濁感。它主要是由色彩的純度和明度決定的。一般來說，純度高而明度適中的色彩感覺華麗，純度低和明度過高或過低的色彩感覺質(zhì)樸，如黃色的光感最強，能給人以光明、輝煌的印象；藍色的亮度偏低，如果與一些重色相配合，產(chǎn)生寧靜、沉思、抑郁、神秘的感覺；紫色在理想的對比中，如與黑色、金色對比并適當提高其亮度，具有尊貴、高雅、優(yōu)美的氣度。冷紫與冷色搭配又具有傷痛、憂郁、苦澀的感覺。

2.3課件的色彩構成2.3.4色彩的視覺心理

4/28/202342第42頁，共49頁，2023年，2月20日，星期一1．色彩基調(diào)

根據(jù)色彩心理，我們知道色彩基調(diào)可分為紅、橙、黃、綠、藍、紫、黑、白、灰等組成的冷暖色調(diào)、中性調(diào)和灰彩色調(diào)。此外，根據(jù)色調(diào)的飽和度不同，又可分為淡彩和亮彩色調(diào)。亮彩是指一些明度高、飽和度高、透亮的原色或間色，它們的特點是色彩艷麗、色調(diào)明亮，少有過渡漸變，容易引起注目，有突出感，如常見的粉紅、鮮橙、中黃、明黃、翠綠、青綠、天藍等。在界面設計中常作為醒目標志色，具有強烈的視覺效果，但如果大面積應用，則容易產(chǎn)生炫目感。

2.3課件的色彩構成2.3.5色彩的對比與調(diào)和

4/28/202343第43頁，共49頁，2023年，2月20日，星期一2．色彩對比

色彩對比是兩種以上色相位于同一界面上產(chǎn)生的相互影響和感覺。主色調(diào)確定后，必須考慮其他色彩與主色的關系、要表現(xiàn)的內(nèi)容及效果等，這樣才能增強其表現(xiàn)力。根據(jù)色彩的3個基本屬性，色彩對比可分為色相對比、明度對比和飽和度對比3類。

2.3課件的色彩構成2.3.5色彩的對比與調(diào)和

4/28/202344第44頁，共49頁，2023年，2月20日，星期一3．色彩調(diào)和

色彩調(diào)和是指將有差別、有對比效果的色彩經(jīng)過調(diào)整與組合，形成和諧統(tǒng)一的整體效果的過程。色彩調(diào)和并不是要將色彩變得同一，而是可以使有明顯差別的色彩變得協(xié)調(diào)而統(tǒng)一，給人以不帶尖銳刺激的和諧與美感的色彩感受。2.3課件的色彩構成2.3.5色彩的對比與調(diào)和

4/28/202345第45頁，共49頁，2023年，2月20日，星期一1．突出主題