案例 · App
Cindercrib:漁獲合作社冰庫 iOS UI 概念(Today / Hold / Boat)
原創高保真 iOS UI 概念,面向漁獲合作社冰庫:今日到岸、Hold A 的箱位圖,以及一艘早班船的詳情。虛構品牌,資料均為 DEMO,不是真實 App,也不是行情工具。
圖片署名:Tink
Cindercrib 是一款原創高保真 iOS UI 概念,給小型漁獲合作社冰庫的記帳員用:船一回來就簽收木箱,並看清冰上還放著什麼。
三個頁面
Today(今日)。 深藍首頁向冰庫記帳員 Tess 問好,Hold A 溫度為 −1.4°C DEMO。問候下方三個數字:12 箱在庫、到岸 376 kg、空餘 4 個箱位。下面是今早的船次:Mallow(船長 Ian Moss,船員 Bea Clegg、Ned Pike)05:10 出海、08:40 回港,黑線鱈 6×36 kg、鰈魚 2×32 kg,共 8 箱 280 kg,入 A1–A8;Kittiwake 08:15 送入西鯡 4×24 kg,共 96 kg,入 A9–A12;Lark 仍未回,計劃週五到,今日 0 kg。
Hold(冰庫)。 Hold A 的 4×4 箱位圖。12 個箱位已占用,A13–A16 四個空著。溫度和 376 kg 總量與首頁一致。
Boat(船隻)。 程式碼繪製的鏽色船體 Mallow,船長與船員,同樣的 05:10 / 08:40,以及 8 箱 280 kg 按品種拆開的到岸記錄。
視覺系統
- 海軍藍、泡沫色、冰藍、鏽色和木箱色
- 標題用 Syne,介面用 IBM Plex Sans,重量和箱位編號用 IBM Plex Mono
- 箱位圖和船體均以 SVG 繪製
- 懸浮 Tab 可在 Today、Hold、Boat、Quay 之間切換
說明
Cindercrib 是虛構品牌。Cinder Quay、船名、人名、重量和 −1.4°C 讀數都是演示用的 DEMO 資料,不是真實港口紀錄,也不是行情或安全提示。這是靜態設計研究,不是真實 App。全部畫面由程式碼繪製,沒有照片或第三方標誌。