首页 / 新闻资讯/龙媒资讯

不拘一格与见微知著——浅谈美术官网升级

09.07

2023

2023.09.07

3277

3277
分享至

南京艺术学院美术馆旧版网站于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个月全体工作人员辛勤的工作,新版美术馆官网一定能为观众提供更优质的线上服务,让官网成为本馆文化、教育、艺术传播的平台。


用户登录

同意 用户协议 或 注册协议
我要用验证码登录
还没有账户? 点我申请
南京
上海
广州
杭州
电子邮件 info@ilongmei.com
微信咨询 longmeiwangluo   点击复制
联系电话 137 8891 5955
电子邮件 sh@ilongmei.com
微信咨询    点击复制
联系电话 18927551025
电子邮件 info@Lomoo.com
微信咨询    点击复制
联系电话 138 6813 5210
电子邮件 hz@ilongmei.com
微信咨询    点击复制
Copyright © 2024 南京龙媒网络科技有限公司 All Right Reserved 站长统计