案例

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、预报或安全建议。包括海湾插画和图表在内的所有图形均由代码绘制,未使用照片或第三方标志。