案例 · 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。全部画面由代码绘制,没有照片或第三方标志。