UI 介面設計

參與UI設計和背景視覺設計,三文化動態影片和人物哭泣動態由團隊其他成員處理,根據 UX 架構下的 墓葬組合與 Wireframe 進行開發,從元件設計、色彩規劃、Prototype製作、多語系設定。

元件設計

UI元件製作進行統一個規範和文件大小進行設計,並考量多語系文字的長度進行規劃。

色彩規劃

色彩制定呼應考古大地色系與南科場館本身建築特色,介面顏色符合 WCAG 無障礙使用規範,讓文字具備高度可讀性。

顏色
定義

黑色 #000000 (透明度 80 %)


作為主背景色,用於所有溝通、文字資訊的展示區域。

米色 #FFF6E5 用於互動或標題區,增加柔和溫暖的感覺,提供視覺上的舒適過渡。

陶土色 #B6500C

應用於主要按鈕,強調用戶操作的關鍵點。

白色 #FFFFFF

用於文字、標示,尤其在黑色背景上的文字內容,確保其可讀性清晰。

實際介面色彩應用
實際介面色彩應用

Prototype 製作

除了製作介面原型,更實際模擬展櫃設備情境,以測試使用者操作使用。

多語系設定

根據各階段的UI Flow 製作中英文案,並調整文案符合史學家使用的名詞用語。

多語系文案表
多語系文案表

Last updated