iOS 的逻辑尺寸 (pt) 是苹果公司在开发 iOS 设备时引入的一个概念,用于解决不同设备屏幕分辨率和物理尺寸之间的差异,以提供一致的用户体验。这种方法允许开发者以一种更简单的方式设计应用,而无需考虑每个设备的具体物理像素大小。逻辑尺寸在不同设备上保持一致,从而确保 UI 元素在视觉上的一致性。

了解一个概念,屏幕分辨率(PPI = Pixels Per Inch)

每英寸显示区域中包含的像素数,PPI 越高,图像越清晰。

该图展示屏幕分辨率PPI的概念,PPI = 326,也就是说 1英寸 里面有 326 的像素。

该图展示屏幕分辨率PPI的概念,PPI = 326,也就是说 1英寸 里面有 326 的像素。

说说逻辑尺寸的起源

image.png

这一调整确保了在更高像素密度的设备上,UI 元素仍能以相同的逻辑尺寸显示,但视觉效果更加清晰和锐利。不过,iPhone6 已经是 2016年 的产物,为什么没有更高密度的屏幕了。有两个原因,一个是技术层面,不过更多是人眼已经分辨不出来更高 PPI 带来的差异。

为什么要引入逻辑尺寸?

逻辑尺寸与分辨率无关的设计。

逻辑尺寸的引入鼓励开发者设计与设备分辨率无关的界面。通过使用 pt 而不是 px,设计师可以专注于 UI 的布局和体验,而不必担心具体设备的分辨率。这种方法简化了跨设备开发,并确保应用在不同 iOS 设备上的一致性和美观性。

什么是物理尺寸?

在我们设计的过程中,我们经常聊 pt 单位,你会发现这个概念非常好。是一个单倍的概念,我们要做一些简单的估算和评价都会变得简单。我们其实很少去说转化成物理尺寸,人类与机器的交互,其实是物理层面的接触,所以理解物理尺寸是相当有必要的。

逻辑尺寸 vs. 物理尺寸

计算逻辑尺寸到物理尺寸的转换

转换逻辑尺寸 (pt) 到物理尺寸 (mm) 的公式如下: