为更好服务学校高水平应用型大学建设，进一步发挥好学校官方网站的宣传和服务功能，学校对官方网站进行了全面升级改造。新版官方网站即日起与大家见面，开始为期一周的试运行，现将官网改版情况说明如下。

一、设计理念与风格

全新改版上线的官方网站以优化内容架构、增强阅读体验为抓手，设计理念突出学校办学定位，彰显菏院人文底蕴和文化特色。网站信息内容丰富，注重艺术性、欣赏性、实用性的统一，呈现出图文并茂、相得益彰的版面设计效果。

1.新版官网设计旨在提升学校最新学术成果、优秀学者和丰富的校园文化生活显示度，全面展示学校各项事业高质量发展的奋进故事。

2.新版官方网站顺应新媒体时代网络传播趋势，在旧版基础上补强了新技术的应用，增加了页面的整体活力，预留进一步拓展空间，增强阅读体验。

3.新版网站立足现有网站信息资源基础，将栏目设计加以梳理、整合和改进，用学校建筑、风景等元素和牡丹花元素，更加体现出bat365中文官方网站的风格特质，也让bat365中文官方网站网站更具有地域特征。

二、网页构成

1.网页色彩

整个网站使用红色作为主色调，给人呈现活力，富有感染力的视觉体验，搭配点缀色黄色、蓝色，营造更丰富的网站配色，设计中使用了学校建筑线稿，带地域特点的牡丹来体现网站特色。

2.网页设计工具

网站设计基本采用html5+css设计，搭配嵌入式js效果，在保持整体设计效果基础上，力求页面加载和网速等多方面渲染效果顺畅。

3.网页布局

首页面整体布局按照分屏理念。

第一屏：头部采用整屏的设计方式，给人较强的视觉冲击力。大图采用学校的宣传风景、宣传视频、新闻等多种形式展示学校办学质量和特色。导航做沉浸式设计，让大图带来无边际的设计体验，给用户留下深刻第一印象。

第二屏：学校要闻模块底部纹理以学校建筑和牡丹花的线稿作为背景，页面背景丰富。新闻排版采用图文结合的方式，使图文清晰对应。

第三屏：校园快讯、通知公告模块采用左右布局的设计形式，通知公告增加交互设计，让网站变得更加灵动，背景处叠加了学校建筑的线稿设计，进一步凸显了学校元素。

第四屏：学术交流、学术成果模块采用一本翻开的书籍做装饰设计，书籍元素来自于学校logo的设计形式展示，同时和板块内容相呼应。

第五屏：文化菏院模块采用了错落的展示形式，色块、视频、图片相互穿插设计，同时搭配了对应的icon让板块充满了灵动的设计韵味。

第六屏：数字菏院模块将学校的楼体建筑单独设计，数据展示环形围绕周边。通过数据直观展示了学校的办学实力。下方将曲线线条与媒体菏院模块巧妙衔接，增强了页面的设计感。媒体菏院采用了立体卡片的设计形式，和下方的融媒菏院做了呼应设计。

第七屏：融媒菏院模块以生动、灵活的页面呈现。随着微信、微博等各种新媒体的诞生，学校与各平台深度合作，入驻多个新媒体，结合网站群底层技术，打通微信、微博后台管理，激发融媒体集群传播功能，让用户能在首页关注到bat365中文官方网站更多的新媒体展示。

第八屏：专题专栏模块采用了斜切式卡片造型，切换展示专题内容，底部设计中加入了学校建筑造型，具有学校独有的特点，让网站更具辨识度。

新版网站试运行期间，欢迎广大师生就网站建设和相关内容提出宝贵意见，学校将及时修改完善、持续丰富功能，共同把校园网站建设好、维护好。意见建议请发送至宣传部邮箱：hzudwxcb@163.com，联系人：杨希泰0530-5581753。

感谢您对学校发展及学校官网建设工作的关心和支持！