Towchronicle:運河週刊網站 UI 概念(Landing / Week / Harelock)
原創高保真網站 UI 概念,面向一份運河週刊:帶船閘插畫的首頁、由上而下的一週日誌,以及 Harelock 專頁。虛構航道,讀數為 DEMO,不是通航指南。
圖片署名:Tink
Towchronicle 是一款原創高保真網站 UI 概念,設定為一份關於虛構航道 Wynn Navigation 的週刊:一條小運河、一座單室船閘,每週寫一次。
三個頁面
Landing(首頁)。 標題 “The week on the cut.” 旁邊是程式碼繪製的 Harelock 閘室,窄船 Heron 停在兩扇閘門之間。短註說明這不是通航指南,水位數字僅供 DEMO。Harelock 水位記為平穩,高於夏季水位 +0.12 m,這是期刊讀數,不是建議。卡片選出 11 月 10 日週二 Heron 於 09:40 出閘;截至週三已記錄 18 次通過;以及 11 月 14 日週六 14:00 起的閘屋開放下午。
Week(本週)。 從 11 月 9 日週一到 15 日週日的縱向日誌,不是時刻表。週一:給閘門上油。週二:Heron 於 09:40 出閘。週三:在 Mile 4 修纖道,到晚上本週記錄為 18 次。週四 12 日(今天)記下昨夜有霜——這是期刊觀察,不是天氣或通航警告。週五:Reed Pound 志願刈草。週六:閘屋從 14:00 起開放下午。週日:尚無通過記錄。側欄重複:截至週三 18 次、上週 41 次、水位 +0.12 m 平穩。
Harelock(船閘)。 深色專頁,同一幅閘室圖。事實:落差 8 英尺 3 英寸、單室、上週 41 次、本週截至週三 18 次、水位 +0.12 m、閘守 Eli Moss(虛構)。頁面標明不是航行建議。
視覺系統
- 米色、磚色、河水色、苔色和金色
- 標題用 Literata,介面用 Barlow,標註用 IBM Plex Mono
- 閘室和窄船均以 SVG 繪製
- 期刊導航:This week、The cut、Harelock、Archive、About
說明
Towchronicle 是虛構品牌。Wynn Navigation、Harelock、Heron、Eli Moss、水位讀數和通過次數都是演示用的 DEMO 資料,不是真實航道,也不是通航指南。這是靜態設計研究,不是真實網站。全部畫面由程式碼繪製,沒有照片或第三方標誌。