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

第3章多媒體技術(shù)MULTIMEDIATECHNOLOGY第3章多媒體技術(shù)MULTIMEDIATECHNOLOGY1第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)成與視覺(jué)效果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)畫(huà)美學(xué)3.4.3聲音美學(xué)3.5拍攝數(shù)碼照片第3章美學(xué)基礎(chǔ)3.1美學(xué)基本概念3.3.2美學(xué)基本概念3.13.1.1什么是美學(xué)●

通過(guò)繪畫(huà)、色彩和版面展現(xiàn)自然美感的學(xué)科。美學(xué)設(shè)計(jì)三要素美學(xué)運(yùn)用的目的自古以來(lái)，“愛(ài)美之心人皆有之”。這種心態(tài)刺激了美學(xué)的發(fā)展，也構(gòu)成了美學(xué)發(fā)展最基本的條件。隨著社會(huì)的發(fā)展，美學(xué)已經(jīng)從“直覺(jué)”、“愛(ài)好”甚至“偏好”的原始形態(tài)中走了出來(lái)，演變成具有共性的審美標(biāo)準(zhǔn)、符合科學(xué)的視覺(jué)規(guī)律、大多數(shù)人能夠接受的現(xiàn)代學(xué)科，通過(guò)學(xué)習(xí)美學(xué)，讀者可以制作出更加完美、更加具有競(jìng)爭(zhēng)性的多媒體產(chǎn)品。美學(xué)基本概念3.13.1.1什么是美學(xué)●通過(guò)繪畫(huà)、色彩3美學(xué)的作用3.1.2●

產(chǎn)生視覺(jué)效應(yīng)通過(guò)色彩運(yùn)用、布局和繪畫(huà)渲染，使產(chǎn)品具有舒適的色調(diào)、醒目的標(biāo)題、鮮明的個(gè)性，以此刺激視覺(jué)神經(jīng)，具有“眼球效應(yīng)”。美學(xué)應(yīng)符合：生理習(xí)慣——人們固有的閱讀習(xí)慣、聆聽(tīng)習(xí)慣、書(shū)寫(xiě)習(xí)慣等。心理習(xí)慣——閱讀的心態(tài)、操作的感覺(jué)、對(duì)產(chǎn)品的感受、接受的程度等。●

內(nèi)容表達(dá)形象化美學(xué)應(yīng)用程度產(chǎn)品價(jià)值●

增加產(chǎn)品價(jià)值美學(xué)的作用3.1.2●產(chǎn)生視覺(jué)效應(yīng)通過(guò)色彩運(yùn)用、布局和繪畫(huà)4美學(xué)的表現(xiàn)手段3.1.3美學(xué)的基礎(chǔ)。通過(guò)手工繪制、電腦繪制和圖像處理，使線條、色塊具有了美學(xué)的意義，從而構(gòu)成了圖畫(huà)、圖案、文字以及形象化的圖形?！?/p>

繪畫(huà)●

色彩構(gòu)成美學(xué)的精華。色彩歷來(lái)是人們最為敏感的部分，研究?jī)蓚€(gè)以上的色彩關(guān)系、精確到位的色彩組合、良好的色彩搭配是色彩構(gòu)成的主要內(nèi)容?！?/p>

版面構(gòu)成美學(xué)的邏輯規(guī)則。主要研究若干對(duì)象之間的位置關(guān)系。隨著人們對(duì)平面構(gòu)成的深入研究，已經(jīng)把平面構(gòu)成歸納為對(duì)版面上的“點(diǎn)”、“線”、“面”現(xiàn)象的研究。美學(xué)的表現(xiàn)手段3.1.3美學(xué)的基礎(chǔ)。通過(guò)手工繪制、電腦繪制和5平面構(gòu)圖3.23.2.1構(gòu)圖規(guī)則●

藝術(shù)性與裝飾性■藝術(shù)性——追求感覺(jué)、時(shí)尚與個(gè)性■裝飾性——追求效果、夸張、比喻藝術(shù)性裝飾性平面構(gòu)圖3.23.2.1構(gòu)圖規(guī)則●藝術(shù)性與裝飾性■藝6整體性與協(xié)調(diào)性●協(xié)調(diào)性作品■整體性——追求表現(xiàn)形式和內(nèi)容的整體性■協(xié)調(diào)性——強(qiáng)調(diào)版式、內(nèi)容的協(xié)調(diào)統(tǒng)一整體性作品整體性作品整體性與協(xié)調(diào)性●協(xié)調(diào)性作品■整體性——追求表現(xiàn)形式和內(nèi)7點(diǎn)●■點(diǎn)——局部效果、線、面的構(gòu)圖規(guī)則突出主題點(diǎn)●■點(diǎn)——局部效果、線、面的構(gòu)圖規(guī)則突出主題8視線集中CAMERA點(diǎn)——局部效果■、線、面的構(gòu)圖規(guī)則●點(diǎn)視線集中CAMERA點(diǎn)——局部效果■、線、面的構(gòu)圖規(guī)則●9線●■空間分隔線——分隔效果有形分隔無(wú)形分隔點(diǎn)、、面的構(gòu)圖規(guī)則線●■空間分隔線——分隔效果有形分隔無(wú)形分隔點(diǎn)、10面●點(diǎn)、線、的構(gòu)圖規(guī)則■面——整體效果整體協(xié)調(diào)占據(jù)空間面●點(diǎn)、線、的構(gòu)圖規(guī)則■面——整體效果整體協(xié)調(diào)占11■重復(fù)——產(chǎn)生整齊與規(guī)則的效果■交錯(cuò)——為避免呆板重復(fù)，追求變化交錯(cuò)效果重復(fù)與交錯(cuò)重復(fù)效果IMAGESDESIGNIMAGES重復(fù)效果●重復(fù)效果■重復(fù)——產(chǎn)生整齊與規(guī)則的效果交錯(cuò)效果重復(fù)與交錯(cuò)重復(fù)效12■對(duì)稱——產(chǎn)生平衡、整齊的效果■均衡——造成穩(wěn)定、莊重的感覺(jué)對(duì)稱與均衡均衡效果半對(duì)稱全對(duì)稱●■對(duì)稱——產(chǎn)生平衡、整齊的效果對(duì)稱與均衡均衡效果半對(duì)13■對(duì)比——強(qiáng)調(diào)大小、明暗、直曲的差異性■調(diào)和——強(qiáng)調(diào)兩個(gè)以上元素具有近似性對(duì)比效果對(duì)比與調(diào)和●調(diào)和-圖形近似性■對(duì)比——強(qiáng)調(diào)大小、明暗、直曲的差異性對(duì)比效果對(duì)比與調(diào)14■對(duì)比——強(qiáng)調(diào)大小、明暗、直曲的差異性■調(diào)和——強(qiáng)調(diào)兩個(gè)以上元素具有近似性對(duì)比與調(diào)和調(diào)和-色調(diào)近似性●調(diào)和-色調(diào)近似性■對(duì)比——強(qiáng)調(diào)大小、明暗、直曲的差異性對(duì)比與調(diào)和調(diào)和-15構(gòu)圖應(yīng)用3.2.2(1)根據(jù)用途確定界面類型●自學(xué)類型的界面(文字多，菜單詳盡)●演示類型的界面(圖片多，菜單精煉)●演示類型的界面(突出演示對(duì)象，可采用懸掛式菜單，不占空間)●

多媒體軟件界面設(shè)計(jì)規(guī)范(2)利用構(gòu)圖原則設(shè)計(jì)界面●自學(xué)類型的界面(各對(duì)象交錯(cuò)變化)構(gòu)圖應(yīng)用3.2.2(1)根據(jù)用途確定界面類型●自學(xué)類型的16●

一般形式(1)標(biāo)題(2)內(nèi)容(3)動(dòng)畫(huà)(4)圖標(biāo)網(wǎng)頁(yè)構(gòu)圖●●

特色形式(1)引入線、面構(gòu)圖概念(2)圖像、動(dòng)畫(huà)尺寸適度(3)色彩明亮、柔和，避免使用互補(bǔ)色(4)符合閱讀習(xí)慣●一般形式(1)標(biāo)題網(wǎng)頁(yè)構(gòu)圖●●特色形式(1)引入線17自然界的太陽(yáng)是標(biāo)準(zhǔn)發(fā)光體,而光實(shí)際上是一種按波長(zhǎng)輻射的電磁能.光的輻射波譜0.005nm0.01nm5nm350nm750nm0.4nm10kmγ射線x射線紫外線可見(jiàn)光紅外線無(wú)線電波

紫紫藍(lán)藍(lán)藍(lán)綠綠綠黃黃

橙橙紅紅350400500600700750波長(zhǎng)nm太陽(yáng)發(fā)射的可見(jiàn)光是由各種色光組合而成的白光，白光可分解為紅、橙、黃、綠、藍(lán)、紫六個(gè)標(biāo)準(zhǔn)色光譜。色彩構(gòu)成與視覺(jué)效果3.33.3.1色彩構(gòu)成概念自然界的太陽(yáng)是標(biāo)準(zhǔn)發(fā)光體,而光實(shí)際上是一種按波長(zhǎng)輻射的電磁18色彩構(gòu)成與視覺(jué)效果3.33.3.1色彩構(gòu)成概念●構(gòu)成——是指兩個(gè)或兩個(gè)以上的元素組合在一起，形成新的元素。●色彩構(gòu)成——為了某種目的，把兩個(gè)或兩個(gè)以上的色彩按照一定的原則進(jìn)行組合和搭配，以此形成新的色彩關(guān)系。在自然界中，物體本身沒(méi)有顏色，人們之所以能看到物體的顏色，是由于物體不同程度地吸收和反射了某些波長(zhǎng)的光線所致。3.3.2三原色色彩構(gòu)成與視覺(jué)效果3.33.3.1色彩構(gòu)成概念●構(gòu)成19三原色種類●■

RGB電腦彩色RedBlueGreen■

RYB顏料彩色RedYellowBlue顏色合成0~255灰階0~255灰階0~255灰階三原色種類●■RGB電腦彩色RedBlueGreen■20(1)色調(diào)或色相人眼看到一種或多種波長(zhǎng)的光時(shí)所產(chǎn)生的色彩感覺(jué)。某一物體的色調(diào)，是指該物體在日光照射下所反射的各光譜成分作用于人眼的綜合效果。色彩三要素3.3.3色度、亮度和飽和度(2)亮度或明度光波的振幅代表光的能量,稱為亮度或明度，振幅的差別給人以明暗的區(qū)別。(3)飽和度或純度色彩純粹的程度，即色彩的純度，即摻入白光的程度

。越接近標(biāo)準(zhǔn)色，純度越高。對(duì)于同一色調(diào)的彩色光，飽和度越深顏色越鮮明或說(shuō)越純。

例如，當(dāng)紅色加進(jìn)白光之后，沖淡為粉紅色，其基本色調(diào)還是紅色，但飽和度降低了

。(1)色調(diào)或色相色彩三要素3.3.3色度、亮度和飽和度(2)21色彩三要素的關(guān)系3.3.3●明度——色彩的明暗程度，亦稱“亮度”。明度對(duì)純度產(chǎn)生影響。明度降低，純度也隨之降低，反之亦然。自然光中純度最高的顏色黑、白、灰沒(méi)有純度●色相——顏色的相貌，用于區(qū)別顏色的種類。色相只和波長(zhǎng)有關(guān)，當(dāng)某顏色的明度、純度變化時(shí)，其波長(zhǎng)不會(huì)變，即：色相不變?！窦兌取实娘柡统潭?，亦稱“鮮艷度”、“純凈度”。純度不夠時(shí)，色相區(qū)分不明顯，明度也受到影響。色彩三要素的關(guān)系3.3.3●明度——色彩的明暗程度，亦22顏色的關(guān)系3.3.4灰度相鄰色互補(bǔ)色對(duì)比色冷色暖色顏色的關(guān)系3.3.4灰度相鄰色互補(bǔ)色對(duì)比色冷色暖色23顏色搭配要點(diǎn)3.3.5●

雙色●三色邊框●三色陰影●三色漸變●三色法提高醒目程度顏色搭配顏色搭配顏色搭配顏色搭配要點(diǎn)3.3.5●雙色●三色邊框●三色陰影●三24●

使用顏色條和中性色裝飾顏色關(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欠佳●

前景與背景不能使用相鄰色●●使用顏色條和中性色裝飾顏色關(guān)系顏色關(guān)系顏色關(guān)系顏色關(guān)系前25色彩的象征意義3.3.6●色彩可引起人們的某種聯(lián)想，這源于經(jīng)驗(yàn)、經(jīng)歷和學(xué)習(xí)。●

紅●橙●

黃●

綠●

藍(lán)●

紫○

黑●

白●

灰太陽(yáng)、旗幟、火、血柑桔、秋葉、燈光光線、迎春花、香蕉森林、草原、青山天空、海洋葡萄、丁香花夜晚、無(wú)燈光的房間雪景、紙張烏云、路面、靜物熱情、奔放、喜慶、幸福、活力、危險(xiǎn)金秋、歡喜、豐收、溫暖、嫉妒、警告光明、快活、希望、帝王、古羅馬高貴色和平、生意盎然、新鮮、可行理智、平靜、憂郁、深遠(yuǎn)、西方名門血統(tǒng)高貴、莊重、昔日最高等級(jí)、古希臘國(guó)王嚴(yán)肅、剛直、恐怖純潔、神圣、光明平凡、樸素、默默無(wú)聞、謙遜顏色直接聯(lián)想象征意義色彩的象征意義3.3.6●色彩可引起人們的某種聯(lián)想，這源于26多種數(shù)字信息的美學(xué)基礎(chǔ)3.43.4.1圖像美學(xué)●

要點(diǎn)1——圖像色調(diào)●正常色調(diào)具有真實(shí)感，常用做反映現(xiàn)實(shí)生活●單色調(diào)老舊、單一，常用做背景或刻意表現(xiàn)某一主題多種數(shù)字信息的美學(xué)基礎(chǔ)3.43.4.1圖像美學(xué)●要點(diǎn)127圖像清晰度●

顏色數(shù)量、分辨率與清晰度的關(guān)系清晰度28216224232顏色數(shù)量96dpi300dpi224彩色300dpi28彩色96dpi要點(diǎn)2——●圖像清晰度●顏色數(shù)量、分辨率清晰度2821628圖像選材規(guī)則(1)根據(jù)構(gòu)圖進(jìn)行拍照或選材。(2)選擇色彩豐富、輪廓清晰的圖片。居高臨下(3)用于背景的圖片要充滿畫(huà)面，用于裝飾的圖片要拍攝全景。用于裝飾用于背景要點(diǎn)3——●圖像選材規(guī)則(1)根據(jù)構(gòu)圖進(jìn)行拍照或選材。(2)選擇色彩29動(dòng)畫(huà)美學(xué)3.4.2●

畫(huà)面布局——留出動(dòng)畫(huà)主體的運(yùn)動(dòng)空間?！?/p>

動(dòng)畫(huà)調(diào)度——鏡頭推移、縱深運(yùn)動(dòng)、平面移動(dòng)的順序和方式。●動(dòng)態(tài)視覺(jué)規(guī)律——慢動(dòng)流暢、快動(dòng)引起注意?！駝?dòng)畫(huà)時(shí)間掌握——符合自然規(guī)律，適度夸張?！裨煨驮O(shè)計(jì)、動(dòng)作設(shè)計(jì)——鮮明個(gè)性，善惡分明，適度夸張。動(dòng)畫(huà)美學(xué)3.4.2●畫(huà)面布局——留出動(dòng)畫(huà)主體的運(yùn)動(dòng)空間30聲音美學(xué)3.4.3●

影響聲音美感的因素1)清晰度——錄制水平、載體材質(zhì)、采樣頻率、采樣位數(shù)。2)噪聲——錄制本底噪聲、介質(zhì)附加噪聲。3)音色——混響時(shí)間、聲源特質(zhì)、MIDI、WAV、MP3。4)旋律——作曲、演奏等音樂(lè)本身的屬性。噪聲增加混響時(shí)間正常音色表現(xiàn)Stop●

聲音運(yùn)用1)采用一個(gè)以上聲源的場(chǎng)合，采用交叉或者響度區(qū)分的方法。2)語(yǔ)音采用單聲道，樂(lè)曲采用立體聲。3)適當(dāng)添加聲音效果，彌補(bǔ)不足。例如混響時(shí)間、音調(diào)高低。聲音美學(xué)3.4.3●影響聲音美感的因素噪聲增加混響時(shí)間正常313.5拍攝數(shù)碼照片3.5.1●

拍攝數(shù)碼照片是獲取多媒體素材最簡(jiǎn)捷的方法構(gòu)圖有新意構(gòu)圖均衡■攝影構(gòu)圖注意的問(wèn)題(1)畫(huà)面布局(錯(cuò)落有致)(2)前景與背景的關(guān)系(講求縱深感)(3)光與影的關(guān)系(突出立體感)(4)畫(huà)面留有加工余地拍攝技巧3.5拍攝數(shù)碼照片3.5.1●拍攝數(shù)碼照片是獲取多媒體素32●●

光圈2.845.68111622快門1/s光圈B

81530601252505001000

感光指數(shù)為常數(shù)時(shí)的關(guān)系2.845.68111622攝影速度與光圈●

光圈與速度的關(guān)系(1)速度↑曝光量↓(2)光圈↑曝光量↑●

膠卷(負(fù)片)的感光度60°——感光速度慢，顆粒小，影像清晰，適于光照條件非常好的場(chǎng)合100°——感光速度中等，顆粒中，影像較清晰，適于白天400°——感光速度快，顆粒較粗，影像一般，適于傍晚、黎明、室內(nèi)1000°——感光速度極快，顆粒粗，影像一般，適于高速運(yùn)動(dòng)物體的攝影●●光圈快門1/s光圈B815306033自然光+輔助光人像攝影用光●反射光反射光反光傘反光傘反光傘反射光反光板有源光柔光燈箱日光直射光自然光+輔助光人像攝影用光●反射光反射光反光傘反光傘反光34數(shù)碼照片的后期處理●■色飽和調(diào)整■色調(diào)調(diào)整■構(gòu)圖調(diào)整數(shù)碼照片的后期處理●■色飽和調(diào)整■色調(diào)調(diào)整■構(gòu)圖調(diào)整353.5.2●

連接計(jì)算機(jī)的方式USB接口數(shù)碼照片的傳送(1)直接連接

●驅(qū)動(dòng)程序

●使用編輯傳送軟件(2)使用讀卡機(jī)

●驅(qū)動(dòng)程序

●使用資源管理器讀卡機(jī)驅(qū)動(dòng)程序●

照片文件格式●GIF256Colors●JPG(壓縮格式)●BMP(少見(jiàn))●TIF(專業(yè))3.5.2●連接計(jì)算機(jī)的方式USB接口數(shù)碼照片的傳送(136No.1強(qiáng)調(diào)構(gòu)圖No.2突出縱深感No.3日落光線數(shù)碼照片觀摩3.5.3No.1強(qiáng)調(diào)構(gòu)圖No.2突出縱深感No.3日落光37No.4強(qiáng)調(diào)景