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

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

html前端 | 交互設(shè)計(jì) | 界面設(shè)計(jì)

html前端 | 交互設(shè)計(jì) | 視覺設(shè)計(jì) | 圖標(biāo)設(shè)計(jì)

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

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

產(chǎn)品定位

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

目標(biāo)用戶

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

設(shè)計(jì)風(fēng)格

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

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

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

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

  返回