多媒体艺术与技术03.ppt

《多媒体艺术与技术03.ppt》由会员分享，可在线阅读，更多相关《多媒体艺术与技术03.ppt（37页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、多媒体的视觉艺术多媒体的视觉艺术网页设计相关知识网页设计相关知识网页设计相关知识网页设计相关知识网页设计的基本元素网页设计的基本元素网页设计的基本元素网页设计的基本元素优秀网站的欣赏和分析优秀网站的欣赏和分析优秀网站的欣赏和分析优秀网站的欣赏和分析设计与制作网页的视觉效果设计与制作网页的视觉效果设计与制作网页的视觉效果设计与制作网页的视觉效果图图图图uu什么是艺术？什么是现代艺术？什么是艺术？什么是现代艺术？艺艺术术，是是人人们们为为了了更更好好地地满满足足自自己己对对主主观观缺缺憾憾的的慰慰籍籍需求和情感器官的行为需求而创造出的一种文化现象。需求和情感器官的行为需求而创造出的一种文化现象。“

2、现现代代艺艺术术”是是西西方方20世世纪纪以以来来的的占占主主导导地地位位的的艺艺术术形形态态。从从20世世纪纪初初开开始始，随随着着西西方方社社会会进进入入现现代代时时期期，出出现现了了与与古古典典艺艺术术和和近近代代艺艺术术不不同同面面貌貌的的现现代代艺艺术术，它它的的突突出出特特征征是是在在艺艺术术形形式式上上不不再再以以写写实实的的风风格格为为主主，而而是是体体现现艺艺术术家家个个性性的的观观念念和和形形式式语语言言，并并且且形形成成了了许许多多艺艺术术流流派派，一一个个时时期期以以某某种种艺艺术术流流派派为为主主导导。如如我我们们比比较较熟熟悉悉的的立立体体派派、未未来来派派、超超现

3、现实实主主义义、抽抽象象主主义义、波波普普艺艺术术、照照相写实主义，等等。相写实主义，等等。一、多媒体视觉艺术uu第一、重视主观的表现第一、重视主观的表现uu视觉影像的元素通常受设计者个人主观喜好与判视觉影像的元素通常受设计者个人主观喜好与判断的影响，设计者用什么图片、设计什么样的动断的影响，设计者用什么图片、设计什么样的动画、采用何种颜色和版型的规划，通常没有一定画、采用何种颜色和版型的规划，通常没有一定的标准。的标准。uu第二、注重形式与观念方面的标新立异第二、注重形式与观念方面的标新立异 uu第三、重视对传统经典观念的反叛第三、重视对传统经典观念的反叛uu现代艺术与媒体的关系现代艺术与媒

4、体的关系现代艺术与媒体的关系现代艺术与媒体的关系 艺术、美术与视觉艺术艺术、美术与视觉艺术艺术、美术与视觉艺术艺术、美术与视觉艺术 艺术、美术、视觉艺术主要涵盖的范围。艺术、美术、视觉艺术主要涵盖的范围。艺术的发展历程艺术的发展历程 现代艺术观念的革命现代艺术观念的革命现代艺术观念的革命现代艺术观念的革命 观念上的革命使人人都可能成为了艺术家观念上的革命使人人都可能成为了艺术家 P.O.PP.O.PP.O.PP.O.P与新媒体艺术与新媒体艺术与新媒体艺术与新媒体艺术 POPPOP与与P.O.PP.O.P的区别（波普艺术与焦点广告）的区别（波普艺术与焦点广告）网络的介入网络的介入uu信息技术的发

5、展信息技术的发展uu1827182718271827年，人类发明摄影术。年，人类发明摄影术。年，人类发明摄影术。年，人类发明摄影术。uu1858185818581858年，连接欧美的跨洋电缆铺设，便利了信息的传递与接年，连接欧美的跨洋电缆铺设，便利了信息的传递与接年，连接欧美的跨洋电缆铺设，便利了信息的传递与接年，连接欧美的跨洋电缆铺设，便利了信息的传递与接收。收。收。收。uu1888188818881888年，伊斯曼在美国推出现代意义上的照相机，取名年，伊斯曼在美国推出现代意义上的照相机，取名年，伊斯曼在美国推出现代意义上的照相机，取名年，伊斯曼在美国推出现代意义上的照相机，取名“柯柯柯柯达

6、达达达”。uu1895189518951895年，电影在法国的卢米埃尔兄弟手中诞生。年，电影在法国的卢米埃尔兄弟手中诞生。年，电影在法国的卢米埃尔兄弟手中诞生。年，电影在法国的卢米埃尔兄弟手中诞生。uu1922192219221922年，美国出现第一家商业广播电台。年，美国出现第一家商业广播电台。年，美国出现第一家商业广播电台。年，美国出现第一家商业广播电台。uu1936193619361936年，最早在英国出现了电视台。年，最早在英国出现了电视台。年，最早在英国出现了电视台。年，最早在英国出现了电视台。uu1954195419541954年，第一个半导体收音机问世。年，第一个半导体收音机问世

7、。年，第一个半导体收音机问世。年，第一个半导体收音机问世。uu1973197319731973年，彩色复印机在美国问世。年，彩色复印机在美国问世。年，彩色复印机在美国问世。年，彩色复印机在美国问世。uu1982198219821982年，索尼研制出第一台便携式摄像机。年，索尼研制出第一台便携式摄像机。年，索尼研制出第一台便携式摄像机。年，索尼研制出第一台便携式摄像机。uu1987198719871987年，飞利浦公司与宝丽金公司推出第一张激光唱片。年，飞利浦公司与宝丽金公司推出第一张激光唱片。年，飞利浦公司与宝丽金公司推出第一张激光唱片。年，飞利浦公司与宝丽金公司推出第一张激光唱片。uu199

8、0199019901990年代互联网在美国被商业化应用。年代互联网在美国被商业化应用。年代互联网在美国被商业化应用。年代互联网在美国被商业化应用。新媒体艺术的产生背景新媒体艺术的产生背景艺术、现代艺术艺术、现代艺术POPPOP与与P.O.PP.O.P观念变革观念变革信息科技发展信息科技发展网络的普及网络的普及科技改变我们的感受科技改变我们的感受新媒体艺术新媒体艺术舞蹈与表演艺术舞蹈与表演艺术 音乐艺术音乐艺术 语言艺术语言艺术 视觉艺术视觉艺术网页设计的色彩基础网页设计的色彩基础|网页色彩搭配原则：网页色彩搭配原则：1 1、特色鲜明，风格独特，可以给浏览者、特色鲜明，风格独特，可以给浏览者以深

9、刻的印象。以深刻的印象。2 2、搭配合理，遵从艺术规律，考虑人性特、搭配合理，遵从艺术规律，考虑人性特点，努力做到和谐愉快。点，努力做到和谐愉快。3 3、讲究艺术性，充分考虑网站本身的特点，、讲究艺术性，充分考虑网站本身的特点，按照内容决定形式，大胆进行创新按照内容决定形式，大胆进行创新色彩标版色彩标版色彩搭配时要注意的问题色彩搭配时要注意的问题使用单色：通过调整色彩的饱和度与透明使用单色：通过调整色彩的饱和度与透明度来产生变化，避免单调。度来产生变化，避免单调。使用邻近色：即色带上相邻的颜色，这样使用邻近色：即色带上相邻的颜色，这样可以避免色彩纷杂，易于页面的和谐统一。可以避免色彩纷杂，易于

10、页面的和谐统一。使用对比色：对比色可以突出重点，产生使用对比色：对比色可以突出重点，产生强烈的视觉效果，合理使用可以做到特色鲜强烈的视觉效果，合理使用可以做到特色鲜明，突出重点。明，突出重点。黑色的使用：黑色是一种特殊的颜色，一黑色的使用：黑色是一种特殊的颜色，一般情况下用来做背景色或和其它背景色般情况下用来做背景色或和其它背景色（色调）搭配。（色调）搭配。背景色的使用：一般采用黑色或素淡清雅背景色的使用：一般采用黑色或素淡清雅的颜色，避免使用复杂图片或纯度太高的的颜色，避免使用复杂图片或纯度太高的颜色，同时应与文字对比稍为强烈。颜色，同时应与文字对比稍为强烈。色彩的数量：网站使用的颜色并非越

11、多越色彩的数量：网站使用的颜色并非越多越好，一般控制不超过三种为好，并通过调好，一般控制不超过三种为好，并通过调节颜色的属性来产生变化。节颜色的属性来产生变化。色彩搭配时要注意的问题色彩搭配时要注意的问题实例分析实例分析使用单色使用单色使用邻近色使用邻近色使用对比色使用对比色黑色的使用黑色的使用背景色背景色的使用的使用色彩的数量色彩的数量网页的布局元素网页的布局元素uu了解网页布局中约定俗成的标准了解网页布局中约定俗成的标准uu了解到多数浏览者的阅读习惯了解到多数浏览者的阅读习惯uu在此基础上勇于创造出新的设计方案在此基础上勇于创造出新的设计方案uu页面尺寸与屏幕的分辨率大小有关，此外页面尺寸

12、与屏幕的分辨率大小有关，此外浏览器会占据相应的面积。浏览器会占据相应的面积。uu屏幕分辨率是屏幕分辨率是800*600800*600时页面显示为时页面显示为780*428780*428；屏幕分辨率是；屏幕分辨率是1024*7681024*768时时时时页面显示为页面显示为1007*600.1007*600.uu向下拖屏是增加网页尺寸的最好方法，但向下拖屏是增加网页尺寸的最好方法，但拖屏最好不要超过三屏。拖屏最好不要超过三屏。页面尺寸页面尺寸uu造型就是创造出来的物体形象。造型就是创造出来的物体形象。uu显示器是矩形的，但可以充分利用自然界显示器是矩形的，但可以充分利用自然界的其它形状加以组合。

13、的其它形状加以组合。uu对以不同的形状，代表不同的意义。对以不同的形状，代表不同的意义。例如：圆形团结、和谐、圆满 三角形稳定、力量 整体造型整体造型uu又称页眉，作用是定义主题，是设计的关又称页眉，作用是定义主题，是设计的关键。键。uu页头常用来放置站点的名称、图片、公司页头常用来放置站点的名称、图片、公司的标志及旗帜广告。的标志及旗帜广告。页头页头uu文本在页面中以行（线）或块（面）出现。文本在页面中以行（线）或块（面）出现。uu文本的摆放决定着整个网页布局的可视性。文本的摆放决定着整个网页布局的可视性。uu随着制作技术的发展，文本在页面上的布随着制作技术的发展，文本在页面上的布置具有更高

14、的灵活性。置具有更高的灵活性。文本文本uu页脚与页头相呼应，多用来放置制作者或页脚与页头相呼应，多用来放置制作者或是公司的相关信息。是公司的相关信息。uu也叫的设计应与页头相互统一，但不可喧也叫的设计应与页头相互统一，但不可喧兵夺主。兵夺主。页脚页脚uu图片是网页视觉构成的又一大因素，合成图片是网页视觉构成的又一大因素，合成处理好的图片与文本的位置是网页布局的处理好的图片与文本的位置是网页布局的关键。关键。uu图片在选择上应与网页色调相统一。图片在选择上应与网页色调相统一。图片图片uu声音、动画、视频、互动特效等越来越多声音、动画、视频、互动特效等越来越多的被使用在网页设计当中。的被使用在网页

15、设计当中。uu它们在布局上变得更为重要。它们在布局上变得更为重要。多媒体多媒体新符号新符号 多媒体视觉艺术的造型机制多媒体视觉艺术的造型机制多媒体环境下产生的新符号多媒体环境下产生的新符号 uu什么是符号？什么是符号？记号、标识。在一种认知体系中，符号是指记号、标识。在一种认知体系中，符号是指代一定意义的意象，可以是图形图像、文代一定意义的意象，可以是图形图像、文字组合，也不妨是声音信号、建筑造型，字组合，也不妨是声音信号、建筑造型，甚至可以是一种思想文化、一个时事人物。甚至可以是一种思想文化、一个时事人物。总之，能够作为某一事物标志的，都有可总之，能够作为某一事物标志的，都有可称为符号。称为

16、符号。uu文字符号文字符号汉字汉字-甲骨文甲骨文-罗马数字罗马数字-拉丁语拉丁语 uu标点符号标点符号?（问号）!（感叹号）。（句号）（与及），（逗号）“”（引号）：（冒号）（破折号）、（顿号）uu数学符号数学符号=（等号）+（加号）-（减号）（乘号）（除号）人类社会常用符号人类社会常用符号多媒体催生了新的符号多媒体催生了新的符号uu多种媒体的使用，如手机短信、彩信、多种媒体的使用，如手机短信、彩信、网络新闻、网页设计等，促使人们根据网络新闻、网页设计等，促使人们根据交往和信息传播的需要，不断改进符号交往和信息传播的需要，不断改进符号的表现形式，从而使我们的视觉世界变的表现形式，从而使我们的视

17、觉世界变得丰富多彩。得丰富多彩。1 1、手机短信为代表的视觉符号、手机短信为代表的视觉符号特点：简单形象的视觉符号特点：简单形象的视觉符号 可代替同种意义的文字语言可代替同种意义的文字语言:-):-)这是最普通的基本笑脸，表示微笑。:-D:-D 非常高兴地张嘴大笑。8-)8-)同样是笑脸，但笑的人眼睛很大。;-);-)抛媚眼，含有别意！:-0:-0 “哇！”表示吃惊或恍然大悟。:-():-()更大的“哇！”:-o:-o 有什么精彩的？怎么目瞪口呆的！|-)|-)这是咪着眼笑，也表示回信回得快睡着了。|-P|-P 捧腹大笑。:-:-难过时候的苦笑。uu-(-(哼！不看我，受不了的痛苦!-)!-)

18、哇！是大眼瞪小眼，还是睁一只眼闭一只眼？#-)#-)一夜没睡，眼睛都皱成一团了！#:-)#:-)随时保持头发的乱度，决不轻易梳头。:-9:-9 舌头舔着嘴唇地笑。%-)%-)哇，跌破眼镜！或者表示额前有着一小撮 刘海。%-%-呵呵呵我可没醉呵呵呵:-:-抿着嘴，一副如泣如诉的神情。:-):-)早上没睡好，刮胡子把眉毛剃掉了一边。uu:-):-)中分的发型，帅不帅？(-_-)(-_-)神秘笑容（这个不需转头看）。(:)-)(:)-)哈哈！一个小蛙人，戴着潜水镜在偷笑。(:-*(:-*暗示这个人在生病、反胃。(:-&(:-&暗示这个人正在生气。(:-(:-(愁眉苦脸，不晓得又发生了什么事。(:-)

19、(:-)是一张大笑脸，也有人说是一个大光头。(:-*(:-*Kiss(:-(:-哇！心碎。(:-D)(:-D)真是大嘴巴，多嘴！uu特点：这些符号形象各异，色彩丰富特点：这些符号形象各异，色彩丰富特点：这些符号形象各异，色彩丰富特点：这些符号形象各异，色彩丰富 表情多样，且具有动态感表情多样，且具有动态感表情多样，且具有动态感表情多样，且具有动态感2 2、以、以QQQQ表情为代表的网络语言符号表情为代表的网络语言符号常见的动态表情符号常见的动态表情符号常见的动态表情符号3 3、虚拟的形象符号、虚拟的形象符号uu主要分为：主要分为：1 1、网络或电视主持人、网络或电视主持人 2 2、用合成图片制

20、作而成的视觉、用合成图片制作而成的视觉 艺术品艺术品新符号的特征新符号的特征uu从组合上来看，它们都是旧元素的新组合。从组合上来看，它们都是旧元素的新组合。uu从表现效果上来看，这些新符号都是以形达意，从表现效果上来看，这些新符号都是以形达意，简明形象。简明形象。uu新的形象符号比以往更精致更准确，打破人们新的形象符号比以往更精致更准确，打破人们对旧形式的刻板印象。对旧形式的刻板印象。uu新的形象符号表达出新一代人的共同心理特征：新的形象符号表达出新一代人的共同心理特征：大胆、幽默、简约、夸张。大胆、幽默、简约、夸张。uu这些符号都源于新媒体的技术特点，新媒体是这些符号都源于新媒体的技术特点，新媒体是它们的催生力量。它们的催生力量。