計育韜：新媒體圖像設計參數(shù)質(zhì)因數(shù)分解與屏幕物理像素的適配意義
像素的客觀物理特性
在 iPhone 4 發(fā)布會上，Steve Jobs 曾說：“當你所拿的東西距離你 10-12 英寸（約 25-30 厘米）時，它的分辨率只要達到 300 PPI 這個‘神奇數(shù)字’以上，你的視網(wǎng)膜就無法分辨出像素點了。”
言下之意，當 Pixels Per Inch（每英寸屏幕所擁有的像素數(shù)量）數(shù)值越大時，手機屏幕的像素密度也就越高，由此肉眼對畫面的「精確性」感官就越好。但永遠不要忽略顯示器成像的本質(zhì)——它是一個將圖像數(shù)字參數(shù)以物理發(fā)光單元刷新展示的過程——而在絕大多數(shù)情況下，一份圖片文件都不可能「完美無瑕」地把每一個數(shù)據(jù)像素細節(jié)通過某個終端一一映射到物理像素上為你所見。
因為像素點距（或條紋間距）作為顯示器的硬件指標，直接決定了一種給定顏色的一個發(fā)光點與離它最近的相鄰同色發(fā)光點之間的距離，這種距離不能用軟件來更改，而這一點與分辨率是不同的，我們只能通過算法將圖片文件的像素與顯示器的像素點距關系進行匹配。
如果你還不能充分理解上述概念，其實可以一定程度上逆向思考：好比任何一臺攝影設備都無法捕獲現(xiàn)實物理世界的一切那樣，真實物理和虛擬數(shù)據(jù)之間的轉(zhuǎn)化總存在信息的丟失，如同柏拉圖《理想國》認為的世界是「理念的世界」一樣，這種偏差是客觀存在著的
偏差補償算法與質(zhì)因數(shù)分解
從數(shù)字參數(shù)到物理參數(shù)的轉(zhuǎn)化，科學家們采用了諸多與眾不同的技術補償方法，比如最直截的 PPI 補償——目前主流手機的 PPI 其實都在 300 到 500 之間，讓肉眼盡可能無法分辨圖片文件自身的參數(shù)細微差異。
但是，顯示器硬件彼此之間總有差異，比如，iPhone X 的屏幕大小為 5.8 英寸，分辨率為 1125x2436，也就是說，這款手機在寬度方向有 1125 個物理像素，長度方向有 2436 個物理像素。由此，一個參數(shù)為 1125x2436 的圖片文件在 iPhone X 上靜態(tài)展示時（動態(tài)如 overflow 的滾動時依然會在縱向失去對齊能力），我們可以認為 Layer 上所有的像素和屏幕上的像素可以絕對完美對齊映射。
但如果一個 1080 寬的圖片要在 iPhone X 上要滿屏顯示呢？這時候就不得不運用補償算法。
正因此，早期的電腦顯示器主流分辨率為：
14英寸 1024×768
15英寸 1280×1024
17英寸 1600×1280
21英寸 1600×1280
這些數(shù)字乍看之下沒有什么明顯特征，但為何它們會成為行業(yè)共識？來觀察它們的質(zhì)因數(shù)分解：
1024=2×2×2×2×2×2×2×2×2
1280=2×2×2×2×2×2×2×2×5
768=2×2×2×2×2×2×2×2×3
1080=2×2×2×3×3×3×5
……
顯然，我們即便不考慮硬件的具體像素偏差補償算法，也很容易理解文件參數(shù)與硬件參數(shù)的公約數(shù)越多，適配（尤其 GPU 縮放）性就越好，物理像素的偏差就越不容易被肉眼觀察到，這一點在早期電腦顯示器研發(fā)中至關重要。
而手機終端的硬件發(fā)展速度實際已經(jīng)超越了傳統(tǒng)顯示器，通過 PPI 的瘋狂提升已經(jīng)能解決大多數(shù)像素顯示偏差，因此多樣化尺寸的手機款式自然越來越多。
并且現(xiàn)在的偏差補償技術越來越多樣，比如響應式像素補償（在抽取一個像素補償?shù)幕A上，再抽取備用像素根據(jù)第一個像素的響應強度進行色彩備用補償）、相鄰像素相關性補償（針對向錯誤差通過迭代函數(shù)進行亮度水平修正）等，所以大多數(shù)頁面中我們已經(jīng)很難明顯注意到網(wǎng)頁前端的畫面偏差。
新媒體圖像設計的誤差「玄學」
而新媒體圖像設計作為一種前端導向的設計，width: 100% 的應用是非常普遍的，加之長圖切片化的主流設計方法，圖像與圖像頻繁涉及無縫銜接。在這種情況下，如果設計師能力初出茅廬，設計時寬度定義隨心所欲，就極有可能出現(xiàn)因物理像素偏差補償不足產(chǎn)生的圖像銜接問題。
很多時候，新媒體工作者仔細查看代碼對照、對照圖片，都無法找到其問題所在，只能將其歸咎于玄學。但實際上，筆者就見過一些頭部大品牌設計師，出圖使用如 1135 這類匪夷所思的寬度（1135=5×227），一方面這種難以進行質(zhì)因數(shù)分解的參數(shù)對任何硬件終端的物理屬性都是極端不友好的，另一方面體現(xiàn)了身為設計師但前端基本常識匱乏的技術和思路問題。
作為品牌方，我們不可能在任何情況下去指望用戶端的硬件能力去補償自身的設計問題，選擇合理合適的圖片寬度進行統(tǒng)一設計并規(guī)范切圖，就是解決這類如對齊偏差等玄學的首要步驟。
-END-
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）