iPhone 12 mini,你的蜜糖,UI設計師的“砒霜”

油醋· 2020-10-23
本文來自 “品玩”(ID:pinwancool) ,作者 油醋

10 月 14 日半夜,iPhone 12系列姍姍來遲。除了12和12 Pro兩條主線以外,另一款iPhone 12 mini 斜刺里殺出。把A14和5G裝塞進5.4寸小屏的設計一時間成為寵兒。

“手機里的甲殼蟲汽車,回歸4S的文藝復興?!?br/>

激動的擁簇者們恨不得把錢直接砸在錄播的庫克臉上,但UI設計師們可能越看越頭痛:

——1080*2340,又一個新的分辨率。

分辨率是什么?

這里說的分辨率細分為兩個概念—物理分辨率和邏輯分辨率。

首先是物理分辨率。物理分辨率的概念可以理解為手機的硬件參數,即一塊屏幕上的最小顯示原件(像素)的排列。而數據樣式上的A*B,A是橫向上一列的像素數量,B是縱向的。而由于在一塊屏幕的標準下,單個像素的面積是相同的,所以A與B的比值也就是手機屏幕的屏幕比例。比如1080:1920也表示9:16的屏幕長寬比。

固定屏幕大小的條件下,物理分辨率與屏幕清晰程度的正相關很容易理解。每個像素都可視為一個單色點,一張照片用225個單色點堆出來肯定比用100個單色點要更能呈現細節,而1:2.25就是720p和1080p畫質的像素數量比例。

但物理分辨率不是屏幕清晰程度的唯一變量。常識上將一張照片縮小,它可以肉眼可見的變得清晰,這里要引出另一個屏幕像素密度的概念,即ppi(Pixels Per Inch)。ppi表示每英寸像素密度。將屏幕大小計算在內后,可以直接理解成ppi越高,屏幕越清晰。

對于軟件開發者來說,另有一個概念是邏輯分辨率。邏輯分辨率是設計頁面時抽象的像素,軟件開發需要按這個數據來設計,然后放大倍數填充到整塊屏幕上。最開始物理分辨率與邏輯分辨率的倍率是1:1,而現在普遍是3倍,即一個UI設計中的像素點用四個實際的像素點來填充,這使得畫面表現上鋸齒感更小,即“細膩”。

有人笑,有人愁。

“iPhone 12 mini這個詭異分辨率真是給UI和研發增加工作量?!盪I設計師鳳梨在自己朋友圈抱怨。

無論iOS還是安卓系統,UI設計師們設計頁面的原理都是先根據邏輯分辨率尺寸來做,然后再放大三倍。但像iPhone 12 mini,同時帶來新的物理分辨率和邏輯分辨率,這對于UI設計師來說是四個基礎數值的變動。

“最惡心的是App Store的展示圖,蘋果每個分辨率都得弄,好幾套,不然上不了架?!?/p>

iPhone,放飛分辨率的“慣犯”

在蘋果歷代產品中,iPhone 12 mini的1080*2340分辨率是第一次出現。并且從iPhone 8開始,這已經是14款新iPhone中的第10個分辨率組合。

從iPhone 8—11 Pro Max的邏輯分辨率變化來看,橫向縱向的數值經歷了多次微調,其意圖是在適應屏幕的變長以及全面屏的出現。

鳳梨告訴品玩記者,蘋果最早設定的尺寸規范,就是以iPhone 2g/3g的分辨率尺寸(320*480)為1倍進行設計。后來隨著屏幕發展,1倍滿足不了需求,出現物理分辨率倍數于邏輯分辨率的現象。到iPhone 4為止,分辨率還是尊重這個設計規范的。

但從iPhone 5開始,用戶要更長的屏幕,縱向分辨率開始變化(從320*480到320*568),到了iPhone 6,橫向分辨率也開始突破規范。而在之后的幾乎每次手機迭代,蘋果都在橫豎雙向分辨率上做了調整。

相比之下,安卓要友好得多。

Google給出的長屏分辨率建議是360*720,雖然手機變長仍是趨勢,但橫向邏輯分辨率大多都遵從360的倍數,UI 設計上只需要在長度上做填充,不用傷筋動骨。

“我們做UI設計稿時不在意高度,但是橫向寬度的每次變動都涉及字段和元素的尺寸調整,工作量巨大,”鳳梨表示,“這是蘋果在綜合因素影響下,決定犧牲應用開發人員的效率?!?/p>

為什么是1080*2340?

iPhone 12 mini的邏輯分辨率是375*812,按理說物理分辨率也應該是1125*2436(3倍),但為什么實際數據要略???

最可能的原因是,“詭異”的分辨率設置是出于屏幕成本的考慮。

iPhone 12 mini 5.4英寸的屏幕此前并沒有先例,這意味著這塊屏幕的制作需要三星單開一條生產線。而這款小型旗艦對標的是iPhone 11 Pro,在5.4寸的尺寸基礎上,蘋果不希望iPhone 12 mini在屏幕顯示上與5.8英寸的11 Pro相比有任何閹割,這使得其邏輯分辨率也維持了與 iPhone 11 Pro相同的375 × 812。

如果邏輯分辨率與物理分辨率保持3倍的放大倍數,那么橫向物理分辨率會達到1125,蘋果需要向三星訂制的這塊屏幕會達到近495ppi左右。

一位行業內人士告訴品玩記者,這個ppi水準的屏幕三星有能力做,三星旗下S20的屏幕像素密度達到565ppi。但對于一款小屏旗艦來說,低價是其定位,屏幕的開模成本需要靠高銷量或者高利潤來抵充。另一方面,蘋果對它的銷量預期并不高,行業預測12 mini的銷量只會占到全系列的1/4以下。

所以從成本考慮,如此貴重的屏幕實在沒有必要。況且主打旗艦機12 Pro Max屏幕才458ppi,12 mini沒有道理喧賓奪主。

綜合考慮下,標準的1080p屏幕幾乎是唯一選擇。并且在維持住成本的前提下,分辨率上也沒有損失太多。因為即便是這樣,iPhone 12 mini仍然看起來很美,屏幕像素密度達到476 ppi,已經是到目前為止畫面最細膩的一款iPhone。

只有UI設計師們哭了。


仙居天天乐棋牌下载 熊猫彩票 (*^▽^*)MG大逃杀_豪华版 (^ω^)MG野性孟加拉虎送彩金 25选7复式计算 体彩江苏7位数开奖号码 青海快3位置走势图 (*^▽^*)MG秘密行动APP下载 新西兰彩票平台网址\/鱼刺系统 华东15选5开奖结果5 玩淘宝快3输了很多钱 单数中打一肖 (*^▽^*)MG戴图理的神奇七玩法介绍 (-^O^-)MG魔术兔技巧介绍 黑龙江p62开奖号 (^ω^)MG富裕人生_破解版下载 (★^O^★)MG进击的猿人客户端下载