首页  苏迪视界 > 正文

转载|你好,我是上海理工大学,这是我的新名片

2018-03-171489

全新上线的上海理工大学主页内容丰富,采用长滚动页面,分屏设计。用户浏览页面时,随着滚动条呈现的每一屏内容对比强烈,能够吸引用户对于特定区域的注意力。同时,也能够和响应式框架完美结合,从视觉和功能上全面提升用户体验。


以下内容引自上海理工大学公众号,点击文后阅读原文可直达文章。


2018年3月16日下午,上海理工大学校园网主页全新改版上线啦!

为更好服务学校高水平大学建设,进一步提升校园网主页的宣传和服务功能,学校启动了校园网改版工作。改版后的新主页在视觉效果、用户体验、信息导航、阅读服务等方面较以往都有了较大改进与创新。


新版校园网到底有多酷炫?

随小编来一睹它的风采吧!



改进页面布局,提升视觉效果


新主页以上理蓝为基调,体现学校百余年来传承、包融、发展的办学理念,彰显了“上善若水、海纳百川、理崇至真、工贵求实”的学人情怀。


设计风格采用国内外当前流行的长滚动页面,由“新闻资讯”、“尚理人文”、“媒体矩阵”、“视觉上理”、“公共服务”五大板块构成,信息容量更大,导航更明晰。

上海理工大学新主页PC访问效果


新闻资讯板块


尚理人文板块


媒体矩阵板块

(是的你没看错,以后在校园网上也能看到官微的推文啦!)


视觉上理板块


公共服务板块


页面右侧设置了栏目调阅功能快捷键,方便大家一键调阅相关板块,快速进行栏目切换。

一键调阅不同板块



强化图片展示,视觉冲击鲜明



新主页页面设计极具现代感,通栏大图全屏滚动展示学校办学成就、重大新闻、校园风貌等,以鲜明视觉冲击展示学校形象。

首页通栏大图

(将光标移动到“USST1906”可以切换图片哦)


新闻、人文、媒体板块在增加展示量的同时适度增加图片,美观又突出重点。

图文结合


增设“视觉上理”版块,展示优秀校园影像作品,师生可以点击“我要上传”按钮随时投稿。如果你在校内,可以随时上传,如果在校外看见美景怎么办?可以连接VPN后上传哦!

你的作品可能出现在上理首页!



功能便捷,注重用户体验


经常逛学校网站逛需要重新打开才能找到首页?新主页现在增设一键返回首页功能啦!点击主页左上角的校徽或学校名称图标即可一键返回首页哦!


一键返回首页


在功能使用上,新主页更加注重方便快捷的用户体验,通过导航栏置顶,方便师生随时查找信息。

不管处于页面的哪个版块

导航栏都是置顶的哦


新设“我的常用”应用系统版块,包括图书馆、办事大厅、教学服务等链接,该版块会根据用户的使用频次置顶常用选项,是不是很方便?

“我的常用”应用系统版块


采用日程表形式方便师生查询和了解学校学术和文化活动。看到日期下面的小圆点了吗?说明这天有讲座活动哦!

日程表


在首页尾部清晰展示上海理工大学校园地图、快速链接、官方微信二维码、官方微信二维码等。

新首页底部



响应式设计,一键分享增强交互性



页面采用当前流行的响应式布局,自动适应电脑、平板、手机等终端显示,增强了师生浏览体验。

新版校园网首页手机端


网页内容可以实现一键分享到热门社交媒体,增强校园网与各类新媒体的交互性。

一键分享



小贴士

新主页域名不变(www.usst.edu.cn)。怀旧的亲们可通过新主页右上角“回到旧版”入口浏览旧版主页(www1.usst.edu.cn),但是旧版主页的静态内容将不再进行更新了哦。




本文转载自公众号:上海理工大学

作者:李明炫

排版:潘韵