大家好,

我一直在独自开发 SkyUI,这是一个基于 Flutter 的车载信息娱乐/HMI 系统,专为超宽(21:9)汽车显示屏设计,属于名为 Veltron 的更大项目的一部分。在此分享四个主要屏幕的当前状态:主屏幕、导航、电话/拨号器和媒体。

我重点做了以下几件事:

  • 主屏幕上的三面板布局(车辆状态、媒体/电话、导航小地图),让驾驶员无需翻阅菜单即可一览所有信息
  • 每个屏幕上的持久化空调控制 + 顶部栏——驾驶过程中,空调控制应该始终触手可及
  • 视图之间流畅的面板重叠过渡动画
  • 一个导航屏幕,包含实时逐向导航、兴趣点卡片,以及底部的速度/电池剩余里程显示
  • 一个拨号器/电话屏幕,包含最近通话、通讯录和已连接设备卡片
  • 一个媒体播放器,带有波形可视化器和空间音频模式切换(暂定名 "Meridian 3D")

技术栈:Flutter/Dart,采用 21:9 布局,因为这种比例在电动车仪表盘中越来越常见。

仍待完成:设置面板、更深入的车辆诊断,以及随着屏幕数量增加而清理状态管理。

欢迎任何接触过汽车或自助终端界面的人对 UI/UX 提出反馈——这与典型的移动端/网页端设计领域截然不同。

SkyUI 是开源的(详情请查看许可证)。也欢迎查看我们的日志和着陆页。
veltroncars.com
journal.veltroncars.com
https://github.com/mrvlajnic/skyui