裴磊
诶，晓南，那时我关上成城官方网站，是不是网页大不相同啊？
裴磊，这是咱官方网站“上新”啦！看这脱胎换骨的网页，让我快来一探到底吧！
晓南
值121十周年院庆之时
南京大学官方网站全面性焕新上架！
如前所述密不可分的办校积淀与古老的人文精神
从文本总体规划、经营理念艺术风格等微观
对官方网站进行深度升级更新
进一步提升学校国内外品牌影响力
彰显校园历史文化积淀
百载流传 元素融合
为增加本次更新设计的文化厚度
设计元素提取了诸多成城校内重要建筑标识
历经1500多年依然挺立的六朝松
“书圣”王羲之集字的南大门
拥有浓厚民国风情的孟芳图书馆
中西方文明结合的建筑代表体育馆
庄严雄伟的大礼堂
以及代表着铭记母校培养的涌恩泉
诸多特色建筑元素都融入了设计中
设计团队在认识和了解
这些承载成城风雨沧桑的建筑图形的基础上
进一步挖掘和改造
打造出了特色鲜明的成城视觉体系
全新交互 别具一格
为加强网页与浏览者的交互性
新版网站的动态交互能力大大提升
同时采用当前国内外最流行的动效设计
利用多重滚动视差、触发效果
及各类动画效果
帮助大家快速识别重点信息
有助于减少视觉疲劳
通过背景界面中
校园大门放大进而到大礼堂
行云流水的关联让人跟随着动效的切换
仿佛置身校园之中
合理、流畅的动效不仅让浏览者感到自然
还能够知晓元素当前所处的环境
校内航拍取材
动态的涌恩泉建立起与成城师生的情感连结
动效中还巧妙的运用了
时间和空间的运动变化
图书馆的背景元素每天的早晚7点
将自动切换为白天和夜晚的模式
斗转星移 漫天星海
有心的朋友
可以“蹲点”守候这份
独具匠心的小惊喜哦
响应式设计 多端适配
为提供更好的浏览体验
新版网站完美适配了不同设备
不同尺寸和不同分辨率屏幕
大家在不同设备访问网站
不会损失网站的文本、导航和布局
布局优化 文本规整
新网站将首页栏目及菜单栏目
进行了优化调整
视觉上减少展示栏数
通过成城要闻和媒体成城版块
展现图文影音全媒体效果和传播力，
将校内外新闻聚合共享
让观众从内容和视觉多角度了解成城
为突出成城人初心如磐、奋楫笃行的品行精神
设立学在成城和成城学人两个栏目版块
通过点与圆的互动关系
表达平衡的秩序与逻辑
隐喻成城“止于至善”的校训精神
“以科学名世、以人才报国”的办校理念
数读成城板块将成城下设院系、在校人数
师资团队、精品课程等文本
以关键数字进行提炼和重点展示
高度凝结学校的办校成就
裴磊
哇！大气的画面，合理的布局，我迫不及待想试试了！
本次更新还将主页的主要栏目详情页分别做了更新，话不多说，快跟随我一起来看看~响应式加载稍慢，可别着急哟，我们还在进一步优化中哦！
晓南
止于至善 不忘初心
快来试试新版网站吧！
新媒体工作室
往期精选 Editors Choice
编辑｜蒋子羲 孔祥羽
责编 | 张岭南 管雨欣
一起试试新网页吧！
