香港高校网站主页建设的特点与启示

赵柯杉，梁林梅

（河南大学 教育科学学院，河南 开封 475004）

香港高校网站主页建设的特点与启示

赵柯杉，梁林梅

（河南大学 教育科学学院，河南 开封 475004）

香港长期以来受到西方文化的影响，其各个领域都融入了许多西方元素，中西方文化融合是香港最大的特点，高等教育也不例外。香港高校的网站作为向外界展示香港教育的一个窗口，其网站主页的建设更是重中之重，作用不容小觑。本文在网络传播环境下，以用户体验的方式，对香港地区六大著名高校的网站主页及其内容进行比较、分析，从而发现香港高校网站主页建设的特点，并对内地高校的网站主页建设得出相应启示。

香港高校；网站主页；网络传播；教育信息资源

一、引言

高校网站是对外宣传校园文化、对内进行信息发布的桥梁。实际上，通过学校网站进行教育信息资源的传播，无论从时效性、便捷性还是准确性各个方面都远远超过诸如书面通知、印刷通知、口头通知等传统的信息传播方式[1]。现如今，高校网站提供的所有信息与服务，甚至是网站的设计技术、主页界面，都已成为衡量一所高校信息化程度和社会声誉的一个重要标志[2]。

香港长期以来受到西方文化的影响，其各个领域都融入了许多西方元素，中西方文化融合是香港最大的特点，高等教育也不例外。香港高校的网站是向外界展示香港教育的一个窗口，其网站主页的建设更是门户之中的门户，作用不容小觑。笔者从用户体验的角度，分别登录香港六大著名高校的网站，主要从其网站主页设计与网站主页内容等方面进行比较、分析。包含对网站主页的板式设计与颜色分布、网站主页的导航栏与文本内容等等，从而发现香港高校网站建设的特点，对内地高校网站建设得出相应启示。

二、香港六大高校网站主页设计比较

1.主页版式设计

高校网站作为高校的门面，其建设的重要性不言而喻。对于网站访问的用户层，无论是教职工、学生、家长，还是其他社会各界人士，版式设计都尤为重要。一个好的高校网站设计，除了要满足用户层的需求，更重要的是要体现出高校独特的魅力与深邃的文化内涵。而高校的网站主页，除了有合理的布局、清晰的模块、丰富的内容之外，还要清楚在网络传播环境下，如何快速吸引用户眼球，使其在获得所需信息的同时，拥有良好的用户体验。

香港大学网站主页（如图1）采用整体分模块滑动设计，需要用户手动点击滑动指引箭头。模块涉及新闻动态、入学申请、多媒体、支持港大、最新动态、网上传媒报道、无障碍网页、活动、教与学、新闻中心、研究、一站式资讯推广服务。均以图文的方式共同呈现，其中，新闻动态模块相对突出。底部以图标的方式呈现相关链接。香港中文大学网站主页（如图2）以图片新闻与文字区域上下两个部分呈现。内容涉及新闻速递、活动预告、常用链接、中大人、号外、中大视野、中大像素。其中活动预告以图标、名称加时间自行滑动。而中大人、号外、中大视野、中大像素部分则以图片为主、标题为辅的形式呈现。香港科技大学网站主页（如图3）采用传统的三块长版布局，两边小，中间大，设计简洁、明了。内容由左侧导航、封面故事、新闻动态构成。其中封面故事所占篇幅较大。香港城市大学网站主页（如图4）上部是图片为主的城大新闻，中、下部分为的我的城大、准学生、CityU tube、公众聚焦、活动与研讨会、合作交流、访客及朋友、关注城大。各个模块下面都列出相关链接。底部是占有较大篇幅的文字导航。香港理工大学网站主页（如图5）采用图片新闻滚动加三块长版包含小模块的形式。各个小模块划分整齐，包含新闻动态、成就、活动预告、社会媒体、校园报告、日历、研究、联系与视角。底部以图标的方式呈现相关链接。香港浸会大学网站主页（如图6）采用图片由新闻部分加上文字区域两个部分组成。文字部分包括学术项目、院系办公室、事件日历、快速链接、自动滚动的新闻以及一些图片展示和图片链接。

图1 香港大学主页

图2 香港中文大学主页

图3 香港科技大学主页

2.主体颜色分布

色彩能迅速吸引网站用户的注意，高校网站主页的颜色分布，不仅表现了高校的人文特色，也传递出高校的精神风貌。对高校网站的第一印象，则是由色彩带来的视觉体验，好的色彩配搭则是一场视觉盛宴。表1是对香港六大著名高校主页的颜色分布进行总结、分析，并列出可供参考的视觉第一印象关键词。

图4 香港城市大学主页

图5 香港理工大学主页

图6 香港浸会大学主页

通过表中可以看出，香港地区六大高校的主色选取方面并不相同，不同的颜色展示出不同的高校对自身特色的定位。香港大学的网站主页以绿色搭配米白色，向用户传达着百年名校仍然具有生机与活力。香港中文大学的网站主页将传统与现代、中方与西方高度融合，用紫色和金色阐述着博文约礼。香港科技大学的网站主页以海水的深蓝为主色调，简约、深邃，带领用户进入最前沿的科技世界。香港城市大学的网站主页以紫红搭配白色，呈现出香港高校的新生力量。香港理工大学的网站主页则非常具有理工特色，色彩鲜明、清晰大气。香港浸会大学的网站主页也很好的体现出大学的特色，于典雅中彰显出平和的气质。

对比香港地区六大高校的网站主页，不难发现，香港地区六大高校网站主页的颜色分布，全部以一种主色搭配辅色呈现，并没有出现很多种颜色的配搭。网站主页的颜色分布，出于用户的主观感受，不能成为评判高校网站建设优与劣的主要标准。但是，网站主页颜色的设计与搭配，需要从用户的角度出发，这里所体现出的人本主义，是一种人文关怀。

表1 香港六大著名高校主页颜色分布

三、香港六大高校网站主页内容分析

1.导航栏分析

网站主页的导航栏可以起到迅速指引的作用，它用简单精炼的词语，把信息分类并通过超链接，使其快速跳转到相应页面。香港地区六大高校网站主页的导航栏，在设计上都采用了传统的横向设计，都放置在网站主页上方最明显的位置。需要指出，由于香港地区长期以来受到西方文化的影响，以及香港地区的特殊性，六所高校网站主页都有设置有简体中文、繁体中文与英文等不同语言的快速切换，方便内地和来自世界各地的访问者无语言障碍的了解学校。同时，用户可以根据需要快速调整字号大小，这一点体现出香港高校的人文关怀，充分站在用户的角度，为网站用户提供方便。

与内地高校网站主页的信息推送平台不同，香港高校的网站主页嵌入的信息推送平台主要是Facebook、Twitter、YouTube等等。而内地的信息资源主要通过微博、公众微信号来推送，这体现出不同地区的不同文化。与内地高校对内向师生分享信息、对外向世界传播与互动的平台各不相同，香港高校的社交网络与世界接轨。特别指出，由于在内地地区的网络限制，内地的网站用户是无法在打开Facebook、Twitter、YouTube等诸如此类的信息交互平台。随着越来越多的内地学生到香港读书深造，内地与香港的交流越来越密切频繁，建议香港高校在其主页嵌入高校微博、公共微信号等链接，方便无法使用Facebook、Twitter、YouTube等地区更及时、有效地了解香港高校的信息。这一点，香港理工大学与香港浸会大学已经率先做到，在它们的网站主页底端，已嵌入诸如微博、微信等信息推送平台的链接，方便世界各地信息资源的传播。

香港地区六大高校网站主页的导航栏，在内容上并无太大差异。都包含学校介绍、教与学、研究、入学申请、研究成果、院系设置、校园地图、职业导向、图书馆、新闻媒体等，同时还设置了登入其他系统的快速入口。需要说明，香港中文大学是全香港唯一具有独特书院制度的大学，它的每个书院都是一个独特的群体，包含宿舍、饭堂及其它各种设施。书院注重全人教育与发展，提供不同形式的教育，让老师与学生之间能够无障碍的交流与沟通，同时也为学生们提供心理疏导服务。所以香港中文大学的导航栏中，除了其他高校同时拥有的各个学院之外，也将书院放在显著位置，这样能很好的体现出香港中文大学的特色。

与内地不同，香港六所高校的导航，根据用户的身份不同，在上方设置有教职员、学生、校友、访客等不同链接指示，这一细节使用户能很快的根据自己的角色，获取相应的信息。

2.文本内容分析

除图片与文字之外，网站主页也包括其他富媒体构成元素。但所有一切的核心都是围绕着文本内容，图片与文字是对文本内容的说明补充。值得指出的是，六所香港高校网站主页，都会在非常明显的地方出现一个搜索框，其检索功能也相对完善，便于对网站内大量的信息资源进行检索。笔者在同一天浏览香港地区六大高校的网站主页，发现除了香港浸会大学的主页主图呈现的是浸会大学六十周年校庆，其他五所高校的主页主图，全部以滚动的形式展示学校最新的科研成果与学生的活动。不同于内地高校，香港高校的网站主页并没有展示太多关于高校领导层人员的活动。从另一个侧面来说，高校网站的主页，在一定程度上也反应了这一所高校的特点与侧重点。香港地区与内地地区网站主页的差异，也是由于教育信息资源的传播是在跨越东西方文化的影响下，香港体现了东西方融合，而内地则具有传统的中国特色。

与内地高校最大的不同在于香港高校的招生机制，这在香港地区六大高校的网站主页上均有明显体现。由于香港高校的学生入学主要是以学生自主申请为主，在本科阶段，申请入学时需要参考学生的高考成绩，在研究生阶段，申请入读香港高校则不需要参加研究生考试，仅仅通过提交材料、在线申请，由香港高校择优录取。正是由于学生录取方式的不同，在香港地区六大高校的网站主页上都清楚展示出申请入学的要求、专业介绍、研究领域、学分需要等等，有利于学生对这一专业的了解和对自身的准确定位。而在内地，学生往往通过高考成绩来决定本科学校，通过研究生考试成绩来确定硕士博士的学校，因此内地高校的网站主页是没有学生申请这方面的内容。这是由于招生机制不同带来的主页内容差异，因此更能说明高校的网站主页建设所体现的重要性。

四、对内地高校网站建设的启示

综上所述，笔者以用户体验的方式，从香港高校网站的主页板式设计、主体颜色分布、导航栏与文本内容等几个方面进行比较、分析，从而发现并阐述了香港高校网站主页建设的特点，以及与内地高校网站主页的不同之处，并对内地高校网站主页建设得出如下启示：

1.内地高校网站主页应重视细节设计，体现人文关怀

内地高校网站主页的板式设计普遍比较单一，少有富媒体元素构成，也没有突出学校的主体色彩。内地高校应丰富其网站主页的设计与制作，传递出高校独特的精神风貌。

内地高校应该学习香港高校，除了有简体中文之外，应在网站主页设置简体中文和英文的快速切换按钮，便于内地高校走向世界，更多的与外界交流，赢得世界各地的关注。以河南大学的网站主页为例，河南大学的网站主页虽然有中英文切换按钮，但是在切换成英文之后，与中文展示的是不同的内容与不同的界面。其中，英文版的内容相对简单，不如中文版的丰富全面，这不利于外界更好地了解河南大学。而香港地区六大高校则是简繁体中文、英文版本对应相同的页面与相同的内容，只是进行翻译转换。这样可以使不同语言的用户都有相同的体验，更好地了解高校。

内地高校网站主页应与校内其他后台管理系统相互连接。可以根据用户的不同身份，设置供教职工、学生、学校校友、访客等不同登陆系统的指引通道，这一“捷径”能使用户能很快地根据自己的角色，链接后台获取信息资源。

2.内地高校网站主页应重视学生活动与科研

内地高校的网站主页普遍展现出一种“重领导轻学生”的现象。有研究对内地、香港、台湾以及海外地区高校网站主页的新闻内容进行比较、分析后，发现内地高校网站主页与香港、台湾、海外地区的高校相比，在报道高校领导层人员的新闻上面占据很大比例。相反，在高校网站主页所展示的学生生活与科研成果方面，香港、台湾、海外地区的高校略胜一筹[3]。笔者认为，内地高校的网站主页并没有体现出“以学生为中心”，也没有很浓厚的科研与学术氛围。在这一点，内地高校应该向香港高校学习，毕竟社会还是较为关注在一所高校里面，学生究竟在做什么事情，各专业现在从事什么研究。当然，这可能与内地高校的学生活动原本就不如香港高校的学生活动形式多样，内地高校的学术水平与学术资源相比香港高校也较为受限。因此，内地高校应在日常学习之余，丰富学生的课外活动，为学生提供较全面的信息资源。这样，高校的网站主页才能多体现学生生活，将学生的精神风貌向外界展示。

总之，作为一种教育信息资源，各个高校的网站主页都承接宣传校园文化与对内发布信息的重要作用。由于文化差异，香港高校的网站主页与内地高校的网站主页风格迥异，各具特色。无论从用户体验的角度，还是专业设计人员的角度，在网站主页的设计与开发中，都需要对主页版式、色彩、导航、文本内容的分布与选取等等方面加以考虑。主页只是承接后台信息资源的一扇大门，主页信息的精炼、准确、能否迅速吸引眼球，无疑是为高校网站的访问量增砖添瓦。众所周知，香港地区六大高校在世界上都享有很高的知名度，但也不能因为如此，内地高校就一味的照搬、模仿香港高校的网站风格，而是要突出自身的文化内涵。香港高校与内地高校之间应该相互借鉴，取长补短，利用网站这一平台，将我国高校优质的教育信息资源推向世界，共同优化国内高校网站主页建设。

[1]林帝浣,曾海标,关伟豪.高校门户网站建设探讨[J].中山大学学报(自然科学版),2003(6):264-266.

[2]赵国栋,汪琼.中国、美国及香港地区高校信息化发展状况比较研究[J].现代远程教育研究,2003(2):12-18.

[3]顾海滨,陈小重.高校网站存在重官轻学现象——关于中国大学网站新闻的调查[N].中国改革报,2008.

（编辑：王晓明）

G40-057

A

1673-8454（2017）13-0087-04