Interface Size and Resolution
Vehicle screens come in different sizes and resolutions. Your content needs to work across all of them.
Screen sizes and densities
Section titled “Screen sizes and densities”In-vehicle displays vary widely:
- Different physical sizes from smaller displays to large widescreen formats
- Different pixel densities typically ranging from 160 dpi (dots per inch) to 320 dpi or higher
- Different aspect ratios (the width-to-height proportion)
Your station logo, visual information, and text need to scale appropriately for each screen while remaining legible.
Design for scalability
Section titled “Design for scalability”Account for pixel density
A 24px text element will appear physically smaller on a high-density 320 dpi screen than on a 160 dpi screen. Design your content to maintain legibility across different densities by using scalable units or providing multiple asset sizes.
Test on multiple screen densities
What looks good on a standard density screen might be too small on a high-density display. Test your station logo and visual information at different densities to ensure they remain clear.
Common screen configurations
Section titled “Common screen configurations”In-vehicle interfaces typically fall into these categories:
- Wide landscape screens (common in modern vehicles)
- Standard landscape screens
- Portrait-oriented screens (less common but growing)
Your content should adapt to whatever configuration the vehicle uses, with information showing or hiding based on available space.
Interface size and resolution
Section titled “Interface size and resolution”Vehicle screens come in different sizes and resolutions. Your content needs to work across all of them.
Screen sizes and densities
Section titled “Screen sizes and densities”In-vehicle displays vary widely:
- Different physical sizes from smaller displays to large widescreen formats
- Different pixel densities typically ranging from 160 dpi (dots per inch) to 320 dpi or higher
- Different aspect ratios (the width-to-height proportion)
Your station logo, visual information, and text need to scale appropriately for each screen while remaining legible.
Design for scalability
Section titled “Design for scalability”Account for pixel density
A 24px text element will appear physically smaller on a high-density 320 dpi screen than on a 160 dpi screen. Design your content to maintain legibility across different densities by using scalable units or providing multiple asset sizes.
Test on multiple screen densities
What looks good on a standard density screen might be too small on a high-density display. Test your station logo and visual information at different densities to ensure they remain clear.
Common screen configurations
Section titled “Common screen configurations”In-vehicle interfaces typically fall into these categories:
- Wide landscape screens (common in modern vehicles)
- Standard landscape screens
- Portrait-oriented screens (less common but growing)
Your content should adapt to whatever configuration the vehicle uses, with information showing or hiding based on available space.