案例
Kelpmile:海泳 iOS UI 概念(Today / Meet / Log)
原創高保真 iOS UI 概念,獻給海泳愛好者:帶下水時段的 24 小時潮汐環、結伴下水活動頁與季度紀錄。虛構品牌,資料均為 DEMO,不是真實 App,也不構成安全建議。
圖片署名:Tink
Kelpmile 是一款原創高保真 iOS UI 概念,獻給全年下海游泳的人:上班前去一趟小海灣,週末結伴下水,記下每一個寒冷的早晨。
三個頁面
Today(今日)。 首頁只回答一個問題:今天早上的海水適合下水嗎?24 小時潮汐環標出漲潮與退潮,深色圓點代表現在,珊瑚色弧線是下水時段。下方四張柔和的卡片分別顯示水溫、風、浪與日照。
Meet(結伴)。 結伴下水活動頁:插畫風格的日出海灣、時間與路線、標出下水時段的小潮汐圖、參加的人以及要帶的東西。徽章明確寫著這次下水沒有救生員。
Log(紀錄)。 季度檢視:醒目的下水次數、依水溫上色的 11 月月曆、每週泡在水裡的分鐘數,以及最近幾次下水。
視覺系統
- 海玻璃漸層、浪花白與深海藻綠,珊瑚色只用於下水時段與主要按鈕
- 標題與數字用 Unbounded,介面用 DM Sans,時間用 DM Mono
- 薄荷、天藍、暖黃、珊瑚四色便當卡片,各對應一項海況
- 範例資料前後一致:潮汐環、下水時段與紀錄的日期時間都對得上
說明
Kelpmile 是虛構品牌,Gullrock Cove 也是虛構地點。潮汐、溫度、姓名與下水紀錄均為示範用 DEMO 資料。這是一份靜態設計作品,不是真實 App、預報或安全建議。包括海灣插畫與圖表在內的所有圖形均以程式碼繪製,未使用照片或第三方標誌。