南京藝術(shù)學(xué)院美術(shù)館舊版網(wǎng)站于2011年建設(shè)完成,這10多年間,中國互聯(lián)網(wǎng)特別是移動(dòng)互聯(lián)網(wǎng)技術(shù)飛速發(fā)展,南藝美術(shù)館也在這個(gè)大的時(shí)代背景下煥發(fā)出新機(jī)。然而,老網(wǎng)站在視覺設(shè)計(jì)、前端效果、后臺(tái)功能、版塊架構(gòu)、移動(dòng)端體驗(yàn)等方面已稍顯落伍與老舊,無法較好地滿足廣大觀眾對(duì)于美術(shù)館網(wǎng)站的需求。因此本館擬對(duì)網(wǎng)站進(jìn)行升級(jí)改版。
在廣泛研究國內(nèi)外著名博物館、美術(shù)館官網(wǎng)基礎(chǔ)上,博眾家之長的同時(shí)進(jìn)行自主創(chuàng)新。在整個(gè)網(wǎng)站改版過程中,經(jīng)過若干次的構(gòu)思與推敲,若干次的調(diào)整與修正,若干次的調(diào)研與會(huì)議,
在領(lǐng)導(dǎo)的大力支持下,在項(xiàng)目組成員們的全力辛苦付出下,美術(shù)館網(wǎng)站才以全新的面貌展現(xiàn)在公眾面前。
本次官網(wǎng)改版主要是為了完成從網(wǎng)站定位、功能、體驗(yàn)、視覺等各方面實(shí)現(xiàn)明顯大幅度提升,
開發(fā)過程中,我們以國內(nèi)外知名美術(shù)館官網(wǎng)標(biāo)準(zhǔn)進(jìn)行定制開發(fā)。緊扣全新的網(wǎng)站定位:宣傳展示、引導(dǎo)關(guān)注、激發(fā)興趣、建立強(qiáng)認(rèn)知、提高認(rèn)可度。重點(diǎn)在頁面效果、系統(tǒng)功能、移動(dòng)端體驗(yàn)這三方面著力。讓網(wǎng)站視覺更好看、效果更創(chuàng)新、功能更強(qiáng)大、系統(tǒng)更安全。
變,全新的頁面效果
——以南藝美術(shù)館特質(zhì)與時(shí)代特色為靈感,爭取讓人一見傾心。
改變的太多,筆者就選幾處,向大家匯報(bào):
第一印象,很重要。
我們希望第一屏就讓人眼前一亮。
因此首屏banner為全屏展示,包括視頻與橫幅圖片的輪播。
來源于這樣的用戶體驗(yàn)研究:“一般人瀏覽頁面遵循一個(gè)順序:首先看視頻,再看圖片,然后看標(biāo)題,最后看文字段落?!?/p>
更好的前端效果,頁面更靈動(dòng)
網(wǎng)站不同與平面設(shè)計(jì)的一個(gè)重要點(diǎn)就是:鼠標(biāo)觸發(fā)與滑動(dòng)效果。
我們?cè)谑醉撚昧硕嘀貏?dòng)效,包括banner遮罩效果、兩種不同的導(dǎo)航區(qū)域效果、視頻與圖片輪換效果、觸發(fā)標(biāo)題出現(xiàn)封面圖效果等等。
菜單導(dǎo)航區(qū)域采用固定置頂+智能變色+下拉菜單的模式,確保用戶無論合適都可以看到導(dǎo)航、了解全站欄目以便通達(dá)全站任意欄目。
新穎的展覽詳情頁:
1、進(jìn)入每個(gè)展覽頁面,首先看到的是全屏大圖輪播,給人以視覺沖擊力。2、每個(gè)展覽訊息都可與視頻庫中的相關(guān)視頻無縫對(duì)接。
這樣可讓展覽信息更有立體感,更有傳播力與表現(xiàn)力。
注意細(xì)節(jié),細(xì)微之處見真章
本次網(wǎng)站升級(jí)改版工作中盡可能地認(rèn)真、嚴(yán)謹(jǐn)、細(xì)致。注意細(xì)節(jié)到什么程度呢?我給大家匯報(bào)一個(gè)小小的例子。在網(wǎng)站banner切換的小圖標(biāo),原來是一個(gè)小圓點(diǎn),不認(rèn)真看甚至不會(huì)注意到。但是正是這毫不起眼的一個(gè)細(xì)節(jié),在一遍遍的修正過程中也被改進(jìn)了,這個(gè)小圖標(biāo)被我們改成了美術(shù)館屋頂鳥瞰圖的象形標(biāo)志。
變,更強(qiáng)大的功能
后端環(huán)節(jié)重點(diǎn)開發(fā)了展覽展示系統(tǒng)、公共教育信息系統(tǒng)、典藏品展示系統(tǒng)、志愿者申請(qǐng)系統(tǒng)、統(tǒng)一用戶權(quán)限管理系統(tǒng)、頁面形式統(tǒng)一管理、CMS等系統(tǒng),以及開發(fā)了一些實(shí)用小功能,譬如一鍵分享、手機(jī)端一鍵導(dǎo)航、視頻中心、文件下載等。
更好用的典藏品系統(tǒng).
在典藏版塊,建立了完善的典藏?cái)?shù)據(jù)庫,每個(gè)藏品關(guān)聯(lián)的字段有名稱、尺寸、材質(zhì)、種類、作者年份、作者信息、圖片、相關(guān)展覽、展覽鏈接、關(guān)鍵詞、關(guān)鍵詞閱讀等,采用高度智能化的排序模式與檢索模式??勺屧L客迅速找到自己關(guān)心的藏品信息。
更好用的檢索系統(tǒng)
輸入一個(gè)關(guān)鍵詞,自動(dòng)出來與該關(guān)鍵詞有關(guān)的文章、展覽、典藏信息。分類合理,邏輯清晰,便于訪客更快找到自己關(guān)心的信息。
變,更好的移動(dòng)端效果
手機(jī)網(wǎng)站的應(yīng)用場景主要有:1、微信聊天中的鏈接、微信朋友圈的分享鏈接??梢耘c微信公眾號(hào)無縫對(duì)接。2、通過手機(jī)百度或其他搜索引擎搜索關(guān)鍵詞后,點(diǎn)擊的鏈接。3、手機(jī)瀏覽器(譬如Safari、UC、華為瀏覽器、QQ瀏覽器等)4、其他手機(jī)APP中的鏈接(譬如微博、手機(jī)QQ、手機(jī)QQ空間、有道云筆記、人人網(wǎng)等)。
網(wǎng)站主要頁面絕非PC端的強(qiáng)制縮小適配,而是均根據(jù)訪客在手機(jī)端的瀏覽習(xí)慣,個(gè)性化定制設(shè)計(jì)一套UI體系;并依此進(jìn)行相應(yīng)的前端效果開發(fā),兼容各主流手機(jī)瀏覽器;在后端環(huán)節(jié),手機(jī)版內(nèi)容與pc版內(nèi)容,高度集成,統(tǒng)一管理,在后臺(tái)添加管理一次信息,PC與手機(jī)端同步更新。
不變的,
是把高雅藝術(shù)品味,帶給更多觀眾的初心。
歷史資料的傳承:完美對(duì)過去10年各項(xiàng)資料進(jìn)行全面整理,完成了過去10年4000多篇中英文版各類文章、26000多個(gè)字段項(xiàng)目的手動(dòng)排版與錄入。
這些創(chuàng)新點(diǎn)和例子都只是新版網(wǎng)站開發(fā)中的九牛一毛,當(dāng)前新網(wǎng)站PC端與手機(jī)端已全新亮相上線,但是追求完美,永無止境,改進(jìn)提升會(huì)一直在路上,也歡迎廣大觀眾給出意見與建議。相信經(jīng)過近8個(gè)月全體工作人員辛勤的工作,新版美術(shù)館官網(wǎng)一定能為觀眾提供更優(yōu)質(zhì)的線上服務(wù),讓官網(wǎng)成為本館文化、教育、藝術(shù)傳播的平臺(tái)。