NEXA 用银色摩托车、深色底和荧光绿连接官网与应用。智能车辆App设计可以保留鲜明的品牌识别,但浏览产品和管理设备有不同的任务。官网帮助理解产品,应用需要明确当前对象、数据含义与操作结果,这种分工比外观一致更值得关注。
官网先展示产品,再提供两种继续方式
首屏以车辆侧面图为主,Manage the future 横跨车身,future 与 Order Now 都使用荧光绿;Learn More 则用灰色。顶部保留菜单、搜索和商店标识,主图两侧的箭头与下方圆点表达多个展示项。车辆形态占据大面积,文字与动作集中在中部,产品印象清楚。
了解与订购并列,照顾了不同准备程度的访客。后续内容可以分别说明产品能力、租赁条件和订购步骤,并让当前展示车型的身份延续到下一页。宣传区下方出现电量与模式图示,适合作为应用能力的介绍,但它和用户本人设备的实时状态需要有明确区别。

模式卡需要先说清选择规则
Modes 卡列出 Comfort、Sport、Sport Plus、Individual,Comfort 用绿色突出,首行左边写 Off,其他行右边都写 On。列表把模式名称放在一起,比较入口很直接;然而当前状态、可选状态和可执行动作还没有形成明确对应。
如果这些模式互斥,页面可以写出当前模式,并让其他行表达“选择”动作;如果是独立开关,则应说明每个开关控制什么。JVDS 更偏好先定义设备规则,再决定高亮和开关的样式,使选中某行与设备确认生效能够分别表达。
Power 卡中的 15 kWh、150 kWh,以及另一卡里的 99% 与 250 km,也需要各自的指标名称和更新时间。条形与曲线可以帮助感知变化,数字的对象与单位则决定变化意味着什么,不宜让图形代替指标定义。

车辆图上的控件应保留对象与结果
移动组把数据列表、正面车辆和俯视车辆分别放进手机页面,锁形和电源图标靠近车身,底部小条继续保留 Comfort 与数据。不同视角让控制对象保持直观,简洁的图标也避免遮住车辆形态。
正面与俯视的切换仍应保留设备名称、连接状态和最后更新时间,特别是在一个账户管理多辆设备时。电源符号还需要解释具体作用与可用条件,点击后的执行中、完成或未确认状态应有独立文字。这样,亮绿色不会提前承担“设备已经改变”的结论。
绿色同时出现在品牌、模式、数据条和控件中,位置与标签必须继续区分职责。最有价值的统一,是让同一辆车、同一模式和同一次操作在各个视图中保持可追溯,而不仅是让每页都出现相同色彩。

把设备管理做成清楚的状态路径
如果你的智能设备产品需要连接官网介绍、设备状态和控制操作,可以先统一设备身份、指标定义与执行反馈,再安排品牌视觉。
界达设计工作室(JVDS)提供UI/UX设计与网站设计、开发服务,可协助设计设备应用、控制状态和产品展示网站。


















