查看原文
其他

意见征集 | 深研院中文官网改版焕新

宣传办 北京大学深圳研究生院 2023-03-09






听说深研院中文官网即将改版升级哦~~

是的!一起来看看新中文官网的初版网站预览效果与设计说明吧!

优化焕新的过程中,非常希望听到老师同学们的意见建议,快来填写文末的调查问卷或留言,南燕的官网你们做主!


击链接,即刻预览官网~

http://www.webdemo888.com/pkuszyjsy/


1

网站预览及设计说明

首屏

• 通过具有代表性的大图与宣传视频的混合播放,运用超大的轮播图展示与沉浸式功能布局,满足用户操作与大图赏析,加强网站相关内容的宣传力度,加深用户印象。

南燕 · 新闻

• 采用学校标志性建筑合集线稿为背景,叠加北大红与星光闪烁效果,突出展示内容的同时,使页面更加灵动。

• 内容展示区:中部为主展示区,展示最新信息,左右两侧小图为近期发布信息。展现形式新颖,布局规整,使页面更加沉稳大气。

教学 · 科研

• 左侧为教学、科研成果展示,鼠标经过标题时右侧切换相应的图示。大图与标题文字相结合,内容展示清晰,形式新颖,便于用户浏览。

活动 · 公告

• 采用左右分屏手法,将板块分为左右两部分:

左侧为讲座预告,鼠标经过标题时出现红色背景祥云底纹,左侧图片信息变换为相应的图片信息,实时反馈用户所选信息,实现浏览时眼手一致,增加阅读体验。

右侧为活动信息,图文结合,信息简介清晰。

学院 · 介绍

• 采用卡片式布局,图文并茂的展现形式,内容展示简介清晰,规整大气,每个学院的文字介绍,采用不同颜色为背景色,色彩上更加丰富,使页面更加灵动。

数据 · 南燕

板块背景采用暗色镜湖图片,结合镂空动态效果(页面滑动时,背景图固定,图片上方文字图标等在图片上方滑动展示)突出展示学校基础数据信息,彰显学校各方实力,背景镂空效果结合数字切换效果,微动效果增加页面生动性。

校园 · 文化

• 具象化图标结合多样的板块背景,排版错落灵动,风格新颖,让人眼前一亮。

光影 · 南燕

• 采用上线分屏布局,上方为专题视频,点击播放按钮,弹出视频框,进行视频播放。

下方为校园光影,展示校园风光及特色,鼠标放置图片区域,出现左右切换按钮,形式新颖,微动效果增加页面与用户的互动性,提升用户体验感。

以上为电脑端主页展示,点击文首链接,预览更多网页细节,手机端也可查看哦~


2

意见征集

本次官网改版是否符合你期待的官网风格、理想的表达方式、关心的信息内容

打开下方链接扫描二维码填写征集表在文末留言,提出你的意见与建议:

https://docs.qq.com/form/page/DV0VrdnN2cW9PQmFz

本期编辑:南燕新闻社 Neon

本期校对:南燕新闻社 向菀

审核编辑:王琳 王惠

审核发布:马曦业 王可佳

北京大学深圳研究生院校园建设与环境运行专题研讨会顺利召开

回顾2022 | 南燕十大新闻盘点

北京大学深圳研究生院2022年度总结大会顺利召开

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存