胡人俑數字博物館網(wǎng)站設計、交互設計和前后端開(kāi)發(fā)

胡人俑數字博物館網(wǎng)站設計、交互設計和前后端開(kāi)發(fā)

html前端 | 交互設計 | 界面設計

html前端 | 交互設計 | 視覺(jué)設計 | 圖標設計

物換星移,在21世紀經(jīng)濟高速發(fā)展的中國,民眾的生活得到了物質(zhì)上的保障,歷史文物保護得到前所未有的關(guān)注,但仍有許許多多的文物在我們看不見(jiàn)的地方或關(guān)注不到的地方逐漸失去光彩。得益于信息科技日益發(fā)展,數字博物館逐漸走入大眾視線(xiàn),歷史文物經(jīng)過(guò)數字化加工得以重生。

胡人俑數字博物館網(wǎng)站的設計,藍藍設計負責交互設計、視覺(jué)設計、前后端的開(kāi)發(fā)。前期在客戶(hù)需求不是很明確的情況下,我們經(jīng)過(guò)多次溝通,將頁(yè)面的布局通過(guò)快速手繪的方式和客戶(hù)確定下來(lái),再進(jìn)行視覺(jué)設計,很大程度提高了工作效率。在開(kāi)發(fā)上了根據客戶(hù)提供的3D模型,我們做了三維渲染,通過(guò)鼠標拖動(dòng)便可以360度觀(guān)看每個(gè)陶俑。

產(chǎn)品定位

匯集歷史發(fā)展資料、學(xué)術(shù)研究成果、國內外展訊等有關(guān)胡人俑的圖文信息,并通過(guò)虛實(shí)展示、文創(chuàng )產(chǎn)品再現等全新手段展現胡人俑文物的獨特風(fēng)采,對胡人俑文物檔案進(jìn)行數字化采集、管理并實(shí)現永久保存。力求將學(xué)術(shù)與科普、知識性與趣味性有機結合,建立一個(gè)內容完備、資料詳實(shí)、界面友好、檢索方便的胡人俑專(zhuān)題網(wǎng)站。

目標用戶(hù)

胡人俑數字博物館網(wǎng)站在科技部國家重點(diǎn)研發(fā)計劃重點(diǎn)專(zhuān)項“民族民間文化資源傳承與開(kāi)發(fā)利用技術(shù)集成與應用示范”項目子課題支持下得以建設。是對全民開(kāi)放的一個(gè)網(wǎng)站,針對對民族文化感興趣的或者是胡人俑相關(guān)的研究人員都可以使用。

設計風(fēng)格

視覺(jué)方面整體設計為中國古風(fēng),主色采用白色為主棕色和紅色為輔的色調,通過(guò)整體排版,多種中國古典元素的設計,來(lái)凸頁(yè)面整體的古風(fēng)風(fēng)格。布局更加強調界面風(fēng)格的一致性,既保證界面的整體性又突出主體元素,主次分明。

胡人俑數字博物館網(wǎng)站,其主要用途是對陶俑喜愛(ài)或者研究人員提供的一個(gè)網(wǎng)站??蛻?hù)提供的網(wǎng)站非常簡(jiǎn)單,并且除了首頁(yè)外其他頁(yè)面要展示的內容都是以文檔的方式提供。經(jīng)過(guò)多次和客戶(hù)溝通,在充分了解網(wǎng)站的主要用途和功能后,我們重新梳理網(wǎng)站的整個(gè)架構,并參考分析多個(gè)競品,最終產(chǎn)出如右效果圖。

梳理完整體需求后我們將整個(gè)網(wǎng)站比較重要的幾個(gè)模塊在首頁(yè)展示。
模塊一:胡人俑的banner圖
模塊二:數字博物館的整體介紹
模塊三:近期展覽
模塊四:數字產(chǎn)品
banner圖采用一張多個(gè)傭在一起的圖片,并且以漸變灰色作為背景突出主題,同時(shí)背景上疊加半透明的山水畫(huà),整體顯得更有古韻。
banner以下主題部分整體采用白底為主中國風(fēng)花紋點(diǎn)綴為輔,每個(gè)模塊之間通過(guò)標題進(jìn)行區分?!安┪镳^介紹”模塊我們將標題數著(zhù)在左側展示,一是和古文化更加貼合,二是可以減少文字的寬度,文字過(guò)寬不便于用戶(hù)閱讀。接下來(lái)是“近期展覽”模塊,該模塊我們由兩部分組成,一個(gè)是VR漫游,相當于虛擬場(chǎng)館的快捷入口,點(diǎn)進(jìn)去就可以線(xiàn)上在場(chǎng)館漫游。右邊是最新的的展覽列表,有興趣的游客可以點(diǎn)進(jìn)去查看更多詳情。最后一個(gè)模塊是藏品展示,點(diǎn)擊進(jìn)去可以鼠標拖動(dòng)3D展示。

航天創(chuàng  )智-胡人俑數字博物館網(wǎng)站設計-首頁(yè)
航天創(chuàng  )智-胡人俑數字博物館網(wǎng)站設計-藍藍設計
航天創(chuàng  )智-胡人俑數字博物館網(wǎng)站設計-藍藍設計
航天創(chuàng  )智-胡人俑數字博物館網(wǎng)站設計-藍藍設計
航天創(chuàng  )智-胡人俑數字博物館網(wǎng)站設計-藍藍設計

  返回