1、网站鉴赏 多媒体画面艺术基础 教育技术学 091 金强山网站鉴赏评价标准构图方面画面是否分割,信息区与美化区是否合理界面的基调用色,按钮的材质用色,背景及背景音乐,交互等画面主体制作是否清晰、精细,对影调、肌理、色彩运用色彩搭配是否合理,背景色运用是否有新意具体表现赏析鉴赏整体表现赏析采用哪几种媒体最合适各媒体所表达的信息内容 影响效果图 仪器的实物图,内部手绘文 对各项内容的说明练习题目声解说词背景音乐像 动画视频整体性的艺术风格画面分割及画面布局是否别具匠心用色基调上是否格外抢眼菜单设计是否引人入胜主体图形制作是否精细传神是否有创新,给人留下好的印象动感方面对电视画面和计算机画面运用是否合
2、理若背景用动画是否合理,有无喧宾夺主的现象视频拍摄图像是否清晰,动画制作是否重点简明、突出虚拟现实技术因需求而应用文本声音方面文字解说词的配合是否默契背景音乐是否起到“表意”或烘托气氛的作用文字与背景的明度差如何,是否有观看不清的现象音响效果运用是否增强了教学效果交互功能方面多级菜单的版面设计“抽屉式菜单” 、 “图形化菜单” 、 “动画式菜单”交互功能是否与所表达的内容相融合交互功能的智能程度如何画面跳转是否方便,能不能随时退出对于交互功能影响背景音乐或解说词是否有应对措施网站鉴赏 多媒体画面艺术基础 教育技术学 091 金强山香港本科院校:香港大学、香港中文大学、香港科技大学、香港浸会大学
3、、香港理工大学、香港城市大学、香港公开大学、岭南大学、香港演艺学院、香港教育学院香港大学主界面:鉴赏一、整体表现赏析(1)采用的媒体纵观整个网站所使用到的媒体有文本、图片、声音、动画、视频。在传达信息方面文本占主要位置,由于香港把英语作为第一语言,他们不外乎平时网站鉴赏 多媒体画面艺术基础 教育技术学 091 金强山的学习生活也都用英语进行交流,他们的网站是英语版的,但是他们在网站的右上角做了一个文字转换按钮,可以将网站中的英文转换成为繁体字,但是打开一些页面时,如论文、学术交流都是用英文发表的,这些内容是转换不过来的。声音的应用比较少,主要是一些界面开头动画用到声音,介绍港大内部时的网页用到
4、了声音。视频用的比较多主要是如学术交流大会,研究生毕业典礼等一些学校活动主要就用到了视频。(2)整体性的艺术风格画面分割和画面布局感觉很有条理,文字和图片分配在不同的区域,不会相互影响,没有一段文字中突然插上一张图片的现象,我们的视线也不会突然被突然蹦出来的图片所打断,信息区和美化区比例也很合适。菜单设计很好,不仅菜单的布局给人以新颖的感觉,而且菜单的设计也很好,大多数采用抽屉式菜单,这种菜单可以节约空间,当鼠标滑过时菜单会非常灵敏的出现。色调搭配很合理,整个网站的色调典雅大方,主体拥塞也很朴素,没有大红大紫的颜色进行搭配,给人一种很舒适的感觉。整个网站基本用冷色调,对于一些学术交流、论文发表
5、整个页面除边框外他以白色为背景色,也显得很严肃。二、具体表现欣赏(1)构图方面信息区和美化区的比例合适,信息区占整个画面的 60%70%,而美化区占整个画面的 30%40%,图片都是分布在一定的区域,整齐的排放给人以赏心悦目的感觉。网站鉴赏 多媒体画面艺术基础 教育技术学 091 金强山界面的整体色调采用冷色调,给你庄重严谨的感觉。一张网页上最多使用三种颜色,通过这三种色彩合理的搭配,能够通过色调来衬托出此页信息的基调。对于一些文字下面衬有图片,图片处理的很淡主要是为了衬托文字。我们来对这一网页进行赏析一下:这一张网页给人第一视觉冲击就是这一张图片,这张图片的拍摄采用“黄金分割点” ,而这个同
6、学正好在这四个交叉点上,构图很好。我们通过他的专注可以想到当时课堂中老师讲的一定很精彩,同时也突出了港大学生的好学。这页主要是研究生毕业简章“Postgraduate prospectus”,主要介绍了研究生的一些简章规定。色彩采用黄色和咖啡色,以暖色调为主给人一种亲和力,而采用白色的字体和背景采用强烈的对比,使读者能够看的很清楚不会有阅读障碍。在最下方还设计了一个访问该网页的计数项,可以知道访问该页的人数。网站鉴赏 多媒体画面艺术基础 教育技术学 091 金强山这张网页的图片很新颖,主要在它采用了我们曾今玩的拼图的模型,通过移动不同的卡片我们可以看到不同的图片,设计思想相很好,虽然左侧图片有
7、遮挡,但是图片的主体以出来,对整个图片的表达没有影响。(2)动感方面主页上有一个图片区域,通过此介绍在学校的一些大型活动,这个区域是动态的,通过这个区域可以将几张图片进行展示,但是对于这个区域有几个页面做的不好,其原因有二:一、图片切换的速度太快,使阅读者还没有对整个区域看完图片就切换了。二、主要是图片切换的速度有点慢,阅读者浏览完了还不知道这个区域是一个动态区域。但是有的页面做的就很好,通过下方做一个图片的页码,即使图片切换的速度比较快,只要我们把鼠标点在相关的页码上,则这一页的图片就会停止切换直网站鉴赏 多媒体画面艺术基础 教育技术学 091 金强山到你浏览完。在整个网页中没有背景用动画的
8、,一般网页背景用动画效果不好,制作课件时背景可以用动画,但是背景的动画一定要简单明了,不要有喧宾夺主的感觉。在网页上发布的一些视频如研究生毕业典礼,画面在拍摄有晃动的感觉画面不平稳,但是主体是突出的画面很清晰。(3)文本、声音方面文字采用英语和汉语繁体两种形式,在网页上设置了语言的切换按钮,在英语和汉语之间可以来回的切换。网页上的字体采用宋体 5 号字体,段落中采用最小行距,字体颜色都是黑色,对于一些小栏中的标题字体采用加粗的形式。在港大的首页上一些字体采用了滚动的形式,简明的说明一些事的时间及主要内容,没有复杂冗余的感觉。对于对于一些介绍同学们参加活动的视频配有音乐,并且在屏幕的下方加了字母,字母采用白色字和背景产生很大的差别容易识别,不会造成视觉障碍,通过不同画面的转接字幕及时的会出现在屏幕下方,对画面进行很清晰解说。(4)交互功能方面网页中的多级菜单的版面设计大多采用“抽屉式” ,网站鉴赏 多媒体画面艺术基础 教育技术学 091 金强山网站鉴赏 多媒体画面艺术基础 教育技术学 091 金强山网站鉴赏 多媒体画面艺术基础 教育技术学 091 金强山网站鉴赏 多媒体画面艺术基础 教育技术学 091 金强山网站鉴赏 多媒体画面艺术基础 教育技术学 091 金强山网站鉴赏 多媒体画面艺术基础 教育技术学 091 金强山网站鉴赏 多媒体画面艺术基础 教育技术学 091 金强山