《平面設計美學基礎》教學課件

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

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

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

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

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

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

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

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

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

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

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

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

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

14、圖注意的問題 (1) 畫面布局 (錯落有致) (2) 前景與背景的關系 (講求縱深感) (3) 光與影的關系 (突出立體感) (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ù)時的關系2.845.68111622攝影速度與光圈 光圈與速度的關系 (1) 速度 曝光量 (2) 光圈 曝光量 膠卷 (負片) 的感光度 60 感光速度慢，顆粒小，影像清晰，適于光照條件非常好的場合 100 感光速度中等，顆粒中，影像較清晰，適于白天 400 感光速度快，顆粒較

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

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