南京艺术学院美术馆旧版网站于2011年建设完成，这10多年间，中国互联网特别是移动互联网技术飞速发展，南艺美术馆也在这个大的时代背景下焕发出新机。然而，老网站在视觉设计、前端效果、后台功能、版块架构、移动端体验等方面已稍显落伍与老旧，无法较好地满足广大观众对于美术馆网站的需求。因此本馆拟对网站进行升级改版。

在广泛研究国内外著名博物馆、美术馆官网基础上，博众家之长的同时进行自主创新。在整个网站改版过程中，经过若干次的构思与推敲，若干次的调整与修正，若干次的调研与会议，

在领导的大力支持下，在项目组成员们的全力辛苦付出下，美术馆网站才以全新的面貌展现在公众面前。

本次官网改版主要是为了完成从网站定位、功能、体验、视觉等各方面实现明显大幅度提升，
开发过程中，我们以国内外知名美术馆官网标准进行定制开发。紧扣全新的网站定位：宣传展示、引导关注、激发兴趣、建立强认知、提高认可度。重点在页面效果、系统功能、移动端体验这三方面着力。让网站视觉更好看、效果更创新、功能更强大、系统更安全。

变，全新的页面效果

——以南艺美术馆特质与时代特色为灵感，争取让人一见倾心。

改变的太多，笔者就选几处，向大家汇报：

第一印象，很重要。

我们希望第一屏就让人眼前一亮。

因此首屏banner为全屏展示，包括视频与横幅图片的轮播。

来源于这样的用户体验研究：“一般人浏览页面遵循一个顺序：首先看视频，再看图片，然后看标题，最后看文字段落。”

更好的前端效果，页面更灵动

网站不同与平面设计的一个重要点就是：鼠标触发与滑动效果。

我们在首页用了多重动效，包括banner遮罩效果、两种不同的导航区域效果、视频与图片轮换效果、触发标题出现封面图效果等等。

菜单导航区域采用固定置顶+智能变色+下拉菜单的模式，确保用户无论合适都可以看到导航、了解全站栏目以便通达全站任意栏目。

新颖的展览详情页：
1、进入每个展览页面，首先看到的是全屏大图轮播，给人以视觉冲击力。2、每个展览讯息都可与视频库中的相关视频无缝对接。

这样可让展览信息更有立体感，更有传播力与表现力。

注意细节，细微之处见真章

本次网站升级改版工作中尽可能地认真、严谨、细致。注意细节到什么程度呢？我给大家汇报一个小小的例子。在网站banner切换的小图标，原来是一个小圆点，不认真看甚至不会注意到。但是正是这毫不起眼的一个细节，在一遍遍的修正过程中也被改进了，这个小图标被我们改成了美术馆屋顶鸟瞰图的象形标志。

变，更强大的功能

后端环节重点开发了展览展示系统、公共教育信息系统、典藏品展示系统、志愿者申请系统、统一用户权限管理系统、页面形式统一管理、CMS等系统，以及开发了一些实用小功能，譬如一键分享、手机端一键导航、视频中心、文件下载等。

更好用的典藏品系统.

在典藏版块，建立了完善的典藏数据库，每个藏品关联的字段有名称、尺寸、材质、种类、作者年份、作者信息、图片、相关展览、展览链接、关键词、关键词阅读等，采用高度智能化的排序模式与检索模式。可让访客迅速找到自己关心的藏品信息。

更好用的检索系统

输入一个关键词，自动出来与该关键词有关的文章、展览、典藏信息。分类合理，逻辑清晰，便于访客更快找到自己关心的信息。

变，更好的移动端效果

手机网站的应用场景主要有：1、微信聊天中的链接、微信朋友圈的分享链接。可以与微信公众号无缝对接。2、通过手机百度或其他搜索引擎搜索关键词后，点击的链接。3、手机浏览器（譬如Safari、UC、华为浏览器、QQ浏览器等）4、其他手机APP中的链接（譬如微博、手机QQ、手机QQ空间、有道云笔记、人人网等）。

网站主要页面绝非PC端的强制缩小适配，而是均根据访客在手机端的浏览习惯，个性化定制设计一套UI体系；并依此进行相应的前端效果开发，兼容各主流手机浏览器；在后端环节，手机版内容与pc版内容，高度集成，统一管理，在后台添加管理一次信息，PC与手机端同步更新。

不变的，

是把高雅艺术品味，带给更多观众的初心。

历史资料的传承：完美对过去10年各项资料进行全面整理，完成了过去10年4000多篇中英文版各类文章、26000多个字段项目的手动排版与录入。

这些创新点和例子都只是新版网站开发中的九牛一毛，当前新网站PC端与手机端已全新亮相上线，但是追求完美，永无止境，改进提升会一直在路上，也欢迎广大观众给出意见与建议。相信经过近8个月全体工作人员辛勤的工作，新版美术馆官网一定能为观众提供更优质的线上服务，让官网成为本馆文化、教育、艺术传播的平台。