首页  2020  成功案例 > 正文

复旦大学新版中英文主页、新闻网

2020-10-152400

日月光华 旦复旦兮 一元复始 万象更新


当光华大道上的第一缕晨光破开了阴霾,当双子楼前的第一坪绿草茵茵了春意,我们知道,这是春天来了,万物更新。而此刻的你或许还分散在祖国各地,但这里有另一种方式能让你拥抱春天。


春水初生,春林初盛,春风十里,复旦大学新版中英文主页携手新闻网在这里等你!


作为复旦大学融合媒体生产平台一期项目建设中的“门面担当”,可谓是颜值与内涵兼具,技术与艺术融合。话不多说,快随苏迪一起,一睹新版“三大主页”的风采吧——


中文主页先行!


复旦大学此次更新上线的中文主页,无论是设计风格还是内容设置,大到页面全局,小至“细枝末节”都是可圈可点,暗藏着别具一格的“小心思”。


图:复旦大学中文主页


整个页面以蓝色和灰色为主色调,给人明朗清爽之感的同时,也显出厚朴稳重的质感,同时延续了复旦大学旧版主页的色系风格,不会显得突兀。



另外,页面布局上,高度不一的通栏模块纵向分布,以背景进行平面分割,界限清晰。页面的功能模块均采用矩形方块铺排的方式,营造了一种规整有序的视觉感受。



忍不住给中文主页点赞!!!


当然,都说了我们是“颜值与内涵兼具”

主页在内容、模块设计上

也是亮点十足、创意满分


便捷的服务导航体验

页面主体的导航栏鼠标触摸后,通过平铺式的二级栏目以及相关链接展示,服务查找直接明了;页面向下浏览时,导航栏头部固定,服务跳转省时省事。


图:主页导航栏交互设计


此外,banner左侧的角色分类导航,一键获取个性化服务,减少服务查找的时间成本;右下一行显眼的魔方导航,常用通道触手可及。


多维度对外展示窗口

新闻聚焦、复旦百科(建筑、人物、书屋)、视觉复旦、专题网站……多角度、多信息载体地向公众展示复旦风采。


亮点!视觉复旦模块能调用自媒体信息(视频源自学生投稿),点击即可播放具体的视频。


新颖细腻的交互体验

类似Tab切换的触摸动画,辅之以色块变化,有限的空间展现更多的信息,重点突出左侧的图片信息。


图:复旦百科


Tab切换+手风琴效果
创新组合

流畅顺滑的手感体验

极富新意的视觉效果

极大提升了页面浏览的趣味性


更多的交互设计“小心思”

就不一一赘述了

看图哈~


图:主页文化日历


视觉复旦

学在复旦


图:辉煌校史


倍儿有feel的英文主页接着上


图:复旦大学英文主页


英文主页的整体色调与中文版前后呼应在平面划分上,采用尺寸不一的矩形块错落堆叠,打造层次化的视觉处理效果;每个版块之间没有非常明确的界限区分,整体风格处理更贴合外文网站的建设审美


图:Achievement & Why I Choose FDU


较之复旦中文官网,英文版主页新增了学术科研成就以及择校理由等模块,着重突出学校的科研实力,加强海外招生的宣传力度和影响力。


图:国际交换项目总览


采用世界地图的展现方式列出校级层面的交换项目,新颖别致,国家、院校、地理位置信息呈现清晰有条理。


“暗藏玄机”的新闻网给我冲鸭!


图:复旦大学新闻文化网



显而易见,页面以红色作为主色调,辅色为黑色,简洁大方。



布局规整方正,均以矩形板块进行页面切割。但是!看似平常的表面其实“暗藏心机”,请听小编一一道来。


我们先从“头”说起——

图:“我要投稿”入口


“我要投稿”是新闻投稿系统的前台入口,可面向师生进行新闻线索和采访素材的收集CMS管理系统、投稿系统和媒体资产管理系统的配套建设使得新闻采编发流程运转更加规范、高效,资讯内容能够进行统一的加工、审核和分发,这也是此次复旦大学新闻网建设的亮点之一。


图:新闻卡片展示切换


新闻网主页提供两种新闻展示样式:瀑布流加载效果的卡片式以及一行行纵向排列的列表式,随意切换。


图:文化日历


该板块以日历的形式进行活动预告,点击后展示详情信息,并且数据与学校官网主页联动,实现多处呈现的效果,扩大活动的宣传范围。


图:文化日历详情页


新闻内容详情页末尾的相关文章模块,智能为你推荐你所感兴趣的内容~


另外,文章页的“新闻分类”板块,各类新闻“一网打尽”,你想要的新闻种类,直奔主题即可!


图:新闻分类


More  Details:


1、媒体视角、专家视角版块,为你展现多视角下的复旦形象;

2、新闻排行提供两个维度数据:以“周”为单位和以“月”为单位,当前最热话题一目了然。


分享贴:融媒体平台能做什么?

复旦大学融合媒体生产平台:助力高校品牌形象建设的资讯内容生产、制作、分发云平台


本次中英文主站和新闻网的改版是融媒体一期建设内容的一部分,其中新闻网的资讯采编、分发、呈现的过程,其背后融合媒体生产平台的运作功不可没。


复旦大学融合媒体生产平台旨在建设复旦大学品牌和资讯信息传播的内容生产、制作和分发云平台。不仅要具备PC互联网、移动互联网的运行技术支撑能力,同时具备向更多终端和服务平台扩展的能力。以通过该平台向社交媒体和新媒体平台进行更加广泛和有效的传播助力高校品牌形象建设


苏迪与复旦大学的这次合作涵盖了从新闻投稿系统、CMS管理系统、中英文主页改版、新闻网改版及媒体资产管理系统,全流程、全方位的新闻内容生产过程,在高校信息化行业开融媒体平台建设先例,本次项目也为高校新闻资讯“策、采、编、发、追、考”的流程一体化重塑积累了有益经验。


新闻投稿系统旨在建设一个新闻素材多渠道聚合平台,传统新闻线索提交、采访申请、音视频素材上传,与热点文章全网采集一起,作为共享资源进入融媒体生产资源库,并为后续新闻的审核、生产和分发提供素材支持。


CMS管理系统助力宣传内容的采集、制作、分发过程的高效运作,资讯内容可一键分发至微信公众号、小程序、微博、官网和新闻文化网等,并预留可扩展至其他平台的接口,真正做到“一次采集、多次生成、多元发布”,避免了因重复发送造成的人力浪费。


媒体资产管理系统旨在建设对文档、图片、视频、音频等媒体资源的储存、编目、利用的系统,并提供软硬件结合方案。批量上传、文件夹上传、断点续传、自定义编目模板、资源分享等资源管理模块,为新闻“采编”环节提供了规范化、结构化的管理。


来自投稿系统、小程序、广播电台及数据库/RSS采集等渠道的新闻素材统一汇聚到CMS管理系统中进行加工、审核、分发,同时与媒体资产管理系统中的资源进行双向互动,一“取”一“存”,最后审核通过后的新闻“成品”再一键分发至微信、微博、小程序、主页及新闻网,从而构成新闻生产的完整流程。


图:复旦大学融合媒体生产平台运作示意图