为更好服务学校高水平应用型大学建设,进一步发挥好学校官方网站的宣传和服务功能,学校对官方网站进行了全面升级改造。新版官方网站即日起与大家见面,开始为期一周的试运行,现将官网改版情况说明如下。
一、设计理念与风格
全新改版上线的官方网站以优化内容架构、增强阅读体验为抓手,设计理念突出学校办学定位,彰显菏院人文底蕴和文化特色。网站信息内容丰富,注重艺术性、欣赏性、实用性的统一,呈现出图文并茂、相得益彰的版面设计效果。
1.新版官网设计旨在提升学校最新学术成果、优秀学者和丰富的校园文化生活显示度,全面展示学校各项事业高质量发展的奋进故事。
2.新版官方网站顺应新媒体时代网络传播趋势,在旧版基础上补强了新技术的应用,增加了页面的整体活力,预留进一步拓展空间,增强阅读体验。
3.新版网站立足现有网站信息资源基础,将栏目设计加以梳理、整合和改进,用学校建筑、风景等元素和牡丹花元素,更加体现出bat365中文官方网站的风格特质,也让bat365中文官方网站网站更具有地域特征。
二、网页构成
1.网页色彩
整个网站使用红色作为主色调,给人呈现活力,富有感染力的视觉体验,搭配点缀色黄色、蓝色,营造更丰富的网站配色,设计中使用了学校建筑线稿,带地域特点的牡丹来体现网站特色。
2.网页设计工具
网站设计基本采用html5+css设计,搭配嵌入式js效果,在保持整体设计效果基础上,力求页面加载和网速等多方面渲染效果顺畅。
3.网页布局
首页面整体布局按照分屏理念。
第一屏:头部采用整屏的设计方式,给人较强的视觉冲击力。大图采用学校的宣传风景、宣传视频、新闻等多种形式展示学校办学质量和特色。导航做沉浸式设计,让大图带来无边际的设计体验,给用户留下深刻第一印象。
第二屏:学校要闻模块底部纹理以学校建筑和牡丹花的线稿作为背景,页面背景丰富。新闻排版采用图文结合的方式,使图文清晰对应。
第三屏:校园快讯、通知公告模块采用左右布局的设计形式,通知公告增加交互设计,让网站变得更加灵动,背景处叠加了学校建筑的线稿设计,进一步凸显了学校元素。
第四屏:学术交流、学术成果模块采用一本翻开的书籍做装饰设计,书籍元素来自于学校logo的设计形式展示,同时和板块内容相呼应。
第五屏:文化菏院模块采用了错落的展示形式,色块、视频、图片相互穿插设计,同时搭配了对应的icon让板块充满了灵动的设计韵味。
第六屏:数字菏院模块将学校的楼体建筑单独设计,数据展示环形围绕周边。通过数据直观展示了学校的办学实力。下方将曲线线条与媒体菏院模块巧妙衔接,增强了页面的设计感。媒体菏院采用了立体卡片的设计形式,和下方的融媒菏院做了呼应设计。
第七屏:融媒菏院模块以生动、灵活的页面呈现。随着微信、微博等各种新媒体的诞生,学校与各平台深度合作,入驻多个新媒体,结合网站群底层技术,打通微信、微博后台管理,激发融媒体集群传播功能,让用户能在首页关注到bat365中文官方网站更多的新媒体展示。
第八屏:专题专栏模块采用了斜切式卡片造型,切换展示专题内容,底部设计中加入了学校建筑造型,具有学校独有的特点,让网站更具辨识度。
新版网站试运行期间,欢迎广大师生就网站建设和相关内容提出宝贵意见,学校将及时修改完善、持续丰富功能,共同把校园网站建设好、维护好。意见建议请发送至宣传部邮箱:hzudwxcb@163.com,联系人:杨希泰0530-5581753。
感谢您对学校发展及学校官网建设工作的关心和支持!