background image

  确定了高校网主页的内容

,我们就可以开始进行网页总体版式布局。通常人们阅读的视

觉习惯是

:从左到右,自上而下,先左上后右下。因此在整体版面布局时要遵循这个原则,把网页

中的校园概况导航栏和校园新闻公告放到版面的上部

,这样更易引起人们第一时间的注意。 

  根据搜集高校网站进行观察分析

,大部分高校网的版式结构大概分成以下几种。 

  

(1)“T”字型结构。“T”字型布局是指上部为横条标志,广告栏,下方左边为导航菜单,右边为

内容。这种结构清晰、主次分明

,简易的版面布局,使用也比较广泛。但如果细节处理不好,容易

显得单调乏味。

 

  

(2)“三”字型结构。“三”字型结构,以两条色块横向分割成四块版面,对称对比布局,顾名思

,采取左右或者上下对称的布局,里面填上所要内容,一半深色,一半浅色,比如哈佛大学网站

的主页

,就是采取这种布局方式。优点是视觉冲击力强,缺点就是不能将两部分融合在一起。 

  

(3)“口”字型结构。“口”字型结构的特点是:能容纳较多的信息,一般上下都有广告条,左右

两边为导航和链接

,中间为主要内容。这种页面的缺点就是显得画面拥挤,不太灵活。如何设计

出布局合理的校园网页

?首先整体要简练精准,而且在强调艺术性的同时,要通过网页页面结

构的分割和造型空间的确立

,合理安排组成各内容的合理位置,使页面内容和形式有所统一,

具有整体美感。要考虑页面的美观和可读性

,还要考虑网页浏览的特点,网页版式设计是通过

视觉元素实现传播的视觉传达过程

,为了达到好的效果,版式设计必须依据人们在视觉上的心

理和生理特点

,确定各种视觉构成元素之间的视觉关系和浏览顺序。合理的视觉流程应是在

人们认识过程的心理顺序和思维发展的逻辑一致的基础上

,根据信息的主次来确定各元素的

顺序

,并通过精心安排引导浏览者。在进行高校网站的主页设计时,版式布局既要实现“功能”

又要实现

“美”,而“功能”和“美”都是为了更好地表达主题。 

  

3.高校网站主页的主题定位与统一 

  高校的门户网站往往只有一个主题

,网页设计风格应体现高校的社会性质、办学特色、校

园风貌与校园文化

,充分展示自己的优势和形象,才能让浏览者有认同认知感。根据调查的高

校网页的设计

,这种效果的取得并不明显,一方面没有通过运用逻辑规律对网页主题思想进行

条理性处理

,使之符合浏览者获取信息的心理需求和逻辑方式,没有让浏览者快速理解和吸收,

另一方面缺乏运用艺术的形式美法则对网页构成元素进行条理性处理

,没有营造出符合设计

主题思想的视觉环境、主题

,使浏览者缺乏对网页的兴趣和内容的理解。有些高校网站注意到

以上几点

,对改版后的网站主题定位能准确表达。例如武汉大学网站的主页设计以“传承百年

辉煌

,尽展名校风采”为主题思想,融合了古建筑和珞珈山文化的元素进行设计,尤其在色彩上,

运用淡雅的色调

,各元素色彩间对比柔和,具有文化底蕴和校园气息。 

  在高校的主题定位确定之后

,保持风格统一也相当重要。在被调查的高校网站中,有一小

部分网页没有做到风格统一

,既会让人对网站甚至高校的形象感到混乱,又会给浏览者带来不

便。举个例子来说

,假如每个网页上的导航排列或者颜色不同,那么浏览者进入不同页面之后

就会无所适从

,难以准确找到所需的信息。网页上所有的图像、文字,包括色彩、版面编排、区分

线、字体、标题、注脚等页面元素

,要统一风格,让风格贯穿于整个网站。保持风格的统一,既能

强化风格定位所带来的作用

,又能在阅览体验上给读者带来方便和顺畅。 

  

4.九江学院网站的主页设计 

  九江学院是经国家教育部批准设立的国有公办全日制本科普通高等院校

,面向全国 30

个省

(市、自治区)招生。学校坐落在长江中下游的历史文化名郡――江西省九江市,位于庐山

之麓、长江之滨、鄱阳湖之畔

,校园美丽宜居,生态环境优越。名城、名山、名江、名湖,造就了九

江学院的灵气

,尤其是具有千年历史、享有“天下书院之首”美誉的白鹿洞书院,更为九江学院

赋予深厚的文化气息和办学氛围。就学院的概况来看

,我们选择“名城、名山、名江、名湖”为主

题。首先

,根据主页内容分为:学校导航、新闻公告、专题通道、站内搜索、常用服务、友情链接等

栏目。根据内容的主次关系

,来做整体布局设计,从版式上来看,整体采用“三”字版式构图,以庐