多媒體的視覺藝術,網(wǎng)頁設計相關知識 網(wǎng)頁設計的基本元素 優(yōu)秀網(wǎng)站的欣賞和分析 設計與制作網(wǎng)頁的視覺效果圖,什么是藝術？什么是現(xiàn)代藝術？,一、多媒體視覺藝術,現(xiàn)代藝術的發(fā)展規(guī)律,第一、重視主觀的表現(xiàn) 視覺影像的元素通常受設計者個人主觀喜好與判斷的影響，設計者用什么圖片、設計什么樣的動畫、采用何種顏色和版型的規(guī)劃，通常沒有一定的標準。 第二、注重形式與觀念方面的標新立異 第三、重視對傳統(tǒng)經(jīng)典觀念的反叛,現(xiàn)代藝術與媒體的關系,信息技術的發(fā)展,1827年，人類發(fā)明攝影術。 1858年，連接歐美的跨洋電纜鋪設，便利了信息的傳遞與接收。 1888年，伊斯曼在美國推出現(xiàn)代意義上的照相機，取名“柯達”。 1895年，電影在法國的盧米埃爾兄弟手中誕生。 1922年，美國出現(xiàn)第一家商業(yè)廣播電臺。 1936年，最早在英國出現(xiàn)了電視臺。 1954年，第一個半導體收音機問世。 1973年，彩色復印機在美國問世。 1982年，索尼研制出第一臺便攜式攝像機。 1987年，飛利浦公司與寶麗金公司推出第一張激光唱片。 1990年代互聯(lián)網(wǎng)在美國被商業(yè)化應用。,新媒體藝術的產(chǎn)生背景,網(wǎng)頁設計的色彩基礎,網(wǎng)頁色彩搭配原則： 1、特色鮮明，風格獨特，可以給瀏覽者以深刻的印象。 2、搭配合理，遵從藝術規(guī)律，考慮人性特點，努力做到和諧愉快。 3、講究藝術性，充分考慮網(wǎng)站本身的特點，按照內(nèi)容決定形式，大膽進行創(chuàng)新,色彩標版,色彩搭配時要注意的問題,使用單色：通過調(diào)整色彩的飽和度與透明度來產(chǎn)生變化，避免單調(diào)。 使用鄰近色：即色帶上相鄰的顏色，這樣可以避免色彩紛雜，易于頁面的和諧統(tǒng)一。 使用對比色：對比色可以突出重點，產(chǎn)生強烈的視覺效果，合理使用可以做到特色鮮明，突出重點。,黑色的使用：黑色是一種特殊的顏色，一般情況下用來做背景色或和其它背景色（色調(diào)）搭配。 背景色的使用：一般采用黑色或素淡清雅的顏色，避免使用復雜圖片或純度太高的顏色，同時應與文字對比稍為強烈。 色彩的數(shù)量：網(wǎng)站使用的顏色并非越多越好，一般控制不超過三種為好，并通過調(diào)節(jié)顏色的屬性來產(chǎn)生變化。,色彩搭配時要注意的問題,實例分析,使用單色,使用鄰近色,使用對比色,黑色的使用,背景色的使用,色彩的數(shù)量,網(wǎng)頁的布局元素,了解網(wǎng)頁布局中約定俗成的標準 了解到多數(shù)瀏覽者的閱讀習慣 在此基礎上勇于創(chuàng)造出新的設計方案,頁面尺寸與屏幕的分辨率大小有關，此外瀏覽器會占據(jù)相應的面積。 屏幕分辨率是800*600時頁面顯示為780*428；屏幕分辨率是1024*768時時頁面顯示為1007*600. 向下拖屏是增加網(wǎng)頁尺寸的最好方法，但拖屏最好不要超過三屏。,頁面尺寸,造型就是創(chuàng)造出來的物體形象。 顯示器是矩形的，但可以充分利用自然界的其它形狀加以組合。 對以不同的形狀，代表不同的意義。 例如：圓形團結、和諧、圓滿 三角形穩(wěn)定、力量,整體造型,又稱頁眉，作用是定義主題，是設計的關鍵。 頁頭常用來放置站點的名稱、圖片、公司的標志及旗幟廣告。,頁頭,文本在頁面中以行（線）或塊（面）出現(xiàn)。 文本的擺放決定著整個網(wǎng)頁布局的可視性。 隨著制作技術的發(fā)展，文本在頁面上的布置具有更高的靈活性。,文本,頁腳與頁頭相呼應，多用來放置制作者或是公司的相關信息。 也叫的設計應與頁頭相互統(tǒng)一，但不可喧兵奪主。,頁腳,圖片是網(wǎng)頁視覺構成的又一大因素，合成處理好的圖片與文本的位置是網(wǎng)頁布局的關鍵。 圖片在選擇上應與網(wǎng)頁色調(diào)相統(tǒng)一。,圖片,聲音、動畫、視頻、互動特效等越來越多的被使用在網(wǎng)頁設計當中。 它們在布局上變得更為重要。,多媒體,新符號 多媒體視覺藝術的造型機制,多媒體環(huán)境下產(chǎn)生的新符號,什么是符號？ 記號、標識。在一種認知體系中，符號是指代一定意義的意象，可以是圖形圖像、文字組合，也不妨是聲音信號、建筑造型，甚至可以是一種思想文化、一個時事人物?？傊?，能夠作為某一事物標志的，都有可稱為符號。,文字符號 漢字 - 甲骨文 - 羅馬數(shù)字 - 拉丁語 標點符號 ?（問號） !（感嘆號） 。（句號） （與及） ，（逗號） “”（引號）：（冒號） （破折號） 、（頓號） 數(shù)學符號 =（等號） +（加號） -（減號） （乘號） （除號）,人類社會常用符號,多媒體催生了新的符號,多種媒體的使用，如手機短信、彩信、網(wǎng)絡新聞、網(wǎng)頁設計等，促使人們根據(jù)交往和信息傳播的需要，不斷改進符號的表現(xiàn)形式，從而使我們的視覺世界變得豐富多彩。,1、手機短信為代表的視覺符號,特點：簡單形象的視覺符號 可代替同種意義的文字語言,:-) 這是最普通的基本笑臉，表示微笑。 :-D 非常高興地張嘴大笑。 8-) 同樣是笑臉，但笑的人眼睛很大。 ;-) 拋媚眼，含有別意！ :-0 “哇！”表示吃驚或恍然大悟。 :-() 更大的“哇！” :-o 有什么精彩的？怎么目瞪口呆的！ |-) 這是咪著眼笑，也表示回信回得快睡著了。 |-P 捧腹大笑。 :- 難過時候的苦笑。,-( 哼！不看我，受不了的痛苦 !-) 哇！是大眼瞪小眼，還是睜一只眼閉一只眼？ #-) 一夜沒睡，眼睛都皺成一團了！ #:-) 隨時保持頭發(fā)的亂度，決不輕易梳頭。 :-9 舌頭舔著嘴唇地笑。 %-) 哇，跌破眼鏡！或者表示額前有著一小撮 劉海。 %- 呵呵呵我可沒醉呵呵呵 :- 抿著嘴，一副如泣如訴的神情。 :-) 早上沒睡好，刮胡子把眉毛剃掉了一邊。,:-) 中分的發(fā)型，帥不帥？ (-_-) 神秘笑容（這個不需轉頭看）。 (:)-) 哈哈！一個小蛙人，戴著潛水鏡在偷笑。 (:-* 暗示這個人在生病、反胃。 (:-& 暗示這個人正在生氣。 (:-( 愁眉苦臉，不曉得又發(fā)生了什么事。 (:-) 是一張大笑臉，也有人說是一個大光頭。 (:-* Kiss (:- 哇！心碎。 (:-D) 真是大嘴巴，多嘴！,特點：這些符號形象各異，色彩豐富 表情多樣，且具有動態(tài)感,2、以QQ表情為代表的網(wǎng)絡語言符號,常見的動態(tài)表情符號,常見的動態(tài)表情符號,3、虛擬的形象符號,主要分為： 1、網(wǎng)絡或電視主持人 2、用合成圖片制作而成的視覺 藝術品,新符號的特征,從組合上來看，它們