← Back to 專案管理
水族館導覽與海洋生物介紹手機 App 介面設計 Mockup

Ocean Museum Digital Solution Prototype

以海洋博物館為情境的虛實整合體驗概念,串聯展館導覽、角色收集與虛擬建造,透過 App 介面、遊戲原型及全息展示測試探索場域應用。本專案獲「數位科技解決方案競賽評審獎」。

Contribution

負責專案規劃與執行,參與導覽與遊戲體驗設計、App UI/UX、使用 AI 輔助虛擬角色設定、 3D 建模與 PBR 材質製作,並以 Unreal Engine 建立概念原型,透過全息展示測試評估角色融入實體場域的可行性。

Role
專案規劃 / 互動體驗設計 / 原型實作
Scope
導覽與遊戲流程/App UI/UX/虛擬角色與遊戲資產製作/概念原型/場域展示測試
Methods & Tools
Stable Diffusion/Figma/Unreal Engine/Blender
海生館 App 架構示意圖:整合展館導覽、經營模擬遊戲與現場 AR 互動
01 / EXPERIENCE FLOW
結合實體參觀與數位遊戲的體驗流程
App 架構整合展館導覽、虛擬海生館與 AR 探索三項功能。 使用者於館內取得限定角色與建材後,可延續至館外繼續進行建造與模擬經營,串聯實體參觀與數位互動。
角色設計流程:從 2D 概念、AI 生圖、3D 建模到像素遊戲素材的四階段演進圖
02 / CHARACTER DEVELOPMENT
結合生成式 AI 與 3D 製程開發虛擬海洋寶貝
從 2D 角色概念出發,運用生成式 AI 輔助造型探索,接續進行 3D 建模與骨架設定,並依展示需求輸出為全息設備與遊戲像素等不同形式的資產。
筆記型電腦螢幕展示 3D 軟體進行角色建模與骨架綁定作業 Mockup
03 / 3D PRODUCTION
用 Blender 進行角色建模、PBR 材質繪製與基礎骨架綁定,製作角色模型、PBR 材質與基礎骨架,供引擎及展示設備測試。
04 / GAME ASSET DESIGN
等角立體像素風格的水族館遊戲素材集合,包含展缸、人物、魚類與 UI 介面
GAME ASSETS
建立虛擬海生館的場景元件,支援收集、建造與空間配置玩法。
斜角卡片排列的可愛 Q 版海洋生物插畫圖鑑,包含水母、魚類與精靈
CREATURE COLLECTION
規劃虛擬生物收藏內容與圖鑑,搭配展區探索提供對應的角色解鎖機制。
05 / UI/UX DESIGN
海生館導覽 App 多頁面 UI 設計稿,包含展區介紹、生態解說時刻表與園區地圖
MUSEUM GUIDE
梳理展館資訊架構,以地圖、展區、生物介紹與活動時程為主要項目,版面重構與簡化介面層級,利於到館遊客對照現場動線與節目安排。
水族館模擬經營遊戲手機介面 Mockup,展示建造水族箱、主畫面與獲得海洋寶貝
GAME EXPERIENCE
規劃建造、背包與角色管理等遊戲介面,維持與導覽功能一致的海洋視覺風格,提供兩種情境切換的操作體驗。
*圖片中之品牌已遮蔽處理 。
06 / PHYSICAL EXPERIENCE
明亮珊瑚礁與熱帶魚水族箱前的發光水母精靈展示裝置
LED 全息設備於實體場域之展示測試
將角色模型導入 LED 全息風扇進行現場測試,評估水族箱背景、現場光源與視距對顯像的影響,作為實體場域輔助展示的評估依據。
水族箱前發光的全息水母精靈展示裝置,背景為深藍珊瑚礁