9月5日,上海财经大学主页和新闻网改版上线。
改版后更加凸显上财元素,更加注重读者的体验,更加突出资源的整合与检索。
新闻网凸显读图时代特征,首页采用信息瀑布流模式,让用户快速浏览又沉浸阅读当中。
在高校新闻网中采用瀑布流式布局尚不多见,我们一起来看看。
新版主页
新版主页由上海财经大学设计,经网页前端设计、后期数据处理、多次调试、广泛征求意见,据此提出多套建设方案,根据师生反馈最终确定现行方案。
新版主页对网站的栏目设置、内容呈现、页面制作、表现风格、后台操作及安全进行了全面优化与提升,在首页导航条中设置了“学校概况”、“人才培养”、“师资队伍”、“科学研究”、“院系设置”、“部门设置”、“大学文化”、“公共服务”等八大板块,内容基本涵盖了学校办学的方方面面,点击导航栏目,会进入到相应的二级页面,以求链接顺畅,使用方便。
新版主页基于用户体验与快速传播,在显著位置设置“大图新闻”、“上财新闻、“专题聚焦”、“通知公告”、“讲座报告”五大功能板块;基于视觉效果与内容结构,以上财红为基本色调全方位融入页面设计之中;基于不同服务对象分设“学生”、“教职工”、“校友”、“考生及访客”等分众快速通道,为不同用户提供“一站式”信息服务。

2
新闻网
新版新闻网同样凸显读图时代特征,首页采用信息瀑布流模式。
错落有致,定宽而不定高的设计让页面区别于传统的矩阵式图片布局模式,巧妙的利用视觉层级,视线的任意流动又缓解了视觉疲劳。

瀑布流式布局特别适合“快速阅览者”的需要,会在每次浏览页面时,呈现最新的新闻。
瀑布流对于图片的展现,特别高效而具有吸引力,用户一眼扫过的快速阅读模式可以在短时间内获得更多的信息量。
无需频繁和繁琐的翻页操作,随着鼠标的滚动不断加载新闻块并附加至当前尾部,能获得更多的内容,让用户沉浸在阅读中。
吸顶式导航

吸顶式导航固定在页头。
用户在瀑布流模式下一目十行去浏览,吸顶式导航可以让用户轻松切换分类又不中断阅读。
点击单新闻
鼠标滑过图片呈现放大效果,在点击后,新闻跳转至新页面,看完新闻后仍可继续“向下滚动浏览”。
专题和导读区
重点推介的内容,可以放置在专题和导读区,一目了然。

瀑布流形式阅览起来很“爽”,但强迫症同学有不同意见。据说没有页脚拉不到底的感觉真心让人抓狂?

不用怕,都帮你考虑到了!点击分类导航后尽情享受翻页快感吧!

在设计和“用户体验”道路上,苏迪不断尝试更好的展现形式。
新学期,高校主页也出现了很多“新面孔”。小编准备了专题报道,后续会与大家一起分享建设心得,敬请期待。
本文部分内容引述上海财经大学改版上线新闻
请点击“阅读”
