首页  苏迪视界 > 正文

聊聊“清新浪漫风”的中南财经政法大学主页

2016-01-142084


当“简洁大气”风席卷大江南北,“清新浪漫”这个词仿佛离学校的主页越来越远,但实际上“清新浪漫”与“简洁大气”并不矛盾。


同样是大图,同样是长页面,不同于常见的“庄重严肃”的开场白,中南财经政法大学以“轻松活泼”的方式展现自我,在细节处体现严肃与大气。可以说中南财经政法大学的主页用独具匠心的“清新浪漫风”俘获了我们,让我们感受到了冬日里的暖阳、校园的秀丽与扑面而来的文艺气息。


小编套用火爆高校圈的《南山南》中一句歌词“你任何为人称道的美丽,不及第一次遇见你”来表达这种惊艳之感。

同时附上中南财经政法大学版《南山南》,来体验一下“钟灵毓秀”的校园。


创意思路
中南财经政法大学是中华人民共和国教育部直属的一所以经济学、法学、管理学为主干,兼有哲学、文学、史学、理学、工学、艺术学等九大学科门类的普通高等学校,是国家“211工程”和“985工程”优势学科创新平台项目重点建设高校之一,致力于建设成为“高水平、有特色的人文社科类研究型大学”。
学校现有两个校区,南湖校区位于风景秀丽的南湖水畔,首义校区位于历史悠久的黄鹤楼下。

清新浪漫

为中南财经政法大学设计时,考虑学校“人文社科类”学术氛围,结合学校极具地域特色的校园文化和秀丽文艺的建筑特色,取孔雀绿为主色调,土黄色为辅色调,营造一个清新浪漫的主页风格。

中南财经政法大学主页

不止清新,大气依旧

整体风格清新活泼,但细节处不失严肃与大气,清新与大气相得益彰,给人舒适的视觉体验。

主页三处用到全屏背景,分别采用学校的风光虚化、建筑剪影、标志性建筑文泰楼局部,重在加强浏览者对学校的校园环境印象,同时起到大气的视觉效果。

每个区块采用直角,如日期轮廓、每个内容块的方方正正,带来官方网站的权威感。

全屏背景

内容清晰,层次丰富
版面划分上层次丰富,每个新闻块都有独立区域,用清晰的色彩区分,方便浏览者阅读内容,找到重点。


栏目设置与内容组织
内容清晰的基础是栏目与内容组织明确,在此基础上才能让设计出的版面重点突出、层次丰富。

设计也是运营策划的过程。
首页设计背后是内容产生的过程,也是学校和相关业务部门建立内容运营规则的过程。

在主页设计前,学校已经确定了栏目和内容设计需求。
参考高校四大职能(人才培养、科学研究、服务经济社会发展、文化传承和创新)来组织,结合旧主页栏目并有所改动。


那些让人着迷的小细节
新颖的图片切换导航
“中南映像大图区”采用高清大图,展示校园风貌与校园文化。
常见的切换辅以圆点、方块等简单的图形标识。
而本次通过“中南映像”四个字的色彩变幻,辅以学校logo,让人印象深刻。
中南映像大图切换

页头区域设置
学校logo居于左侧,符合受众的视觉习惯,右侧内容集中呈现,帮助浏览者将视觉和操作重心放在右侧。

角色导航简洁明了的帮助浏览者根据自己身份浏览相关服务与内容。

English通过颜色区分强调学校与国际接轨的现代化特征。

搜索框默认收起,鼠标划过搜索按钮后划出搜索框,既避免了搜索框的“孤零零”显示,也兼顾了搜索易用性。


页头区域


直观的公共服务
在设计时,将校园地址、新媒体、快速链接和服务指南都放在统一的公共服务区域,方便浏览者使用。

校园地址为文字显示,方便访客复制粘贴;
新媒体提供链接,展现学校在新媒体平台的活力,也方便浏览者关注;
快速链接以文字呈现,简单明了,避免内容过多对视觉上的干扰,也利于后期维护,在浏览时,鼠标滑动到某个链接,链接变色,给用户明确的指向;
服务指南将常用功能集中体现,方便用户查阅。
公共服务区域

简洁页尾
页尾淡淡收尾,内容罗列清晰,防止喧宾夺主。

分类式友情链接导航,可展可收,既不占用太多页面空间,也方便用户使用。
页尾


主站与部门网站同步实施
中南财经政法大学自2015年9月开始实施苏迪网站群平台,在实施时采取主网站和部门网站建设同步进行的方式。

经过需求调研,设计,修改,确认,模板制作和数据采集等工作,于2015年11月12日完成主体功能建设。
在主体功能建设完成之后,通过一个多月的测试、反馈、调整,在2015年12月31日跨年之际顺利完成主网站的切换上线。

部门网站建设包括原网迁移和定制改版工作, 截至2015年12月31日,已完成3个部门网站的上线,正在进行迁移的35个、改版设计30个左右,这些部门网站目前陆续在确认,做上线准备,为学校网站群平台的推广奠定了坚实的基础。


小编絮叨
通过网站群的实施,中南财经政法大学实现了站点的统一管理、站点间统一信息体系与信息共享,如主站“文澜新闻”栏目取自“文澜新闻网”;“通知公告”可以来源于二级网站的信息,也可以由主站管理员发布,降低信息搜索、信息审核、信息维护成本,使得学校对外宣传与对外服务更加安全、快捷、可控。