html前端 | 交互設(shè)計(jì) | 界面設(shè)計(jì)
物換星移，在21世紀(jì)經(jīng)濟(jì)高速發(fā)展的中國，民眾的生活得到了物質(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)過多次溝通，將頁面的布局通過快速手繪的方式和客戶確定下來，再進(jìn)行視覺設(shè)計(jì)，很大程度提高了工作效率。在開發(fā)上了根據(jù)客戶提供的3D模型，我們做了三維渲染，通過鼠標(biāo)拖動(dòng)便可以360度觀看每個(gè)陶俑。
匯集歷史發(fā)展資料、學(xué)術(shù)研究成果、國內(nèi)外展訊等有關(guān)胡人俑的圖文信息，并通過虛實(shí)展示、文創(chuàng)產(chǎn)品再現(xiàn)等全新手段展現(xiàn)胡人俑文物的獨(dú)特風(fēng)采，對胡人俑文物檔案進(jìn)行數(shù)字化采集、管理并實(shí)現(xiàn)永久保存。力求將學(xué)術(shù)與科普、知識(shí)性與趣味性有機(jī)結(jié)合，建立一個(gè)內(nèi)容完備、資料詳實(shí)、界面友好、檢索方便的胡人俑專題網(wǎng)站。
胡人俑數(shù)字博物館網(wǎng)站在科技部國家重點(diǎn)研發(fā)計(jì)劃重點(diǎn)專項(xiàng)“民族民間文化資源傳承與開發(fā)利用技術(shù)集成與應(yīng)用示范”項(xiàng)目子課題支持下得以建設(shè)。是對全民開放的一個(gè)網(wǎng)站，針對對民族文化感興趣的或者是胡人俑相關(guān)的研究人員都可以使用。
視覺方面整體設(shè)計(jì)為中國古風(fēng)，主色采用白色為主棕色和紅色為輔的色調(diào)，通過整體排版，多種中國古典元素的設(shè)計(jì)，來凸頁面整體的古風(fēng)風(fēng)格。布局更加強(qiáng)調(diào)界面風(fēng)格的一致性，既保證界面的整體性又突出主體元素，主次分明。
胡人俑數(shù)字博物館網(wǎng)站，其主要用途是對陶俑喜愛或者研究人員提供的一個(gè)網(wǎng)站?？蛻籼峁┑木W(wǎng)站非常簡單，并且除了首頁外其他頁面要展示的內(nèi)容都是以文檔的方式提供。經(jīng)過多次和客戶溝通，在充分了解網(wǎng)站的主要用途和功能后，我們重新梳理網(wǎng)站的整個(gè)架構(gòu)，并參考分析多個(gè)競品，最終產(chǎn)出如右效果圖。
梳理完整體需求后我們將整個(gè)網(wǎng)站比較重要的幾個(gè)模塊在首頁展示。 模塊一：胡人俑的banner圖 模塊二：數(shù)字博物館的整體介紹 模塊三：近期展覽 模塊四：數(shù)字產(chǎn)品 banner圖采用一張多個(gè)傭在一起的圖片，并且以漸變灰色作為背景突出主題，同時(shí)背景上疊加半透明的山水畫，整體顯得更有古韻。 banner以下主題部分整體采用白底為主中國風(fēng)花紋點(diǎn)綴為輔，每個(gè)模塊之間通過標(biāo)題進(jìn)行區(qū)分。“博物館介紹”模塊我們將標(biāo)題數(shù)著在左側(cè)展示，一是和古文化更加貼合，二是可以減少文字的寬度，文字過寬不便于用戶閱讀。接下來是“近期展覽”模塊，該模塊我們由兩部分組成，一個(gè)是VR漫游，相當(dāng)于虛擬場館的快捷入口，點(diǎn)進(jìn)去就可以線上在場館漫游。右邊是最新的的展覽列表，有興趣的游客可以點(diǎn)進(jìn)去查看更多詳情。最后一個(gè)模塊是藏品展示，點(diǎn)擊進(jìn)去可以鼠標(biāo)拖動(dòng)3D展示。
