平面設(shè)計美學(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)成與視覺效果3.3.1色彩構(gòu)成概念3.3.2三原色3.3.3色彩三要素3.3.4顏色的關(guān)系3.3.5顏色搭配要點3.3.6色彩的象征意義3.4多種數(shù)字信息的美學(xué)基礎(chǔ)3.4.1圖像美學(xué)3.4.2動畫美學(xué)3.4.3聲音美學(xué)3.5拍攝數(shù)碼照片第3章美學(xué)基礎(chǔ)3.1美學(xué)基本概念3.3.2美學(xué)基本概念3.13.1.1什么是美學(xué)●

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

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

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

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

繪畫●

色彩構(gòu)成美學(xué)的精華。色彩歷來是人們最為敏感的部分，研究兩個以上的色彩關(guān)系、精確到位的色彩組合、良好的色彩搭配是色彩構(gòu)成的主要內(nèi)容。●

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

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

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

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

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

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

橙橙紅紅350400500600700750波長nm太陽發(fā)射的可見光是由各種色光組合而成的白光，白光可分解為紅、橙、黃、綠、藍(lán)、紫六個標(biāo)準(zhǔn)色光譜。色彩構(gòu)成與視覺效果3.33.3.1色彩構(gòu)成概念自然界的太陽是標(biāo)準(zhǔn)發(fā)光體,而光實際上是一種按波長輻射的電磁18色彩構(gòu)成與視覺效果3.33.3.1色彩構(gòu)成概念●構(gòu)成——是指兩個或兩個以上的元素組合在一起，形成新的元素?！裆蕵?gòu)成——為了某種目的，把兩個或兩個以上的色彩按照一定的原則進(jìn)行組合和搭配，以此形成新的色彩關(guān)系。在自然界中，物體本身沒有顏色，人們之所以能看到物體的顏色，是由于物體不同程度地吸收和反射了某些波長的光線所致。3.3.2三原色色彩構(gòu)成與視覺效果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)或色相人眼看到一種或多種波長的光時所產(chǎn)生的色彩感覺。某一物體的色調(diào)，是指該物體在日光照射下所反射的各光譜成分作用于人眼的綜合效果。色彩三要素3.3.3色度、亮度和飽和度(2)亮度或明度光波的振幅代表光的能量,稱為亮度或明度，振幅的差別給人以明暗的區(qū)別。(3)飽和度或純度色彩純粹的程度，即色彩的純度，即摻入白光的程度

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

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

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

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

使用顏色條和中性色裝飾顏色關(guān)系COLORS顏色關(guān)系COLORS顏色關(guān)系COLORS顏色關(guān)系COLORS前景、背景搭配要點顏色關(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)驗、經(jīng)歷和學(xué)習(xí)。●

紅●橙●

黃●

綠●

藍(lán)●

紫○

黑●

白●

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

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

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

畫面布局——留出動畫主體的運動空間。●

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

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

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

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

光圈2.845.68111622快門1/s光圈B

81530601252505001000

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

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

膠卷(負(fù)片)的感光度60°——感光速度慢，顆粒小，影像清晰，適于光照條件非常好的場合100°——感光速度中等，顆粒中，影像較清晰，適于白天400°——感光速度快，顆粒較粗，影像一般，適于傍晚、黎明、室內(nèi)1000°——感光速度極快，顆粒粗，影像一般，適于高速運動物體的攝影●●光圈快門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●

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

●驅(qū)動程序

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

●驅(qū)動程序

●使用資源管理器讀卡機驅(qū)動程序●

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