QVR Pro Client | Main Page UI Redesign
專案類型
Utility
專案時間
2025.10
專案角色
UI Design
專案背景
QVR Pro Client 是 QNAP 影像監控用戶端應用程式，支援多裝置、多頻道、多功能，讓即時監看、影像搜尋與警報通知更加智慧而簡單。
本專案為 UI 全介面 Redesign / 並依據舊介面不佳的地方做改善
定義問題
回放控制項 icon 與功能不易聯想，需靠記憶或仰賴 tooltip 輔助
UI 色彩系統重新設計
解決方法
色塊精簡化：提升同色塊分配比率，降低畫面分割感
回放操作改為水平呈現，PTZ 控制項預設收合：增加時間軸可視空間，減少干擾，使用者在做回放操作時不需再點擊翻轉，可觀看的時間範圍變大變廣。
播放鍵與功能區塊重新排列：以水平軸配置提升操作流暢度。
功能 icon 優化：並以 icon 區分倒退5分鐘/往前影格差別
主畫面 / Before
主畫面 / After
時間軸縮圖預覽：快速查看區段內容，提高檢索效率。
Tab View / 縮圖模式
Tab View / 清單模式
Design System
Go Back
