News
新闻中心

热烈祝贺北京工商大学新版官网上线运行

2019-07-17
摘要:新版主站立足对外展示独有的北工商品牌形象、网站页面设计给人井然有序, 并由北京通元软件负责网站的整体规划、设计、数据迁移、实施部署工作, 本次网站的升级改版工作得到了学校领导的高度重视

6月28日,由北京通元软件全案参与设计并实施部署的北京工商大学新版校园主站正式上线运行。本次网站的升级改版工作得到了学校领导的高度重视,在党委宣传部和信息网络中心老师们的牵头下,经过一次次的设计修改,多个日日夜夜紧张的数据迁移,内测调试后,新版网站与旧版网站正式实现切换,并顺利上线运行。

cce14ef83d764596bd950c3f4da060ef.jpg

北京工商大学旧版校园主站自2015年开通以来,承载了学校招生宣传、教学科研、信息咨迅和相关业务管理工作,为学生和老师们源源不断的提供了沟通和交流的平台。经过4年多的运行,在面对当下的主流信息技术、设计理念和数据服务时,旧版网站已经显得力不从心,无法满足广大师生和教职工的业务需求。为满足学校各项工作的发展节奏,更好地展现学校品牌形象,顺应高校网站的发展潮流,与世界名校看齐。于今年3月,由党委宣传部、信息网络中心牵头对学校旧版主站提出升级改造要求,并由北京通元软件负责网站的整体规划、设计、数据迁移、实施部署工作。

我们在改版前对北工商原版网站进行了充分的梳理、分析,吃透每一个栏目,每一项业务,每一条核心数据;参考了国内外多所名校的设计理念和栏目设置风格,通过精心的调研分析,数据梳理与北工商老师们充分的沟通并交换意见,逐步理清了新版网站的架构,明确了学校主站的定位和功能需求。

新版主站立足对外展示独有的北工商品牌形象、网站页面设计给人井然有序,焕然一新的视觉冲击力,对内服务师生,对外彰显品牌,明确了网站在整体的架构上:逻辑更科学,交互更便捷、结构更清晰、页面更时尚的改版目标,进一步服务学校中心工作和满足广大师生的需求。

02e404d05d8043eb8cbb412b25162f2d.png

在设计理念上:

北京工商大学作为以商科、轻工和食品为特色的综合性大学,具有独特而显著的校园特色。本次主站的设计方案以厚重而沉稳的风格为主,传达学校几十年历史的积淀和务实风格。新版主页以工商蓝为主色调,采用宽幅版式,构图具有鲜明的视觉冲击力。给人营造出沉稳厚重,又不失青春活力。

色彩与配色应用:

网站配色分别选用VI系统中的蓝作为主色调,分别配以红色作为局部点缀;红色的加入使沉稳而理性的蓝色更具广阔感,搭配使用可以缓冲长时间观看较深的蓝色所带来的压抑和枯燥感。

图形符号的提取亮点:

1、通知公告栏下方浅色块造型,同样提取自LOGO中“GS”变形,紧紧贴合学校图形文化符号,作为网站提味小图标来应用,为页面增添别具一格的韵味。

e47a90773d2740bca650830dacc9bd50.jpg

2、底部LOGO底色块提取LOGO中“GS”变形的组合,像是倒置的钻石,寓意学校稳固而坚定的办学理念。

499be34f5ce74450b911aa84dc10b0fa.jpg

新版网页主要变化有:

第一:更新主页面的结构,采用扁平化首页高清主题图片滚动展示重要节点、学校重要新闻事件、校园风景等内容,增加“工商印象”版块,用大篇幅图片展现学校优美风景,提升首页整体美观度,同时,将页面增加至5.5屏,增加了信息的显示量。

第二:优化栏目设置与栏目显示。为增强新闻可读性,改变综合新闻简单标题的陈列方式,改为1篇带图新闻、8篇新闻标题陈列方式,形式更美观、更清晰;为展现我校国际化成果,提升学校国际化水平,增加了“国际交流的版块;为方便师生读取信息,在“通知公告”“学术空间”“招标采购”栏目中增加来源部门及发布时间显示;在首页显示各学院,使用户可以通过首页直达学院网站等。

QQ截图20190712154717.jpg

高校主站的改版是一项复杂庞大的系统工程,涉及多个部门多个工种的联动工作。网站的改版不仅仅只是更换页面、布局、颜色、样式这么简单。改版背后还蕴藏着大量前期准备沟通工作,复杂的数据迁移工作、校园文化的梳理工作以及前沿技术的顶层设计工作。是老师们工作成果的结晶,是学校整体形象的浓缩;是展现大学综合实力的“一面镜子”,也是记录高校时代变迁的“一扇大门”。相信北京工商大学这套全新改版后的网站必定会以一个具有国际水准并且处处散发出自身品牌文化气息的全新形象呈现在公众面前。

部分改版后的二级页面

ec272ce645d14fc98e5cc8e1684d0bcd.jpg

96077fac91fb450ab6796cb3d7de9b5f.jpg

969792bc6f7447b493f1a94fc9c3b5f7.jpg

250f15af5bf44383b5c7921be3b037c8.jpg


分享到:
帮助中心
TOP