多媒体艺术与技术PPT课件

1、1,多媒体的视觉艺术,网页设计相关知识 网页设计的基本元素 优秀网站的欣赏和分析 设计与制作网页的视觉效果图,2,什么是艺术？什么是现代艺术？,一、多媒体视觉艺术,3,现代艺术的发展规律,第一、重视主观的表现 视觉影像的元素通常受设计者个人主观喜好与判断的影响，设计者用什么图片、设计什么样的动画、采用何种颜色和版型的规划，通常没有一定的标准。 第二、注重形式与观念方面的标新立异 第三、重视对传统经典观念的反叛,4,现代艺术与媒体的关系,5,信息技术的发展,1827年，人类发明摄影术。 1858年，连接欧美的跨洋电缆铺设，便利了信息的传递与接收。 1888年，伊斯曼在美国推出现代意义上的照相机，

2、取名“柯达”。 1895年，电影在法国的卢米埃尔兄弟手中诞生。 1922年，美国出现第一家商业广播电台。 1936年，最早在英国出现了电视台。 1954年，第一个半导体收音机问世。 1973年，彩色复印机在美国问世。 1982年，索尼研制出第一台便携式摄像机。 1987年，飞利浦公司与宝丽金公司推出第一张激光唱片。 1990年代互联网在美国被商业化应用。,6,新媒体艺术的产生背景,7,网页设计的色彩基础,网页色彩搭配原则： 1、特色鲜明，风格独特，可以给浏览者以深刻的印象。 2、搭配合理，遵从艺术规律，考虑人性特点，努力做到和谐愉快。 3、讲究艺术性，充分考虑网站本身的特点，按照内容决定形式，

3、大胆进行创新,8,色彩标版,9,色彩搭配时要注意的问题,使用单色：通过调整色彩的饱和度与透明度来产生变化，避免单调。 使用邻近色：即色带上相邻的颜色，这样可以避免色彩纷杂，易于页面的和谐统一。 使用对比色：对比色可以突出重点，产生强烈的视觉效果，合理使用可以做到特色鲜明，突出重点。,10,黑色的使用：黑色是一种特殊的颜色，一般情况下用来做背景色或和其它背景色（色调）搭配。 背景色的使用：一般采用黑色或素淡清雅的颜色，避免使用复杂图片或纯度太高的颜色，同时应与文字对比稍为强烈。 色彩的数量：网站使用的颜色并非越多越好，一般控制不超过三种为好，并通过调节颜色的属性来产生变化。,色彩搭配时要注意的问

4、题,11,实例分析,使用单色,12,使用邻近色,13,使用对比色,14,黑色的使用,15,背景色的使用,16,色彩的数量,17,网页的布局元素,了解网页布局中约定俗成的标准 了解到多数浏览者的阅读习惯 在此基础上勇于创造出新的设计方案,18,页面尺寸与屏幕的分辨率大小有关，此外浏览器会占据相应的面积。 屏幕分辨率是800*600时页面显示为780*428；屏幕分辨率是1024*768时时页面显示为1007*600. 向下拖屏是增加网页尺寸的最好方法，但拖屏最好不要超过三屏。,页面尺寸,19,造型就是创造出来的物体形象。 显示器是矩形的，但可以充分利用自然界的其它形状加以组合。 对以不同的形状，

5、代表不同的意义。 例如：圆形团结、和谐、圆满 三角形稳定、力量,整体造型,20,又称页眉，作用是定义主题，是设计的关键。 页头常用来放置站点的名称、图片、公司的标志及旗帜广告。,页头,21,文本在页面中以行（线）或块（面）出现。 文本的摆放决定着整个网页布局的可视性。 随着制作技术的发展，文本在页面上的布置具有更高的灵活性。,文本,22,页脚与页头相呼应，多用来放置制作者或是公司的相关信息。 也叫的设计应与页头相互统一，但不可喧兵夺主。,页脚,23,图片是网页视觉构成的又一大因素，合成处理好的图片与文本的位置是网页布局的关键。 图片在选择上应与网页色调相统一。,图片,24,声音、动画、视频、互

6、动特效等越来越多的被使用在网页设计当中。 它们在布局上变得更为重要。,多媒体,25,新符号 多媒体视觉艺术的造型机制,26,多媒体环境下产生的新符号,什么是符号？ 记号、标识。在一种认知体系中，符号是指代一定意义的意象，可以是图形图像、文字组合，也不妨是声音信号、建筑造型，甚至可以是一种思想文化、一个时事人物。总之，能够作为某一事物标志的，都有可称为符号。,27,文字符号 汉字 - 甲骨文 - 罗马数字 - 拉丁语 标点符号 ?（问号） !（感叹号） 。（句号） （与及） ，（逗号） “”（引号）：（冒号） （破折号） 、（顿号） 数学符号=（等号） +（加号） -（减号） （乘号） （除号）

7、,人类社会常用符号,28,多媒体催生了新的符号,多种媒体的使用，如手机短信、彩信、网络新闻、网页设计等，促使人们根据交往和信息传播的需要，不断改进符号的表现形式，从而使我们的视觉世界变得丰富多彩。,29,1、手机短信为代表的视觉符号,特点：简单形象的视觉符号 可代替同种意义的文字语言,:-) 这是最普通的基本笑脸，表示微笑。 :-D 非常高兴地张嘴大笑。 8-) 同样是笑脸，但笑的人眼睛很大。 ;-) 抛媚眼，含有别意！ :-0 “哇！”表示吃惊或恍然大悟。 :-() 更大的“哇！” :-o 有什么精彩的？怎么目瞪口呆的！ |-) 这是咪着眼笑，也表示回信回得快睡着了。 |-P 捧腹大笑。 :

8、- 难过时候的苦笑。,30,-( 哼！不看我，受不了的痛苦 !-) 哇！是大眼瞪小眼，还是睁一只眼闭一只眼？ #-) 一夜没睡，眼睛都皱成一团了！ #:-) 随时保持头发的乱度，决不轻易梳头。 :-9 舌头舔着嘴唇地笑。 %-) 哇，跌破眼镜！或者表示额前有着一小撮 刘海。 %- 呵呵呵我可没醉呵呵呵 :- 抿着嘴，一副如泣如诉的神情。 :-) 早上没睡好，刮胡子把眉毛剃掉了一边。,31,:-) 中分的发型，帅不帅？ (-_-) 神秘笑容（这个不需转头看）。 (:)-) 哈哈！一个小蛙人，戴着潜水镜在偷笑。 (:-* 暗示这个人在生病、反胃。 (:-& 暗示这个人正在生气。 (:-( 愁眉苦脸，不晓得又发生了什么事。 (:-) 是一张大笑脸，也有人说是一个大光头。 (:-* Kiss (:- 哇！心碎。 (:-D) 真是大嘴巴，多嘴！,32,特点：这些符号形象各异，色彩丰富 表情多样，且具有动态感,2、以QQ表情为代表的网络语言符号,33,常见的动态表情符号,34,常见的动态表情符号,35,3、虚拟的形象符号,主要分为： 1、网络或电视主持人 2、用合成图片制作而成的视觉 艺术品,36,37,新符号的特征,从组合上