校园网主页的设计的研究——基于云南热带作物职业学院.docVIP

校园网主页的设计的研究——基于云南热带作物职业学院 　　摘要： 随着信息技术的飞速发展，各高校越来越重视信息技术的使用，纷纷建设了自己的校园网站。在校园网站建设中，大多只考虑到功能模块的作用，却忽略了网页界面的视觉效果与交互性。本文以云南热带作物职业学院为例展开了关于校园网主页设计的分析与探讨。 　　Abstract： With the rapid development of information technology， colleges and universities pay more and more attention to the use of information technology， and have built their own campus sites. In the construction of campus network， most of them only take into account the role of functional modules， but ignore the visual effects and interactivity of web interface. In this paper， with an example of Yunnan Vocational College of Tropical Crops， the design of the campus network home is analyzed and discussed. 　　关键词： 校园网；界面设计；技术 　　Key words： campus network；interface design；technology 　　中图分类号：TP393 文献标识码：A 文章编号：1006-4311（2013）32-0194-02 　　作者简介：吴光凤（1983-），女，云南巍山人，助教，动画设计专业，现从事计算机动画、网页设计等教学科研工作。 　　0 引言 　　高校校园网站承载着信息化教育时代的网络教学、教育管理的基本任务，是信息传递的窗口，担负着对外宣传的桥梁作用。近年来校园网站建设发展迅速，各高校纷纷建立起了自己的校园网站。我院于2003年建立了第一个静态网站，但随着网络应用的不断丰富和教学科研需求的增长，原有的功能模块已不能满足学院的发展需求。为此，我院也进行过多次改版调整。经过调研和资料的查阅，于2012年底进行了校园网站的彻底改版，建立了以ASP技术为核心的动态网站，现已正式运行。在此次校园网站建设中，更加注重网页界面的视觉效果与页面的交互性。下文分析了我院旧版校园网站版面存在的问题，结合新网站的建设，从网页布局、色彩搭配、维护更新等几方面对我院校园网站的主页设计进行探讨。 　　1 旧版面存在问题 　　随着学院的发展、规模的不断壮大，旧版校园网主页界面功能及特色已不能彰显我院的综合办学水平，通过对旧版校园网主页的分析研究，发现以下问题： 　　1.1 版面布局不够合理 网页的版面布局就是对页面中的文字、图形、动画等元素的整体规划，对浏览者来说非常的关键。我院旧版主页采用了“单一型”结构布局方式。整个页面以两条几何长方形分割，页面顶端为学院LOGO、背景图；中间分为两部分，左侧为图片展示区，右侧为新闻动态区。这种布局方式虽然结构清晰，主次分明，但给人以规矩呆板的感觉，很容易让人“看之无味”。 　　1.2 色彩单一 色彩是人的视觉最敏感的东西，网页界面色彩的选用能直接影响浏览者观赏的心理因素。旧版校园网界面采用了小面积的蓝色做导航的背景，除了内容部分，页面中几乎是大面积的留白。虽看上去清秀、简洁，但总体上显得色彩单一，不能很好的吸引浏览者。 　　1.3 缺乏特色 特色是一所高校办学的依据所在，旧版面中除了有一张醒目的学院大门照片，其它图片都是零星拼凑的。界面中也没有展现我院特色的元素，没能反映出以热带作物为特色的办学特征。 　　1.4 维护更新困难 由于旧版校园网是静态页面，更新或更改页面内容需要专业的技术人员，这就导致了大量的信息数据不能及时更新，各个部门的网站建设不见起色。 　　2 改进措施 　　2.1 网页布局合理 布局对一个网站的重要性是不言而喻的，这是大家进入网站的第一感观。合理的网站布局能给网站带来一定的优势。网页的构图布局与平面构图布局有着很大的相似之处，但是因为技术的局限，网页构图远不如平面设计那样挥洒自如。此次，新版页面的设计充分体现了网站的功能性、特色性、美观性。整个页面设计采用了“三分栏”式的结构，页面顶端为学院名称、LOGO、导航和宣传图；中间为新闻动态及一些小的功能版块；页面底部为学院风景展示区。这样的页面结构清晰、简洁、美观、大方，看上