《多媒体艺术与技术03.ppt》由会员分享，可在线阅读，更多相关《多媒体艺术与技术03.ppt（37页珍藏版）》请在三一文库上搜索。
1、多媒体的视觉艺术 w网页设计相关知识 w网页设计的基本元素 w优秀网站的欣赏和分析 w设计与制作网页的视觉效果 图 u什么是艺术？什么是现代艺术？ 艺术，是人们为了更好地满足自己对主观缺憾的慰籍 需求和情感器官的行为需求而创造出的一种文化现象。 “现代艺术”是西方20世纪以来的占主导地位的艺术形态。从20 世纪初开始，随着西方社会进入现代时期，出现了与古典艺术和近 代艺术不同面貌的现代艺术，它的突出特征是在艺术形式上不再以 写实的风格为主，而是体现艺术家个性的观念和形式语言，并且形 成了许多艺术流派，一个时期以某种艺术流派为主导。如我们比较 熟悉的立体派、未来派、超现实主义、抽象主义、波普艺术
2、、照相 写实主义，等等。 一、多媒体视觉艺术 u第一、重视主观的表现 u视觉影像的元素通常受设计者个人主观喜好与判 断的影响，设计者用什么图片、设计什么样的动 画、采用何种颜色和版型的规划，通常没有一定 的标准。 u第二、注重形式与观念方面的标新立异 u第三、重视对传统经典观念的反叛 u现代艺术与媒体的关系 艺术、美术与视觉艺术艺术、美术与视觉艺术 艺术、美术、视觉艺术主要涵盖的范围。 艺术的发展历程 现代艺术观念的革命现代艺术观念的革命 观念上的革命使人人都可能成为了艺术家 P.O.PP.O.P与新媒体艺术与新媒体艺术 POP与P.O.P的区别（波普艺术与焦点广告） 网络的介入 u信息技术的
3、发展 u1827年，人类发明摄影术。 u1858年，连接欧美的跨洋电缆铺设，便利了信息的传递与接 收。 u1888年，伊斯曼在美国推出现代意义上的照相机，取名“柯 达”。 u1895年，电影在法国的卢米埃尔兄弟手中诞生。 u1922年，美国出现第一家商业广播电台。 u1936年，最早在英国出现了电视台。 u1954年，第一个半导体收音机问世。 u1973年，彩色复印机在美国问世。 u1982年，索尼研制出第一台便携式摄像机。 u1987年，飞利浦公司与宝丽金公司推出第一张激光唱片。 u1990年代互联网在美国被商业化应用。 新媒体艺术的产生背景 艺术、现代艺术POP与P.O.P 观念变革 信息
4、科技发展网络的普及 科技改变我们的感受 新媒体艺术 舞蹈与表演艺术 音乐艺术 语言艺术 视觉艺术 网页设计的色彩基础 |网页色彩搭配原则： 1、特色鲜明，风格独特，可以给浏览者 以深刻的印象。 2、搭配合理，遵从艺术规律，考虑人性特 点，努力做到和谐愉快。 3、讲究艺术性，充分考虑网站本身的特点 ，按照内容决定形式，大胆进行创新 色彩标版 色彩搭配时要注意的问题色彩搭配时要注意的问题 使用单色：通过调整色彩的饱和度与透明使用单色：通过调整色彩的饱和度与透明 度来产生变化，避免单调。度来产生变化，避免单调。 使用邻近色：即色带上相邻的颜色，这样使用邻近色：即色带上相邻的颜色，这样 可以避免色彩纷
5、杂，易于页面的和谐统一。可以避免色彩纷杂，易于页面的和谐统一。 使用对比色：对比色可以突出重点，产生使用对比色：对比色可以突出重点，产生 强烈的视觉效果，合理使用可以做到特色鲜强烈的视觉效果，合理使用可以做到特色鲜 明，突出重点。明，突出重点。 黑色的使用：黑色是一种特殊的颜色，一 般情况下用来做背景色或和其它背景色（ 色调）搭配。 背景色的使用：一般采用黑色或素淡清雅 的颜色，避免使用复杂图片或纯度太高的 颜色，同时应与文字对比稍为强烈。 色彩的数量：网站使用的颜色并非越多越 好，一般控制不超过三种为好，并通过调 节颜色的属性来产生变化。 色彩搭配时要注意的问题色彩搭配时要注意的问题 实例分
6、析 使用单色使用单色 使用邻近色使用邻近色 使用对比色使用对比色 黑色的使用黑色的使用 背景色背景色的使用的使用 色彩的数量色彩的数量 网页的布局元素 u了解网页布局中约定俗成的标准 u了解到多数浏览者的阅读习惯 u在此基础上勇于创造出新的设计方案 u页面尺寸与屏幕的分辨率大小有关，此外 浏览器会占据相应的面积。 u屏幕分辨率是800*600时页面显示为 780*428；屏幕分辨率是1024*768时时 页面显示为1007*600. u向下拖屏是增加网页尺寸的最好方法，但 拖屏最好不要超过三屏。 页面尺寸页面尺寸 u造型就是创造出来的物体形象。 u显示器是矩形的，但可以充分利用自然界 的其它形
7、状加以组合。 u对以不同的形状，代表不同的意义。 例如：圆形团结、和谐、圆满 三角形稳定、力量 整体造型整体造型 u又称页眉，作用是定义主题，是设计的关 键。 u页头常用来放置站点的名称、图片、公司 的标志及旗帜广告。 页头页头 u文本在页面中以行（线）或块（面）出现 。 u文本的摆放决定着整个网页布局的可视性 。 u随着制作技术的发展，文本在页面上的布 置具有更高的灵活性。 文本文本 u页脚与页头相呼应，多用来放置制作者或 是公司的相关信息。 u也叫的设计应与页头相互统一，但不可喧 兵夺主。 页脚 u图片是网页视觉构成的又一大因素，合成 处理好的图片与文本的位置是网页布局的 关键。 u图片在
8、选择上应与网页色调相统一。 图片图片 u声音、动画、视频、互动特效等越来越多 的被使用在网页设计当中。 u它们在布局上变得更为重要。 多媒体多媒体 新符号 多媒体视觉艺术的造型机制 多媒体环境下产生的新符号 u什么是符号？ 记号、标识。在一种认知体系中，符号是指 代一定意义的意象，可以是图形图像、文 字组合，也不妨是声音信号、建筑造型， 甚至可以是一种思想文化、一个时事人物 。总之，能够作为某一事物标志的，都有 可称为符号。 u文字符号 汉字 - 甲骨文 - 罗马数字 - 拉丁语 u标点符号 ?（问号） !（感叹号） 。（句号） （与及 ） ，（逗号） “”（引号）：（冒号） （破折号） 、（
9、顿号） u数学符号 =（等号） +（加号） -（减号） （乘号 ） （除号） 人类社会常用符号人类社会常用符号 多媒体催生了新的符号 u多种媒体的使用，如手机短信、彩信、 网络新闻、网页设计等，促使人们根据 交往和信息传播的需要，不断改进符号 的表现形式，从而使我们的视觉世界变 得丰富多彩。 1 1、手机短信为代表的视觉符号、手机短信为代表的视觉符号 特点：简单形象的视觉符号 可代替同种意义的文字语言 :-) :-) 这是最普通的基本笑脸，表示微笑。 :-D:-D 非常高兴地张嘴大笑。 8-)8-) 同样是笑脸，但笑的人眼睛很大。 ;-) ;-) 抛媚眼，含有别意！ :-0:-0 “哇！”表示
10、吃惊或恍然大悟。 :-() :-() 更大的“哇！” :-o:-o 有什么精彩的？怎么目瞪口呆的！ |-) |-) 这是咪着眼笑，也表示回信回得快睡着了。 |-P|-P 捧腹大笑。 :- :- 难过时候的苦笑。 u-( 哼！不看我，受不了的痛苦 !-) 哇！是大眼瞪小眼，还是睁一只眼闭一只眼？ #-) 一夜没睡，眼睛都皱成一团了！ #:-) 随时保持头发的乱度，决不轻易梳头。 :-9 舌头舔着嘴唇地笑。 %-) 哇，跌破眼镜！或者表示额前有着一小撮 刘海。 %- 呵呵呵我可没醉呵呵呵 :- 抿着嘴，一副如泣如诉的神情。 :-) 早上没睡好，刮胡子把眉毛剃掉了一边。 u:-) 中分的发型，帅不帅
11、？ (-_-) 神秘笑容（这个不需转头看）。 (:)-) 哈哈！一个小蛙人，戴着潜水镜在偷笑。 (:-* 暗示这个人在生病、反胃。 (:-& 暗示这个人正在生气。 (:-( 愁眉苦脸，不晓得又发生了什么事。 (:-) 是一张大笑脸，也有人说是一个大光头。 (:-* Kiss (:- 哇！心碎。 (:-D) 真是大嘴巴，多嘴！ u特点：这些符号形象各异，色彩丰富 表情多样，且具有动态感 2 2、以、以QQQQ表情为代表的网络语言符号表情为代表的网络语言符号 常见的动态表情符号 常见的动态表情符号 3、虚拟的形象符号 u主要分为： 1、网络或电视主持人 2、用合成图片制作而成的视觉 艺术品 新符号的特征 u从组合上来看，它们都是旧元素的新组合。 u从表现效果上来看，这些新符号都是以形达意 ，简明形象。 u新的形象符号比以往更精致更准确，打破人们 对旧形式的刻板印象。 u新的形象符号表达出新一代人的共同心理特征 ：大胆、幽默、简约、夸张。 u这些符号都源于新媒体的技术特点，新媒体是 它们的催生力量。