青海鳥類資源庫網(wǎng)站交互及UI設(shè)計(jì)
發(fā)表于：
01
項(xiàng)目背景
隨著生態(tài)保護(hù)意識(shí)提升，青海豐富的鳥類資源亟待數(shù)字化呈現(xiàn)與科普推廣。為打破信息分散壁壘，助力科研、生態(tài)教育及觀鳥愛好者交流，客戶想要造青海鳥類資源庫網(wǎng)站，以專業(yè)、直觀、易用的 UI 設(shè)計(jì)，串聯(lián)鳥類數(shù)據(jù)、科研成果與公眾認(rèn)知 。
該項(xiàng)目是與青海師范大學(xué)合作的[青海鳥類資源庫]網(wǎng)站交互及UI設(shè)計(jì)，青海師范大學(xué)是我們的老客戶了，本次項(xiàng)目我們也是從前期的內(nèi)容整理歸納、交互原型設(shè)計(jì)、UI設(shè)計(jì)，再到最后的客戶后期的開發(fā)還原度走查工作，最終實(shí)現(xiàn)的效果也獲得了客戶的認(rèn)可。
02
項(xiàng)目概述
產(chǎn)品定位
聚焦青海鳥類生態(tài)，打造集科普教育、科研輔助、觀鳥互動(dòng)于一體的數(shù)字化平臺(tái)。既為專業(yè)學(xué)者提供精準(zhǔn)數(shù)據(jù)檢索、學(xué)術(shù)成果展示窗口，也向大眾普及鳥類知識(shí)、傳播生態(tài)保護(hù)理念，成為青海鳥類生態(tài)對外展示的 “數(shù)字名片” 。
目標(biāo)用戶
需求精準(zhǔn)數(shù)據(jù)查詢、學(xué)術(shù)成果沉淀與共享，關(guān)注知識(shí)圖譜、文獻(xiàn)列表等功能模塊的科研學(xué)者；熱衷鳥類科普、觀鳥活動(dòng)，期望通過直觀界面了解物種、觀測歷程的生態(tài)保護(hù)愛好者；以輕松方式接觸生態(tài)知識(shí)，側(cè)重可視化展示（如地圖分布、演化流程）與趣味互動(dòng)（評論區(qū)、相關(guān)鳥類推薦 ）的普通公眾。
設(shè)計(jì)風(fēng)格
色彩以青海地域元素為靈感，藍(lán)天、雪山、湖泊藍(lán)白漸變打底，搭配鳥類羽毛自然色調(diào)，營造清新、貼近自然氛圍；布局遵循 “信息分層、高效瀏覽” 原則，大模塊分區(qū)清晰，用卡片式設(shè)計(jì)承載內(nèi)容，既保證視覺呼吸感，又通過微交互增強(qiáng)科技感與操作流暢性 。
03
設(shè)計(jì)亮點(diǎn)與價(jià)值
沉浸式生態(tài)體驗(yàn)
知識(shí)圖譜可視化：以鳥類為核心，關(guān)聯(lián)棲息環(huán)境、食物鏈等信息，通過動(dòng)態(tài)交互圖譜，讓用戶直觀理解物種生態(tài)關(guān)系，打破知識(shí)傳播壁壘；
知識(shí)圖譜
鳥類萬象墻
數(shù)據(jù)統(tǒng)計(jì)
精準(zhǔn)服務(wù)多元需求：為學(xué)者設(shè)計(jì)文獻(xiàn)檢索、數(shù)據(jù)統(tǒng)計(jì)模塊，支持高效科研工作；為愛好者打造觀鳥圣地推薦、實(shí)時(shí)評論互動(dòng)，構(gòu)建交流社區(qū)；為大眾簡化信息層級，用大圖、短文案、輪播展示核心內(nèi)容，降低科普門檻。
文獻(xiàn)列表
觀鳥圣地
評論互動(dòng)
品牌與生態(tài)共鳴：通過統(tǒng)一視覺語言（如 Logo 融入鳥類形態(tài)、底部生態(tài)友好鏈接），強(qiáng)化 “青海鳥類保護(hù)數(shù)字陣地” 品牌認(rèn)知，讓用戶在瀏覽中自然產(chǎn)生生態(tài)守護(hù)認(rèn)同感，助力青海生態(tài)文化傳播。
統(tǒng)一視覺語言
強(qiáng)化品牌認(rèn)知
04
UI設(shè)計(jì)
首頁
多維搜索
我們以設(shè)計(jì)為橋，連接生態(tài)數(shù)據(jù)與大眾認(rèn)知，讓青海鳥類資源庫不止是網(wǎng)站，更是傳遞生態(tài)價(jià)值的窗口 —— 如果你也在尋找 “懂行業(yè)、重體驗(yàn)、有溫度” 的 UI 設(shè)計(jì)伙伴，歡迎探索我們的更多可能性。
青海鳥類資源庫網(wǎng)網(wǎng)站訪問，鏈接是https://bird.qhnu.edu.cn/index.html#/front/main