(4)网站互动元素的构思。互动设计的人性化体现在合理放置互动元素，简洁明确地设

计其交互效果，才能保证用户在浏览过程中不会迷失方向。在校园虚拟展示网站中，作者对
进度条页面互动设计的构思是：在线型的建筑上，采用盖房子的形式，表示当前网站加载
到什么进度，当建筑完全盖好，网站也就加载成功了。建筑边上配以百分比文字，标示当前
进度值，让网站使用者不至于产生等待太久的感觉；作者对主页面的构思是：采用校园建
筑群作为网站的超链接，当使用者将鼠标放在校园某个建筑上，从该建筑中飞出五线谱形
式的文字指示，告知该建筑是什么建筑，当点击时跳转到该建筑的子页面；当该页面浏览
完毕，使用者可通过页面中眨眼睛的太阳花跳转回主页面，当使用者离开时，太阳花还会
表现出沮丧的表情，这个设计灵感来自于作者女儿的一个太阳花玩具。
　　

3、校园虚拟展示网站互动设计的实现

　　校园虚拟展示网站主要通过校园建筑的立体图形和线性图形的形式，结合音乐的表现
元素，动态地全方位地展示校园物理环境、校园部门位置和功能、教学资源分布等情况，给
观者呈现一个趣味性的、人性化的网络交互环境。
　　在校园虚拟展示网站设计进度条页面互动设计中，作者将

FLASH 技术作为核心技术

贯穿始终，网站进度条，以建筑的虚实变化，展现了网站的虚拟展示的主题，充满了趣味
性。
　　校园虚拟展示网站主页面互动设计中，作者将动画作为局部的视觉元素出现在页面的
视觉中心，图形、文字等平面视觉元素和声音和动画结合，创造出全新的视觉效果，整个页
面动感十足，当浏览者鼠标点击白色的建筑群时，可以触发有交互功能的动画，达到动静
结合、人机互动。背景音乐与动画、交互元素和其他视觉元素相结合，营造氛围感染观者，让
页面具有情节感，使受众在浏览的同时，被音乐唤起某种特殊的情感，从而加深对该网站
的印象。
　　校园虚拟展示网站创新楼子页面互动设计中，作者对各栋建筑

360 度视角的全方位展

示，更是立体化的，多层次地展现了校园物理环境、部门位置功能、教学资源分布等情况，
使受众在浏览中，不知不觉地接受到虚拟展示的信息，宛若置身其中一样。
　　校园虚拟展示网站主要通过校园建筑的立体图形和线性图形的形式，结合音乐的表现
元素，动态的全方位的展示校园环境及资源的分布情况。在网站设计过程中，紧密结合学院
的风格诉求，通过对互动要素的研究和使用，使网站的整体形象呈现出科技性和时尚性的
风格。期望能为其他校园虚拟展示网站的设计者提供一些参考方法，更好地调动网站使用者
的参与性，达到良好的互动效果。