兰亭妙微 | 移动端UI设计案例分享｜骑行AppUI设计的绿色好有活力

兰亭妙微设计团队一直在 follow 国内外的设计作品，今天拆解一款面向自行车追踪与管理的产品——MyBike。

这次分享的是 Rondesignlab 等设计师展示的移动端 UI 作品。它把车辆、电量、地图和骑行信息放进同一套界面，用黑灰底色搭配浅绿、灰蓝与荧光黄，让工具型产品也有鲜明的运动气质

亮色用在需要被看见的地方
大面积黑灰让界面保持克制，荧光黄则出现在定位状态、确认按钮和导航选中项。浅色车辆卡片与深色地图形成对比，浏览时更容易分清内容分区。

先认出车，再读取数据
车辆详情页用大幅自行车图建立识别，上方呈现电量，下方用卡片组织位置、骑行模式和当日里程。家庭车辆列表则把头像、车名和电量放进不同底色的卡片，让多车信息有清楚的归属。

地图与操作保持在同一场景
安全设置页在地图上标出距离范围，下方放置距离调节与确认操作。值得参考的是信息与任务的衔接：看到位置之后，就能顺着页面理解接下来要调整什么。

这次值得积累的是配色的分工、车辆信息的层级，以及地图与卡片的组合方式。你更喜欢这套黑绿配色，还是家庭车辆卡片？