多媒体艺术与技术03.ppt

多媒体的视觉艺术 网页设计相关知识 网页设计的基本元素 优秀网站的欣赏和分析 设计与制作网页的视觉效果图 一、多媒体视觉艺术 什么是艺术？什么是现代艺术？ 第一、重视主观的表现 视觉影像的元素通常受设计者个人主观喜好与判断的影响，设计者用什么图片、设计什么样的动画、采用何种颜色和版型的规划，通常没有一定的标准。 第二、注重形式与观念方面的标新立异 第三、重视对传统经典观念的反叛 1827年，人类发明摄影术。 1858年，连接欧美的跨洋电缆铺设，便利了信息的传递与接收。 1888年，伊斯曼在美国推出现代意义上的照相机，取名“柯达”。 1895年，电影在法国的卢米埃尔兄弟手中诞生。 1922年，美国出现第一家商业广播电台。 1936年，最早在英国出现了电视台。 1954年，第一个半导体收音机问世。 1973年，彩色复印机在美国问世。 1982年，索尼研制出第一台便携式摄像机。 1987年，飞利浦公司与宝丽金公司推出第一张激光唱片。 1990年代互联网在美国被商业化应用。 网页设计的色彩基础 网页色彩搭配原则： 1、特色鲜明，风格独特，可以给浏览者以深刻的印象。 2、搭配合理，遵从艺术规律，考虑人性特点，努力做到和谐愉快。 3、讲究艺术性，充分考虑网站本身的特点，按照内容决定形式，大胆进行创新 色彩标版 黑色的使用：黑色是一种特殊的颜色，一般情况下用来做背景色或和其它背景色（色调）搭配。 背景色的使用：一般采用黑色或素淡清雅的颜色，避免使用复杂图片或纯度太高的颜色，同时应与文字对比稍为强烈。 色彩的数量：网站使用的颜色并非越多越好，一般控制不超过三种为好，并通过调节颜色的属性来产生变化。 实例分析 网页的布局元素 了解网页布局中约定俗成的标准 了解到多数浏览者的阅读习惯 在此基础上勇于创造出新的设计方案 页面尺寸与屏幕的分辨率大小有关，此外浏览器会占据相应的面积。 屏幕分辨率是800*600时页面显示为780*428；屏幕分辨率是1024*768时时页面显示为1007*600. 向下拖屏是增加网页尺寸的最好方法，但拖屏最好不要超过三屏。 造型就是创造出来的物体形象。 显示器是矩形的，但可以充分利用自然界的其它形状加以组合。 对以不同的形状，代表不同的意义。 例如：圆形——团结、和谐、圆满 三角形——稳定、力量 又称页眉，作用是定义主题，是设计的关键。 页头常用来放置站点的名称、图片、公司的标志及旗帜广告。 文本在页面中以行（线）或块（面）出现。 文本的摆放决定着整个网页布局的可视性。 随着制作技术的发展，文本在页面上的布置具有更高的灵活性。 页脚与页头相呼应，多用来放置制作者或是公司的相关信息。 也叫的设计应与页头相互统一，但不可喧兵夺主。 图片是网页视觉构成的又一大因素，合成处理好的图片与文本的位置是网页布局的关键。 图片在选择上应与网页色调相统一。 声音、动画、视频、互动特效等越来越多的被使用在网页设计当中。 它们在布局上变得更为重要。 新符号 ——多媒体视觉艺术的造型机制 多媒体环境下产生的新符号 什么是符号？ 记号、标识。在一种认知体系中，符号是指代一定意义的意象，可以是图形图像、文字组合，也不妨是声音信号、建筑造型，甚至可以是一种思想文化、一个时事人物。总之，能够作为某一事物标志的，都有可称为符号。 文字符号 汉字 - 甲骨文 - 罗马数字 - 拉丁语 标点符号 ?（问号） !（感叹号） 。（句号） （与及） ，（逗号） “”（引号）：（冒号） —（破折号） 、（顿号） 数学符号=（等号） +（加号） -（减号） ×（乘号） ÷（除号） 多媒体催生了新的符号 多种媒体的使用，如手机短信、彩信、网络新闻、网页设计等，促使人们根据交往和信息传播的需要，不断改进符号的表现形式，从而使我们的视觉世界变得丰富多彩。 -( 哼！不看我，受不了的痛苦…… !-) 哇！是大眼瞪小眼，还是睁一只眼闭一只眼？ #-) 一夜没睡，眼睛都皱成一团了！ #:-) 随时保持头发的乱度，决不轻易梳头。 :-9 舌头舔着嘴唇地笑。 %-) 哇，跌破眼镜！或者表示额前有着一小撮 刘海。 %-} 呵呵呵……我可没醉……呵呵呵 :-{ 抿着嘴，一副如泣如诉的神情。 :-) 早上没睡好，刮胡子把眉毛剃掉了一边。  {:-) 中分的发型，帅不帅？ (-_-) 神秘笑容（这个不需转头看）。 (:)-) 哈哈！一个小蛙人，戴着潜水镜在偷笑。 (:-* 暗示这个人在生病、反胃。 (