欢迎光临GGAMen游戏资讯




果粉钟爱的 iPhone 12 mini 分辨率,却苦了 UI 设计师

2024-11-25 204


台湾时间 10 月 14 日,iPhone 12 系列姗姗来迟。除了 12 / 12 Pro 两条主线,另一款 iPhone 12 mini 从旁杀出,把 A14 芯片和 5G 模组塞进 5.4 吋小屏幕,一时成为焦点。

“手机里的金龟车,回归 4s 的文艺复兴”。

激动的果粉恨不得把钱直接砸到库克脸上,但 UI 设计师可能越看越头痛:1,080×2,340,又是新分辨率。

分辨率是什么?

这里说的分辨率细分为两个概念──物理分辨率和逻辑分辨率。

首先是物理分辨率。物理分辨率的概念可理解为手机硬件参数,即一块屏幕最小显示元件(画素)的排列。数据样式的 A×B,A 是横列画素数,B 是直列。由于一块屏幕的标准下,单画素面积相同,所以 A 与 B 的比值也就是手机屏幕的比例。如 1,080:1,920 就表示 9:16 屏幕长宽比。

固定屏幕大小的条件下,物理分辨率与屏幕清晰程度的正相关很容易理解。每画素都可视为一单色点,一张照片用 225 个单色点堆出来肯定比 100 个单色点更能呈现细节,而 1:2.25 就是 720p 和 1080p 画质的画素数量比例。

但物理分辨率不是屏幕清晰度的唯一变数。常识上将照片缩小,肉眼可见变清晰,这里要说另一个屏幕画素密度概念,即 ppi(Pixels Per Inch)。ppi 表示每英寸画素密度。屏幕大小计算进去后,可直接理解成 ppi 越高,屏幕越清晰。

对软件开发者来说,另有一个概念是逻辑分辨率。逻辑分辨率是设计页面时的抽象画素,软件开发需按这数据设计,然后放大倍数填满整块屏幕。最开始物理分辨率与逻辑分辨率是 1:1,现在普遍是 3 倍,即一个 UI 设计的画素点用 4 个实际画素点填补,这使画面表现锯齿感更小,就是“细腻”。

 

0