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

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

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

html前端 | 交互設計 | 視覺設計 | 圖標設計

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

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

產(chǎn)品定位

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

目標用戶

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

設計風格

視覺方面整體設計為中國古風,主色采用白色為主棕色和紅色為輔的色調(diào),通過整體排版,多種中國古典元素的設計,來凸頁面整體的古風風格。布局更加強調(diào)界面風格的一致性,既保證界面的整體性又突出主體元素,主次分明。

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

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

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

  返回