案例

Kelpmile:海泳 iOS UI 概念(Today / Meet / Log)

原創高保真 iOS UI 概念,獻給海泳愛好者:帶下水時段的 24 小時潮汐環、結伴下水活動頁與季度紀錄。虛構品牌,資料均為 DEMO,不是真實 App,也不構成安全建議。

  • 4 張圖片

圖片署名:Tink

Kelpmile 是一款原創高保真 iOS UI 概念,獻給全年下海游泳的人:上班前去一趟小海灣,週末結伴下水,記下每一個寒冷的早晨。

三個頁面

Today(今日)。 首頁只回答一個問題:今天早上的海水適合下水嗎?24 小時潮汐環標出漲潮與退潮,深色圓點代表現在,珊瑚色弧線是下水時段。下方四張柔和的卡片分別顯示水溫、風、浪與日照。

Meet(結伴)。 結伴下水活動頁:插畫風格的日出海灣、時間與路線、標出下水時段的小潮汐圖、參加的人以及要帶的東西。徽章明確寫著這次下水沒有救生員。

Log(紀錄)。 季度檢視:醒目的下水次數、依水溫上色的 11 月月曆、每週泡在水裡的分鐘數,以及最近幾次下水。

視覺系統

  • 海玻璃漸層、浪花白與深海藻綠,珊瑚色只用於下水時段與主要按鈕
  • 標題與數字用 Unbounded,介面用 DM Sans,時間用 DM Mono
  • 薄荷、天藍、暖黃、珊瑚四色便當卡片,各對應一項海況
  • 範例資料前後一致:潮汐環、下水時段與紀錄的日期時間都對得上

說明

Kelpmile 是虛構品牌,Gullrock Cove 也是虛構地點。潮汐、溫度、姓名與下水紀錄均為示範用 DEMO 資料。這是一份靜態設計作品,不是真實 App、預報或安全建議。包括海灣插畫與圖表在內的所有圖形均以程式碼繪製,未使用照片或第三方標誌。