HMI设计的Px与mm的换算关系

更新时间：2024-03-04 15:56:30

在现代汽车科技中，车辆内部的信息娱乐系统和控制界面扮演着至关重要的角色。为了确保这些界面的设计精准度和用户体验，HMI（Human-Machine Interface，人机界面）设计师需要仔细考虑屏幕上的元素大小，尤其是像素（Px）与毫米（mm）之间的换算关系。这一换算关系不仅涉及到分辨率和屏幕尺寸，还需要考虑 PPI（Pixels Per Inch，每英寸像素数）等因素。在本文中，我们将深入探讨 HMI 设计中的 Px 与 mm 的换算关系，并介绍如何精确计算和应用这一关键概念。

1、HMI 设计的 Px (像素) 与 mm (毫米) 的换算公式是什么？

首先了解到在 HMI 设计中 Px (像素) 与 mm (毫米) 并不是能直接换算的，需要公式来转换

1.1 需要算出当前的副驾驶屏的 PPI，公式如下

按照这个公式，屏幕尺寸 12.3 寸，分辨率 1920*720 的情况下，PPI≈166

1.2 了解到以上信息后，开始进行 Px (像素) 与 mm (毫米) 换算

英寸 (in) 和毫米 (mm) 的换算：

公式是：

PPI÷1 英寸（25.4mm）=Px (像素)

166（PPI）÷25.4（1 英寸的毫米 mm）=6.53Px (像素)

此时得出来副驾驶屏的：1 毫米 (mm)=6.53Px (像素)

假设我的 “电话” 图标尺寸为 1cm，那么副驾驶屏为 1 厘米 (cm)=10 毫米 (mm)=65.3Px (像素)

中控屏幕的 1cm 是多少呢？

200（PPI）÷25.4（1 英寸的毫米 mm）=7.87Px (像素)

1 厘米 (cm)=10 毫米 (mm)=78.7Px (像素)

1.3 最终的中控屏和副驾驶屏幕图标尺寸

中控屏幕：1 厘米 (cm)=10 毫米 (mm)=78.7Px (像素)

副驾驶屏：1 厘米 (cm)=10 毫米 (mm)=65.3Px (像素)

2、得到的数值有小数点怎么办？

使用整偶数，偶数：0、2、4、6、8

例如上面的结果

中控屏：78.7Px (像素)，那么应取 78（-0.7），而非 76（-2.7）或 80（+1.3）

副驾驶屏：65.3Px (像素)，那么应取 66（+0.7），而非 64（-1.3）

HMI 设计取整偶数的规则

不是：四舍五入

而是：偏差越小越精准

而是：偏差越小越精准

3、车机上常见的屏幕尺寸与分辨率、PPI

屏幕尺寸

分辨率

PPI

10.25

1920*720

≈200

12.3

1920*720

≈166

15.6

1920*1080

≈143

在现代汽车行业，HMI 设计是为了提供更好的用户体验和驾驶安全性而不断发展的领域。Px（像素）与 mm（毫米）的换算关系，虽然看似复杂，但对于设计出令人满意的车辆信息娱乐系统和控制界面至关重要。通过了解分辨率、PPI 以及屏幕尺寸之间的关系，HMI 设计师们能够确保图标和界面元素的大小在各种屏幕上都保持一致，从而提高了用户的操作体验。这一精确的换算关系不仅适用于 HMI 设计，还可以在其他领域的 UI/UX 设计中起到关键作用。因此，了解和应用 Px 与 mm 的换算关系，将帮助设计师们更好地满足用户需求，提升产品的竞争力。

————文章来源：BIGD ————