2016年1月1日，在辞旧迎新之际，我们满怀期待的迎来了南京大学新主页的顺利上线。
苏迪团队最终不负所托，为南大呈现了这份令人惊艳创意满满的新年贺礼。
引用“南大资讯”的话：“高端功能，尽显名校风流；华美页面，从此不再吃藕！”
这样充满逼格和喜悦的赞许背后有怎样的故事？
为什么改版？
南京大学上一版主页距现在已经很长时间，随着时间推移显现出各种让人不满意，比如不支持手机移动设备、图片偏小、过于平稳的构图等等。
换句话说，当年经典已经跟不上互联网时代新的审美，除了让人觉得“过于低调、不够华美大气”外，无法支持多终端访问也让“想说爱你不容易”。
于是，在师生期待下，2015年，信息化建设与管理办公室与苏迪合作，南京大学主页终于迎来了改版。
PC端
移动端
2
新主页定位是什么？
主页改版，第一个要思考和明确的重大问题就是定位。
作为一所源远流长历史的高等学府，如果脱离了历史文化而仅体现现代风尚，那显然就不再是南京大学，放之四海而皆“像”了。
所以，我们需要呈现给访问者的是“紧跟时代风格的南大，百年底蕴的南大”；有着“中国最顶尖的大学”，“中国最温和的大学”等的美誉，坚持“内涵发展”，保持“原汁原味”办学优势与特色的南大。
在静下心来仔细考虑与沟通，南京大学新主页设计定位最终敲定为：“通过网页向人们展现南大的历史悠久文化精神内涵，并用现代手法来诠释”。
3
怎么达到想要的效果？
定位是一个抽象的东西，怎么通过功能设计和视觉呈现达到想要的效果？
我们做了详细的规划：
配色
整体颜色采用了“南大紫”，辅助色没有采用纯白色与紫色相配，而是采用了暖灰色，视觉上更有艺术纸的质感，配合校训、图标等类似金色的暖灰色，让整个版面看起来更加柔和、高雅、大气，不仅养眼也充满文艺气息。
关于“南大紫”，小编也去做了一些功课。
南大与紫色的渊源，要追溯到前身国立中央大学。
南京大学在国立中央大学时校色为紫金二色，加之松青，故依据传统当为紫、金、青三色。紫、金两色，紫色象征典雅、高贵和浪漫；金色象征光明、辉煌和智慧。南大紫的沿用，也体现了南京大学对历史的尊重和传承。
随着移动互联网的普及，众多用户已经将移动端作为第一访问通道，所以兼容不同设备和浏览器，实现多屏适配对一所“高大上”的学校来讲已成必选项，而非可选项。
多屏适配使得我们通过不同屏幕大小、分辨率的浏览器访问，都能获得相匹配的浏览体验。
不管是用PC、手机、PAD访问，都能拥有舒适的阅读体验。
整体页面设计采取简约大气的布局。
角色导航，个性服务
为用户提供个性化服务，在页面最上部新增了角色导航，简洁明了，浏览者可以根据自己身份点击进入。
2
LOGO呈现
紧接着呈现LOGO、校训、搜索区。
3
导航清爽，指向清晰
导航栏均匀排版，当鼠标轻触到一个栏目上时，栏目变色，方便区分，指向更清晰。
4
华美大图，视觉冲击
为了吸引浏览者的目光，首页使用大图切换，并且把尺寸放大，更具有视觉冲击力。
每张图都是精心挑选处理，并配上文字使图片更生动，体现南大精神文化内涵。
图片切换以自动播放与手动播放相结合的模式，帮助访问者快速获取重要资讯。
5
栏目摆放，简洁明快
栏目摆放简洁，明快，让人一目了然。
区块分割有比较大的空间，视野开阔，看着心情舒畅。
通过按钮，图片来链接到相应的子页面，快捷方便也不失美观。
6
校徽水印
在主页底部印有南大校徽的水印，表现南大历史悠久的内涵。
7
社交媒体，一键分享
在利用手机浏览主站时，遇到有趣或者重要新闻、信息都可以一键分享到微信、QQ空间、微博和人人。
让南大在社交媒体更活跃。
8
微媒体与主页联动
在主页重点推介南大官方微博微信，只需要点击微信，即可扫描二维码关注。
4
后记
回顾设计的过程，设计团队多次推倒方案，和用户深入讨论，我们深深感觉到：南大就像一本书，需要沉浸其中，了解南大人和南大在中国近现代大潮中的一个个故事，才能做出具有南大特色的主页。
5
小编絮叨
文至此，忆及风靡南大朋友圈的张异宾书记寄语毕业生的一句话。
“你们以南京大学这所百年名校独有的方式，体知和感悟了一个人生命中最重要的非凡而高贵的意境，这会使你们走进这个过于物性的世界的时候，遇到低俗、平庸和无耻时，会在生理上产生一种深深的厌恶。”
当时看到这句话，小编脑海里呈现的是“逼格、高冷”等词汇。而本次小编跟随设计团队回顾南大新主页设计过程后，才体会到这其中透露的历史沉淀与文化精神内涵。
南京大学新主页你可喜欢？
