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

更新时间:2024-05-17 20:26:33

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

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

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

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

HMI设计

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

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

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

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

HMI设计技巧

公式是:

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 ————