相亲上什么网站比较好_谈高校网站的主页设计
时间：2019-01-03 03:28:30 来源：雅意学习网 本文已影响 人 
摘 要: 目前,高校网站日益发展起来,通过对高校网站的主页内容、版式布局、主题定位和其它因素进行分析,本文作者就高校网站主页如何能更好更合理地用视觉信息来表现和传达方面谈谈自己的看法。
关键词: 高校网站 艺术设计 信息
近年来,随着网络技术的飞速发展,网络已渗透到全人类的各个方面,深刻影响着我们的生活和工作方式。高校也纷纷建立了自己的网站,给高等教育带来了更广阔的发展空间。高校网站承载着高校信息化管理和对外宣传之重任,所以网站的主页设计既要能充分传播信息,又要能使浏览者达到感官上的愉悦,从而对高校留下更深更好的印象,达到对高校的深度认同,促进高校的良好发展。高校网站的设计是一个系统的工作,而主页的设计又有着举足轻重的作用,只有对部分高校网站进行分析,找到规律和方法,才能设计出具有较高美学价值和丰富内涵的网页。
1.高校网站主页的内容设计
现有的高校校园网大部分存在内容繁多且拥挤的问题,将所有信息不加规整地塞进校园网页中,整体看起来杂乱无章,更谈不上艺术的价值,这样的网页看起来很满,没有留白给读者一个遐想的空间。还有一些高校网站的主页几乎没有什么内容,没有对高校内部资料和信息进行整理策划就推出了自己的网站。
高校网站与其他网站相比,不需要华丽的外表,而要多增加些校园的气息,主要还是多注重丰富的内容。高校网站的主页是校园对外的窗口,是浏览者了解高校情况最直观的平台。本校的师生都通过高校网站了解校园的发展、最新动态,以及工作安排,所以需要设置公告栏和新闻发布板块。而校外的浏览者则希望通过网页对高校的整体情况和特色有一个基本了解,并能在这里查询所需的信息。有些高校根据这一特点在主页分出两个入口:校内网和校外网入口,根据浏览内容有所不同而设计界面,这也是整合比较好的方法之一。当然网页的形式只是第一印象,而能持久吸引读者、发挥其自身作用的还是其丰富的内容。
通过抽取国内50所高校网站进行分析,主页的内容一般分为以下几大模块。
(1)高校概况导航栏。这是网页中很重要的部分,也是浏览者了解高校的基础部分。所以各个学校富有特色的项目在设计的时候要以显著的方式表现出来。从全国大部分高校的网页来看,其内容主要都有:学校概况、机构设置、人才培养(包括本科生教育、研究生教育、留学生和成人教育等)、教室队伍、科学研究、招生就业、合作交流等。
(2)高校新闻和公告。高校新闻一般包括校内重要新闻、专题新闻、校报电子版、报刊信息等。新闻和公告的设计要以滚动或者翻动的形式出现在校园网的首页,方便更新和浏览。其中重要新闻以图片滚动的方式能将一些重要事项及时、便捷地告知读者,免除了通知、发文等许多的行政事务。如:九江学院校园网组建后,会议安排表、重要通知和公示等都在网页上发布,解决多校区的办公问题,既降低了办公成本,又提高了工作效率。
(3)交互窗口。为读者提供了一个参与学校管理、反映群众呼声的窗口,也是领导了解基层、接近群众的一种途径。在这一部分,较常见的就是校长信箱。因为网络通信的隐蔽性和便捷性,较之于传统的书面意见,人们似乎更乐意通过网络来表达自己的思想。
(4)高校信息管理系统。校园网为高校教学管理和行政事务管理提供了很大的方便。许多高校将校内公文处理、人事查询、学籍选课管理、成绩查询与管理等都放在校园网主页上,教职工和学生都能借助于校园网这个平台,快捷地进行信息处理和查询。
(5)信息服务。这一部分为读者提供站点导航、搜索等相关的信息服务,使读者能方便地通过网页进入整个互联网。
2.高校网站主页的版式布局设计
确定了高校网主页的内容,我们就可以开始进行网页总体版式布局。通常人们阅读的视觉习惯是:从左到右,自上而下,先左上后右下。因此在整体版面布局时要遵循这个原则,把网页中的校园概况导航栏和校园新闻公告放到版面的上部,这样更易引起人们第一时间的注意。
根据搜集高校网站进行观察分析,大部分高校网的版式结构大概分成以下几种。
(1)“T”字型结构。“T”字型布局是指上部为横条标志,广告栏,下方左边为导航菜单,右边为内容。这种结构清晰、主次分明,简易的版面布局,使用也比较广泛。但如果细节处理不好,容易显得单调乏味。
(2)“三”字型结构。“三”字型结构,以两条色块横向分割成四块版面,对称对比布局,顾名思义,采取左右或者上下对称的布局,里面填上所要内容,一半深色,一半浅色,比如哈佛大学网站的主页,就是采取这种布局方式。优点是视觉冲击力强,缺点就是不能将两部分融合在一起。
(3)“口”字型结构。“口”字型结构的特点是:能容纳较多的信息,一般上下都有广告条,左右两边为导航和链接,中间为主要内容。这种页面的缺点就是显得画面拥挤,不太灵活。如何设计出布局合理的校园网页?首先整体要简练精准,而且在强调艺术性的同时,要通过网页页面结构的分割和造型空间的确立,合理安排组成各内容的合理位置,使页面内容和形式有所统一,具有整体美感。要考虑页面的美观和可读性,还要考虑网页浏览的特点,网页版式设计是通过视觉元素实现传播的视觉传达过程,为了达到好的效果,版式设计必须依据人们在视觉上的心理和生理特点,确定各种视觉构成元素之间的视觉关系和浏览顺序。合理的视觉流程应是在人们认识过程的心理顺序和思维发展的逻辑一致的基础上,根据信息的主次来确定各元素的顺序,并通过精心安排引导浏览者。在进行高校网站的主页设计时,版式布局既要实现“功能”又要实现“美”,而“功能”和“美”都是为了更好地表达主题。
3.高校网站主页的主题定位与统一
高校的门户网站往往只有一个主题,网页设计风格应体现高校的社会性质、办学特色、校园风貌与校园文化,充分展示自己的优势和形象,才能让浏览者有认同认知感。根据调查的高校网页的设计,这种效果的取得并不明显,一方面没有通过运用逻辑规律对网页主题思想进行条理性处理,使之符合浏览者获取信息的心理需求和逻辑方式,没有让浏览者快速理解和吸收,另一方面缺乏运用艺术的形式美法则对网页构成元素进行条理性处理,没有营造出符合设计主题思想的视觉环境、主题,使浏览者缺乏对网页的兴趣和内容的理解。有些高校网站注意到以上几点,对改版后的网站主题定位能准确表达。例如武汉大学网站的主页设计以“传承百年辉煌,尽展名校风采”为主题思想,融合了古建筑和珞珈山文化的元素进行设计,尤其在色彩上,运用淡雅的色调,各元素色彩间对比柔和,具有文化底蕴和校园气息。
在高校的主题定位确定之后,保持风格统一也相当重要。在被调查的高校网站中,有一小部分网页没有做到风格统一,既会让人对网站甚至高校的形象感到混乱,又会给浏览者带来不便。举个例子来说,假如每个网页上的导航排列或者颜色不同,那么浏览者进入不同页面之后就会无所适从,难以准确找到所需的信息。网页上所有的图像、文字,包括色彩、版面编排、区分线、字体、标题、注脚等页面元素,要统一风格,让风格贯穿于整个网站。保持风格的统一,既能强化风格定位所带来的作用,又能在阅览体验上给读者带来方便和顺畅。
4.九江学院网站的主页设计
九江学院是经国家教育部批准设立的国有公办全日制本科普通高等院校,面向全国30个省(市、自治区)招生。学校坐落在长江中下游的历史文化名郡――江西省九江市,位于庐山之麓、长江之滨、鄱阳湖之畔,校园美丽宜居,生态环境优越。名城、名山、名江、名湖,造就了九江学院的灵气,尤其是具有千年历史、享有“天下书院之首”美誉的白鹿洞书院,更为九江学院赋予深厚的文化气息和办学氛围。就学院的概况来看,我们选择“名城、名山、名江、名湖”为主题。首先,根据主页内容分为:学校导航、新闻公告、专题通道、站内搜索、常用服务、友情链接等栏目。根据内容的主次关系,来做整体布局设计,从版式上来看,整体采用“三”字版式构图,以庐山作为九江学院的背景图案,但在上半部分打破以往的格局,把九江学院标志及具有代表校园风景照片作为画面的注视点,大幅照片以激起片片涟漪贯穿整个画面,配以校训及文字的介绍,更能体现出优美的校园环境和校园氛围,使浏览者第一时间就能关注到,起到很好的宣传作用;在色彩方面,用九江学院标志标准色做延伸,配以灰色与灰绿色的画面,给人以稳重感。(见图1)除此之外,在设计时考虑到子页面的风格,也根据主页的元素和结构做一个延展,沿用了上半部分图案和色彩,由“三”转变为“T”字结构,左边用校园风光引出导航一目了然,更利于读者阅览。(见图2)
图2
在整个网页设计中,不仅仅是把各种文字和图案等元素放上去就行了,还要科学地考虑如何使受众能更多、更有效地接受网页上的信息,这就需要从“审美”配合“功能”的要求,设计出内容表达清晰、整体性好、具有艺术内涵的页面。所以,网页设计不但需要运用平面设计、版式编排、视听艺术,而且应懂得计算机、网络等方面的技术原理。在这次九江学院改版的设计中我们实现了一些动态网页功能。
以往的高校网站设计往往会有偏向性,如果界面比较具有艺术感,功能技术方面就有所缺少,如果功能技术方面实现比较完善,则艺术设计方面又有欠缺。高校网站的主页,网页美观性和实用性都是重要目标,所以在设计高校网站主页时,应集中技术与艺术的专业人员,综合考虑,便会制作出既实用功能完善,又具有艺术内涵的高校网页作品,把浏览者带入一个全新的网络高校时代。
参考文献:
[1]陆乐编著.网页设计.南京:东南大学出版社,2004.
[2][韩]崔美善著.马晓阳,刘娟译.设计师谈网页风格构成.北京:电子工业出版社,2006.
[3][韩]姜恩正,黄静慧著.周钦华译.设计师谈成功网页设计原则.北京:电子工业出版社,2006.
本文为全文原貌 未安装PDF浏览器用户请先下载安装 原版全文
