In-Vehicle HMI Interface

In-Vehicle HMI Interface

UI/UX Design/2026

Overview

HMI DesignAutomotive UIUX DesignInterface Design

Role

HMI Designer

Outcome

Complete HMI System

A comprehensive in-vehicle human-machine interface design for new energy smart vehicles. Focuses on driver safety, information hierarchy, and operational efficiency while maintaining visual aesthetics and brand consistency. Features 2 core modules (Navigation + Music) and 1 complete design system.

  • Safety-first design principle prioritizing critical information at a glance.
  • Three-level information hierarchy for optimal driver attention management.
  • Maximized operational efficiency with frequently-used functions easily accessible.
  • Unified visual style combining technology and warmth.
  • Complete color system with primary colors (Cyan, Deep Blue-Gray, Nav Blue, Route Red).
  • Typography system optimized for digital displays (DIN Pro/Roboto, PingFang SC/Noto Sans).
  • Navigation module with three-zone layout (Instrument, Guidance, Map View).
In-Vehicle HMI Interface detail 1
In-Vehicle HMI Interface detail 2
In-Vehicle HMI Interface detail 3
In-Vehicle HMI Interface detail 4
In-Vehicle HMI Interface detail 5
In-Vehicle HMI Interface detail 6
In-Vehicle HMI Interface detail 7
In-Vehicle HMI Interface detail 8