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