兰亭妙微专注 UI 与用户体验设计，持续关注国内外优秀作品，分享界面设计与交互思路，进行设计审美积累。今天分享 Splash，一组连接电动车用户与私人充电桩的服务设计。查找设备只是起点，扫码、插枪与启动还需要手机和现场操作彼此配合。
一、项目背景：让设备状态与下一步动作更容易理解
这类产品的使用节奏由真实设备驱动。Splash 把不同操作阶段分别呈现，用短说明、设备图形与明确主按钮，组织从进入服务到准备充电的过程。
图 1 手机号注册与协议说明
手机号是页面的主要输入，协议与注册动作沿着阅读方向展开，已有账户入口保留在下方。绿色只强调关键操作，深色界面因此简洁而有明确方向。
图 2 扫描二维码连接设备
大尺寸扫码区域将注意力交给设备二维码，编号输入提供另一条连接路径。画面围绕同一任务展开，用户在扫描与手动输入之间都能找到直接入口。
二、设计策略：用高对比视觉建立操作焦点
①信息架构：注册、连接、插枪与启动各自聚焦当前任务。②视觉语言：黑与深灰划分背景，荧光绿强调动作和设备；二维码、连接器与车辆图形负责解释眼前状态，文字保持简洁。
图 3 插入连接器的操作引导
连接器插画与短说明对齐同一个现场动作，让抽象的设备连接变成具体指引。单一视觉焦点与充分留白，让操作页保持安静，也让眼前要做的事情更突出。
图 4 开始充电前的状态
车辆俯视图、电量百分比与圆形启动按钮构成就绪状态。荧光绿同时关联车辆与动作，信息收束在少数关键元素上，准备开始充电的阶段因此很清楚。
③场景化交互：扫码页同时提供设备编号输入，连接器页面说明现场动作，启动页再显示车辆与电量。界面跟随操作阶段改变重点，让用户沿着当前状态找到下一步。
三、设计启发：工具类产品的美感，可以来自清楚而及时的反馈
Splash 把设备图形、短说明与主动作放在同一情境中，高对比色彩帮助视线迅速聚焦。做智能硬件或出行服务时，值得积累的是这种将界面状态与现实动作对齐的设计方式。
如有新能源充电、智能设备类 App的 UI/UX 设计需求，欢迎联系兰亭妙微，交流产品场景与设计需求。
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
