《平面設(shè)計(jì)美學(xué)基礎(chǔ)》教學(xué)課件

1、第3章多媒體技術(shù)MULTIMEDIA TECHNOLOGY第1頁，共42頁。第 3 章美 學(xué) 基 礎(chǔ)3.1 美學(xué)基本概念 3.1.1 什么是美學(xué) 3.1.2 美學(xué)的作用 3.1.3 美學(xué)的表現(xiàn)手段3.2 平面構(gòu)圖 3.2.1 構(gòu)圖規(guī)則 3.2.2 構(gòu)圖應(yīng)用3.3 色彩構(gòu)成與視覺效果 3.3.1 色彩構(gòu)成概念 3.3.2 三原色 3.3.3 色彩三要素 3.3.4 顏色的關(guān)系 3.3.5 顏色搭配要點(diǎn) 3.3.6 色彩的象征意義3.4 多種數(shù)字信息的美學(xué)基礎(chǔ) 3.4.1 圖像美學(xué) 3.4.2 動(dòng)畫美學(xué) 3.4.3 聲音美學(xué)3.5 拍攝數(shù)碼照片2第2頁，共42頁。美學(xué)基本概念3.13.1.1 什么

2、是美學(xué) 通過繪畫、色彩和版面展現(xiàn)自然美感的學(xué)科。美學(xué)設(shè)計(jì)三要素美學(xué)運(yùn)用的目的自古以來，“愛美之心人皆有之”。這種心態(tài)刺激了美學(xué)的發(fā)展，也構(gòu)成了美學(xué)發(fā)展最基本的條件。隨著社會(huì)的發(fā)展，美學(xué)已經(jīng)從“直覺”、“愛好”甚至“偏好”的原始形態(tài)中走了出來，演變成具有共性的審美標(biāo)準(zhǔn)、符合科學(xué)的視覺規(guī)律、大多數(shù)人能夠接受的現(xiàn)代學(xué)科，通過學(xué)習(xí)美學(xué)，讀者可以制作出更加完美、更加具有競(jìng)爭(zhēng)性的多媒體產(chǎn)品 。3第3頁，共42頁。美學(xué)的作用3.1.2 產(chǎn)生視覺效應(yīng)通過色彩運(yùn)用、布局和繪畫渲染，使產(chǎn)品具有舒適的色調(diào)、醒目的標(biāo)題、鮮明的個(gè)性，以此刺激視覺神經(jīng)，具有“眼球效應(yīng)” 。美學(xué)應(yīng)符合：生理習(xí)慣人們固有的閱讀習(xí)慣、聆聽習(xí)慣

3、、書寫習(xí)慣等。心理習(xí)慣閱讀的心態(tài)、操作的感覺、對(duì)產(chǎn)品的感受、接受的程度等。 內(nèi)容表達(dá)形象化美學(xué)應(yīng)用程度產(chǎn)品價(jià)值 增加產(chǎn)品價(jià)值4第4頁，共42頁。美學(xué)的表現(xiàn)手段3.1.3美學(xué)的基礎(chǔ)。通過手工繪制、電腦繪制和圖像處理，使線條、色塊具有了美學(xué)的意義，從而構(gòu)成了圖畫、圖案、文字以及形象化的圖形。 繪畫 色彩構(gòu)成美學(xué)的精華。色彩歷來是人們最為敏感的部分，研究?jī)蓚€(gè)以上的色彩關(guān)系、精確到位的色彩組合、良好的色彩搭配是色彩構(gòu)成的主要內(nèi)容。 版面構(gòu)成美學(xué)的邏輯規(guī)則。主要研究若干對(duì)象之間的位置關(guān)系。隨著人們對(duì)平面構(gòu)成的深入研究，已經(jīng)把平面構(gòu)成歸納為對(duì)版面上的“點(diǎn)”、“線”、“面”現(xiàn)象的研究。5第5頁，共42頁。平

4、面構(gòu)圖3.23.2.1 構(gòu)圖規(guī)則 藝術(shù)性與裝飾性 藝術(shù)性 追求感覺、時(shí)尚與個(gè)性 裝飾性 追求效果、夸張、比喻藝術(shù)性裝飾性6第6頁，共42頁。整體性與協(xié)調(diào)性協(xié)調(diào)性作品 整體性 追求表現(xiàn)形式和內(nèi)容的整體性 協(xié)調(diào)性 強(qiáng)調(diào)版式、內(nèi)容的協(xié)調(diào)統(tǒng)一整體性作品整體性作品7第7頁，共42頁。點(diǎn)點(diǎn) 局部效果、線、面的構(gòu)圖規(guī)則突出主題8第8頁，共42頁。視線集中CAMERA點(diǎn) 局部效果、線、面的構(gòu)圖規(guī)則點(diǎn)9第9頁，共42頁。線空間分隔線 分隔效果有形分隔無形分隔點(diǎn)、 、面的構(gòu)圖規(guī)則10第10頁，共42頁。面點(diǎn)、線、 的構(gòu)圖規(guī)則面 整體效果整體協(xié)調(diào)占據(jù)空間11第11頁，共42頁。 重復(fù) 產(chǎn)生整齊與規(guī)則的效果 交錯(cuò) 為

5、避免呆板重復(fù)，追求變化交錯(cuò)效果重復(fù)與交錯(cuò)重復(fù)效果IMAGESDESIGN IMAGES重復(fù)效果重復(fù)效果12第12頁，共42頁。 對(duì)稱 產(chǎn)生平衡、整齊的效果 均衡 造成穩(wěn)定、莊重的感覺對(duì)稱與均衡均衡效果半對(duì)稱全對(duì)稱13第13頁，共42頁。 對(duì)比 強(qiáng)調(diào)大小、明暗、直曲的差異性 調(diào)和 強(qiáng)調(diào)兩個(gè)以上元素具有近似性對(duì)比效果對(duì)比與調(diào)和調(diào)和-圖形近似性14第14頁，共42頁。 對(duì)比 強(qiáng)調(diào)大小、明暗、直曲的差異性 調(diào)和 強(qiáng)調(diào)兩個(gè)以上元素具有近似性對(duì)比與調(diào)和調(diào)和-色調(diào)近似性調(diào)和-色調(diào)近似性15第15頁，共42頁。構(gòu)圖應(yīng)用3.2.2(1) 根據(jù)用途確定界面類型 自學(xué)類型的界面 (文字多，菜單詳盡) 演示類型的界面

6、 (圖片多，菜單精煉) 演示類型的界面 (突出演示對(duì)象，可采用 懸掛式菜單，不占空間) 多媒體軟件界面設(shè)計(jì)規(guī)范(2) 利用構(gòu)圖原則設(shè)計(jì)界面 自學(xué)類型的界面 (各對(duì)象交錯(cuò)變化)16第16頁，共42頁。 一般形式(1) 標(biāo)題(2) 內(nèi)容(3) 動(dòng)畫(4) 圖標(biāo)網(wǎng)頁構(gòu)圖 特色形式(1) 引入線、面構(gòu)圖概念(2) 圖像、動(dòng)畫尺寸適度(3) 色彩明亮、柔和， 避免使用互補(bǔ)色(4) 符合閱讀習(xí)慣17第17頁，共42頁。 自然界的太陽是標(biāo)準(zhǔn)發(fā)光體,而光實(shí)際上是一種按波長輻射的電磁能. 光的輻射波譜0.005nm 0.01nm 5nm 350nm 750nm 0.4nm 10km射線 x 射線 紫外線 可見光

7、 紅外線 無線電波 紫 紫藍(lán) 藍(lán) 藍(lán)綠 綠 綠黃 黃 橙 橙紅 紅 350 400 500 600 700 750 波長nm太陽發(fā)射的可見光是由各種色光組合而成的白光，白光可分解為紅、橙、黃、綠、藍(lán)、紫六個(gè)標(biāo)準(zhǔn)色光譜。色彩構(gòu)成與視覺效果3.33.3.1 色彩構(gòu)成概念18第18頁，共42頁。色彩構(gòu)成與視覺效果3.33.3.1 色彩構(gòu)成概念 構(gòu)成 是指兩個(gè)或兩個(gè)以上的元素組合在一起，形成新的元素。 色彩構(gòu)成 為了某種目的，把兩個(gè)或兩個(gè)以上的色彩按照一定 的原則進(jìn)行組合和搭配，以此形成新的色彩關(guān)系。在自然界中，物體本身沒有顏色，人們之所以能看到物體的顏色，是由于物體不同程度地吸收和反射了某些波長的光

8、線所致。3.3.2 三原色19第19頁，共42頁。三原色種類 RGB 電腦彩色RedBlueGreen RYB 顏料彩色RedYellowBlue顏色合成0 255 灰階0 255 灰階0 255 灰階20第20頁，共42頁。(1)色調(diào)或色相 人眼看到一種或多種波長的光時(shí)所產(chǎn)生的色彩感覺。 某一物體的色調(diào)，是指該物體在日光照射下所反射的各光譜成分作用于人眼的綜合效果。色彩三要素3.3.3色度、亮度和飽和度(2)亮度或明度 光波的振幅代表光的能量,稱為亮度或明度，振幅的差別給人以明暗的區(qū)別。(3)飽和度或純度 色彩純粹的程度，即色彩的純度，即摻入白光的程度 。越接近標(biāo)準(zhǔn)色，純度越高。對(duì)于同一色調(diào)

9、的彩色光，飽和度越深顏色越鮮明或說越純。例如，當(dāng)紅色加進(jìn)白光之后，沖淡為粉紅色，其基本色調(diào)還是紅色，但飽和度降低了 。21第21頁，共42頁。色彩三要素的關(guān)系3.3.3 明度 色彩的明暗程度，亦稱“亮度”。 明度對(duì)純度產(chǎn)生影響。明度降低， 純度也隨之降低，反之亦然。自然光中純度最高的顏色黑、白、灰沒有純度 色相 顏色的相貌，用于區(qū)別顏色的 種類。色相只和波長有關(guān)，當(dāng) 某顏色的明度、純度變化時(shí)， 其波長不會(huì)變，即：色相不變。 純度 色彩的飽和程度，亦稱“鮮艷度”、 “純凈度”。純度不夠時(shí)，色相區(qū)分 不明顯，明度也受到影響。22第22頁，共42頁。顏色的關(guān)系3.3.4灰度相鄰色互補(bǔ)色對(duì)比色冷色暖色

10、23第23頁，共42頁。顏色搭配要點(diǎn)3.3.5 雙色 三色邊框 三色陰影 三色漸變 三色法提高醒目程度顏色搭配顏色搭配顏色搭配24第24頁，共42頁。 使用顏色條和中性色裝飾顏色關(guān)系COLORS顏色關(guān)系COLORS顏色關(guān)系COLORS顏色關(guān)系COLORS前景、背景搭配要點(diǎn)顏色關(guān)系COLORS顏色關(guān)系COLORS顏色關(guān)系COLORS正確顏色關(guān)系COLORS顏色關(guān)系COLORS顏色關(guān)系COLORS欠佳 前景與背景不能使用相鄰色25第25頁，共42頁。色彩的象征意義3.3.6 色彩可引起人們的某種聯(lián)想，這源于經(jīng)驗(yàn)、經(jīng)歷和學(xué)習(xí)。 紅 橙 黃 綠 藍(lán) 紫 黑 白 灰太陽、旗幟、火、血柑桔、秋葉、燈光光線

11、、迎春花、香蕉森林、草原、青山天空、海洋葡萄、丁香花夜晚、無燈光的房間雪景、紙張烏云、路面、靜物熱情、奔放、喜慶、幸福、活力、危險(xiǎn)金秋、歡喜、豐收、溫暖、嫉妒、警告光明、快活、希望、帝王、古羅馬高貴色和平、生意盎然、新鮮、可行理智、平靜、憂郁、深遠(yuǎn)、西方名門血統(tǒng)高貴、莊重、昔日最高等級(jí)、古希臘國王嚴(yán)肅、剛直、恐怖純潔、神圣、光明平凡、樸素、默默無聞、謙遜顏色 直接聯(lián)想 象征意義26第26頁，共42頁。多種數(shù)字信息的美學(xué)基礎(chǔ)3.43.4.1 圖像美學(xué) 要點(diǎn)1 圖像色調(diào) 正常色調(diào) 具有真實(shí)感，常用做反映 現(xiàn)實(shí)生活 單色調(diào) 老舊、單一，常用做背景 或刻意表現(xiàn)某一主題27第27頁，共42頁。圖像清晰度

12、 顏色數(shù)量、分辨率 與清晰度的關(guān)系清晰度28 216 224 232顏色數(shù)量96dpi300dpi224彩色300dpi28彩色96dpi要點(diǎn)2 28第28頁，共42頁。圖像選材規(guī)則(1) 根據(jù)構(gòu)圖進(jìn)行拍照或選材。(2) 選擇色彩豐富、輪廓清晰的圖片。居高臨下(3) 用于背景的圖片要充滿畫面， 用于裝飾的圖片要拍攝全景。用于裝飾用于背景要點(diǎn)3 29第29頁，共42頁。動(dòng)畫美學(xué)3.4.2 畫面布局 留出動(dòng)畫主體的運(yùn)動(dòng)空間。 動(dòng)畫調(diào)度 鏡頭推移、縱深運(yùn)動(dòng)、平面移動(dòng)的順序和方式。 動(dòng)態(tài)視覺規(guī)律 慢動(dòng)流暢、快動(dòng)引起注意。 動(dòng)畫時(shí)間掌握 符合自然規(guī)律，適度夸張。 造型設(shè)計(jì)、動(dòng)作設(shè)計(jì) 鮮明個(gè)性，善惡分明，

13、適度夸張。30第30頁，共42頁。聲音美學(xué)3.4.3 影響聲音美感的因素 1) 清晰度 錄制水平、載體材質(zhì)、采樣頻率、采樣位數(shù)。 2) 噪聲 錄制本底噪聲、介質(zhì)附加噪聲。 3) 音色 混響時(shí)間、聲源特質(zhì)、MIDI、WAV、MP3。 4) 旋律 作曲、演奏等音樂本身的屬性。噪聲增加混響時(shí)間正常音色表現(xiàn)Stop 聲音運(yùn)用 1) 采用一個(gè)以上聲源的場(chǎng)合，采用交叉或者響度區(qū)分的方法。 2) 語音采用單聲道，樂曲采用立體聲。 3) 適當(dāng)添加聲音效果，彌補(bǔ)不足。例如混響時(shí)間、音調(diào)高低。31第31頁，共42頁。3.5 拍攝數(shù)碼照片3.5.1 拍攝數(shù)碼照片是獲取多媒體素材最簡(jiǎn)捷的方法構(gòu)圖有新意構(gòu)圖均衡 攝影構(gòu)

14、圖注意的問題 (1) 畫面布局 (錯(cuò)落有致) (2) 前景與背景的關(guān)系 (講求縱深感) (3) 光與影的關(guān)系 (突出立體感) (4) 畫面留有加工余地拍攝技巧32第32頁，共42頁。 光圈 2.8 4 5.6 8 11 16 22快門 1/s光圈B 8 15 30 60 125 250 500 1000 感光指數(shù)為常數(shù)時(shí)的關(guān)系2.845.68111622攝影速度與光圈 光圈與速度的關(guān)系 (1) 速度 曝光量 (2) 光圈 曝光量 膠卷 (負(fù)片) 的感光度 60 感光速度慢，顆粒小，影像清晰，適于光照條件非常好的場(chǎng)合 100 感光速度中等，顆粒中，影像較清晰，適于白天 400 感光速度快，顆粒較

15、粗，影像一般，適于傍晚、黎明、室內(nèi)1000 感光速度極快，顆粒粗，影像一般，適于高速運(yùn)動(dòng)物體的攝影33第33頁，共42頁。自然光 + 輔助光人像攝影用光反射光反射光反光傘反光傘反光傘反射光反光板有源光柔光燈箱日光直射光34第34頁，共42頁。數(shù)碼照片的后期處理 色飽和調(diào)整 色調(diào)調(diào)整 構(gòu)圖調(diào)整35第35頁，共42頁。3.5.2 連接計(jì)算機(jī)的方式USB 接口數(shù)碼照片的傳送(1) 直接連接 驅(qū)動(dòng)程序 使用編輯傳送軟件(2) 使用讀卡機(jī) 驅(qū)動(dòng)程序 使用資源管理器讀卡機(jī)驅(qū)動(dòng)程序 照片文件格式 GIF 256 Colors JPG (壓縮格式) BMP (少見) TIF (專業(yè))36第36頁，共42頁。N

16、o.1 強(qiáng)調(diào)構(gòu)圖No.2 突出縱深感No.3 日落光線數(shù)碼照片觀摩3.5.337第37頁，共42頁。No.4 強(qiáng)調(diào)景深No.5 云層光線數(shù)碼照片觀摩38第38頁，共42頁。No.7 突出細(xì)節(jié)數(shù)碼照片觀摩No.6 構(gòu)圖39第39頁，共42頁。No.8 構(gòu)圖No.9 掌握時(shí)機(jī)數(shù)碼照片觀摩40第40頁，共42頁。第3章 美學(xué)基礎(chǔ)小結(jié)3.1 美學(xué)基本概念 3.1.1 什么是美學(xué) 3.1.2 美學(xué)的作用 3.1.3 美學(xué)的表現(xiàn)手段3.2 平面構(gòu)圖 3.2.1 構(gòu)圖規(guī)則 3.2.2 構(gòu)圖應(yīng)用3.3 色彩構(gòu)成與視覺效果 3.3.1 色彩構(gòu)成概念 3.3.2 三原色 3.3.3 色彩三要素 3.3.4 顏色的關(guān)系 3.3.5 顏色搭配要點(diǎn) 3.3.6 色彩的象征意義3.4 多種數(shù)字信息的美學(xué)基礎(chǔ) 3.4.1 圖像美學(xué) 3.4.2 動(dòng)畫美學(xué) 3.4.3