- 6
- 0
- 约2.9千字
- 约 6页
- 2016-10-14 发布于北京
- 举报
校园门户网站迁移至世界大学城空间的网页设计探析.doc
校园门户网站迁移至世界大学城空间的网页设计探析
引言:校园门户网站迁移至世界大学城空间,不仅能满足目前各高校教育信息化发展的需要,而且对学校教育信息化的发展思路能起到良好的推动作用。大学城空间机构平台其功能远远强于传统网络功能,真正实现了全球教育学习资源的聚合和共享。因此,校园门户网站迁移至世界大学城机构平台后的网页设计问题就值得我们来研究探析。本文从网页的布局结构和色彩搭配等方面来分析校园门户网站迁移至世界大学城机构平台后的网页设计需求,并提出一些可行性建议以供各高校作为参考。
校园门户网站是为与学校有关的各类人群,如学生、老师、管理人员、家长、校友、高中生等,提供定制信息、综合服务和访问内部/外部资源便利性的网站。而世界大学城机构平台则是一个资源共建共享型、交互式的教育学习平台,其功能远远强于传统网络功能。因此。将校园门户网站迁移至世界大学城机构平台后的网页设计问题就需要根据世界大学城空间的特性和固定内设模式来进行设计,同时也要综合门户网站的一些设计特点来进行美化,以求达到最佳的视觉效果和使用功能。
从页面设计的角度出发,网页的美观性和实用性主要可以从网页的布局结构和色彩搭配等方面来进行设计。
一、校园门户网站迁移至世界大学城机构平台后的网页布局结构设计
由“布局”一词古往今来的解释我们可以看出,布局,绝不仅仅只是简单的
画面组合。对于网页来说,布局绝不仅仅只是网页版式的简单编排,而是网页中
各种可供使用的元素和技术的整体规划,通过布局,使网页本身具备良好的视听
效果,方便的操作,生动的互动效果。
网页设计经过多年的发展,对于各种类型的网页,页面的布局有了一定的规律可供遵循。常见的布局结构有传统“T”型布局、上下对照式布局、“上中下”“三”字布局、左右对称型布局、“回”字型布局、文字型布局、氛围式布局、“杂物箱”布局、“人物风格化”布局、封面型布局、简约型布局、综合型布局、瀑布流式布局等等。作为网页的信息接受者,对网页的布局也有约定俗成的印象,浏览者对这类站点也有着相同的使用习惯。如门户站,大家只要一看到门户站,就能够想到是 T 字形的布局,特别是校园门户网站的网页布局结构多采用这种布局形式。因为这类站点,浏览者更注重用户的浏览体验和操作体验,特别注重功能性和内容。
世界大学城机构平台的内设布局结构主要以T 字形的布局结构为主,分为上下两大块,上面是banner横幅广告区域,是用来展示学校形象最直观的板块。下面板块则一共有10种布局比例,分别是1:1、1:3、1:4、3:2、4:1、1:1:2、1:2:1、1:1:3、1:2:2、1:3:1。根据这种布局形式,我们将校园门户网站迁移至世界大学城机构平台后,可以直接沿用之前门户网站的T 字形布局结构,将整个空间首页的布局分为两大部分四大块,两大部分是指上下两部分,上部分是banner横幅广告一大块,可用校园图片制作成动态滚动flash,直接展示学校风貌,下部分就是所有信息功能汇集区域三大块,左侧为“信息展示”区,可做院系风采展示,让浏览者可以直接点击进入各系部进行访问;中间为“动态信息”区,是最直观展示动态信息变化的区域,这部分应该占据下部分板块的主要位置,因此,我们选用内设基础布局里的1:3:1这种布局比例比较合适;右侧为“信息交流” 区,可直接将校园微信墙、腾讯微信、微博至于此处,以供师生进行交流学习。
校园门户网站迁移至世界大学城机构平台后的网页布局结构设计不会有太大变化,因为要遵循浏览者对门户网站的直观印象和使用习惯,所以,在网页布局结构上不宜有太大变化。
二、校园门户网站迁移至世界大学城机构平台后的网页色彩搭配设计
在学校网页整体主色调的选择上,我们应该从不同色彩的心理学特征来进行分析,找到能够展示该校形象特色的主体色彩。比如,红色颇为醒目,使用红色作为主色调的网页,极易吸引浏览者的目光。在网页界面中使用高纯度、高明度的红色,我们可以以灰色、黑色进行搭配,调和过于刺激的红色,能带给浏览者现代、时尚的感受。黄色是使用广泛的网页界面色调。大多数的浏览者都认可网页中出现的黄色,这是因为黄色本身就具有一种明朗愉快的效果。通过搭配白色、紫色、蓝色等颜色,能够得到温暖愉快的视觉感受。绿色是光的三基色之一,它总能让我们感到旺盛的生命力。绿色能够很好的解除眼部的疲劳,让我们的身心感到宁静。纯正的绿色在网页配色中有很大的局限性,但偏向于黄色方位的绿色在网页中运用得很多,也就更受到大众的欢迎。蓝色是最冷的色彩,具有使人心情平静的力量。纯净的蓝色表现出一种美丽、冷静、理智、安详与广阔。蓝色的网页配色应根据网站的主题、内容以及希望营造的氛围来进行选择和搭配。高纯度的蓝色会给人整洁轻快的感觉,也能够营造出时尚而活泼的
您可能关注的文档
最近下载
- 项目可行性研究报告大纲.pptx VIP
- 小学体育五年级下册教案(最全).doc VIP
- 照顾老人保姆合同范本10篇.docx VIP
- 图形推理专项练习题.FIT).pdf VIP
- 《钢轨超声波探伤系统的设计》【毕业设计论文】.doc VIP
- 2022年广东高考生物试卷真题及答案详解(精校版).pdf VIP
- Panasonic 松下 录像机 DMR-EH59 DMR-EH49 Operating Instructions 操作手册说明书 (英语).pdf
- 迪罗—特马法纤维开松混合设备机械原理.pdf VIP
- 高考英语单词3500乱序版.pdf VIP
- 2024年新课标高考福建高考真题生物试卷(原卷版).docx VIP
原创力文档

文档评论(0)