附加:

　　業(yè)內(nèi)人士指出，不僅是5G帶來(lái)的成本上漲，屏幕、相機(jī)模組、內(nèi)存、存儲(chǔ)等硬件的提升也意味著成本上漲。

什么是DPI、PPI？

　　回到一加8系列上，兩款新旗艦漲價(jià)幾乎沒(méi)有什么懸念，最主要因素是成本上漲。

4k就是四倍全高清。如果現(xiàn)在的OS掌握了4k但是又不按照比例來(lái)，這說(shuō)明現(xiàn)在還沒(méi)有特定的4k資源。如今沒(méi)有手機(jī)或者平板電腦使用4k.顯示器赫茲

　　在售價(jià)上，此次vivo NEX 3S的8GB+256GB存儲(chǔ)組合售價(jià)4998元；12GB+256GB存儲(chǔ)組合售價(jià)5298元。

很簡(jiǎn)單�，F(xiàn)在的Jim，一個(gè)是標(biāo)準(zhǔn)PPI（iPhone 3）的Jim.png版本，一個(gè)是200%PPI（iPhone 4）的Jim@2x.png版本。

本文是為“初學(xué)者”或者作為從一開(kāi)始就想要學(xué)習(xí)更多跨DPI和跨平臺(tái)設(shè)計(jì)知識(shí)的中級(jí)設(shè)計(jì)師準(zhǔn)備的序言讀物。 沒(méi)有復(fù)雜的計(jì)算和不可分析的圖表，只是按照劃分直截了當(dāng)?shù)貙��?nèi)容呈獻(xiàn)給讀者，便于讀者理解以及直接運(yùn)用到設(shè)計(jì)過(guò)程中，非常實(shí)用且專(zhuān)業(yè)的知識(shí)，記得收藏唷。

附加: 也許有人會(huì)說(shuō)，每秒顯示60幀以上人眼是無(wú)法識(shí)別的，這是錯(cuò)誤的。

“Retina（視網(wǎng)膜）顯示屏”是Apple公司在發(fā)布iPhone 4時(shí)引入的。之所以叫做Retina是因?yàn)樵O(shè)備的PPI非常高以至于人的視網(wǎng)膜也不能在屏幕上分辨出像素點(diǎn)來(lái)。

　　從今年發(fā)布的驍龍865機(jī)型來(lái)看，價(jià)格上漲是行業(yè)趨勢(shì)。以Galaxy S20系列為例，Galaxy S20起售價(jià)為6999元，Galaxy S20+起售價(jià)為7999元，Galaxy S20 Ultra起售價(jià)達(dá)到了9999元。

假設(shè)的例子：如果你外接一個(gè)12寸4k屏幕到12寸高清屏幕（2x）的電腦，所有東西都會(huì)顯得小了兩倍。

思考下面的例子，在復(fù)雜設(shè)計(jì)中如何直接應(yīng)用：

如果我外接一個(gè)4k的顯示器到電腦會(huì)發(fā)生什么呢？

iPhone 3G/S是3.5英寸的斜角，分辨率為480320px，PPI為163。 iPhone 4/S是3.5英寸的斜角，分辨率為960640px，PPI為326。

影響

　　3月10日晚間，一加創(chuàng)始人兼首席執(zhí)行官劉作虎表示，去年一加7 Pro海外版就是全球首批商用的5G手機(jī)，毫無(wú)疑問(wèn)下一代新品都將會(huì)全系標(biāo)配5G。

稍微從PPI和屏幕分辨率中休息一下，來(lái)看個(gè)小知識(shí)。你可能注意到在屏幕設(shè)置中靠近分辨率的地方有顯示器的Hz值，它和PPI沒(méi)什么關(guān)系，顯示器赫茲或者刷新頻率是顯示器每秒展示固定圖像或者幀的速度單位，比如一個(gè)60 Hz的顯示器每秒可以顯示60幀，同樣，一個(gè)120 Hz的顯示器每秒可以顯示120幀。

　　據(jù)iOS 14代碼顯示，iOS 14/iPadOS 14對(duì)鼠標(biāo)的支持將顯著改進(jìn)，這再次引發(fā)了人們對(duì)iPad和Mac相整合的討論。根據(jù)國(guó)外媒體獲得的iOS 14代碼顯示，蘋(píng)果公司將在iOS 14中推出豐富的全系統(tǒng)鼠標(biāo)光標(biāo)支持功能。之前，蘋(píng)果已在iOS 13系統(tǒng)的輔助設(shè)置中增加了對(duì)外部鼠標(biāo)的基本兼容功能，但這一功能將在iOS 14/iPadOS 14中成為主流。

它適用于從1280*720px或720p開(kāi)始的720水平的任何分辨率。一些地方也將這個(gè)分辨率SD叫做標(biāo)清。

·vivo NEX 3S發(fā)布，搭載驍龍865處理器

以iPhone 3G和4為例，相同物理大小上iPhone4的像素點(diǎn)是3G兩倍，因此像素比就是2，這表示只需要用你的資源乘以2，就可以兼容4G的分辨率了。

因?yàn)?ldquo;Retina”顯示屏的命名歸Apple公司所有，所以其他公司使用“HI-DPI”或者“超大像素sp33d顯示器”（我將注冊(cè)這個(gè)）或者其他的來(lái)表示。

如例子所示，屏幕的原始分辨率是2560*1440px。如果分辨率減小，像素點(diǎn)還是被展示在PPI為109的屏幕上。你的操作系統(tǒng)會(huì)自動(dòng)拉伸所有元素來(lái)填補(bǔ)間隙，使得整個(gè)屏幕被填滿(mǎn)。GPU/CPU會(huì)捕獲所有像素點(diǎn)并且使用新的比例重新計(jì)算他們。

DPI（Dots Per Inch）是測(cè)量空間點(diǎn)密度的單位，最初應(yīng)用于打印技術(shù)中，它表示每英寸能打印上的墨滴數(shù)量。較小的DPI會(huì)產(chǎn)生不清晰的圖片。

全高清適用于1920*1080px的屏幕。大多數(shù)的TV以及越來(lái)越多的高端手機(jī)（Galaxy SIV，HTC one，Sony Xperia Z，Nexus5）都是這個(gè)分辨率。

下面這個(gè)例子，可以幫助大家更好地理解。T-rex同時(shí)在60Hz和120Hz的屏幕上以完全相等的步伐快速?gòu)腁點(diǎn)到B點(diǎn)，60fps的屏幕上展示了9幀動(dòng)畫(huà)，而在相同時(shí)間內(nèi)120fps的屏幕展示了2倍幀數(shù)，并且動(dòng)畫(huà)在120Hz屏幕上會(huì)顯得更加流暢。

附加: 使用Apple的產(chǎn)品是熟悉DPI換算，理解分辨率、PPI、物理尺寸比例之間差異的極佳方式，因?yàn)槟阒恍枰�考慮一個(gè)像素比。

附加：如果你希望你的設(shè)計(jì)精確到像素，那么最好不要改變?cè)�始分辨率。你也許覺(jué)得使用小的比例會(huì)更舒服，但是當(dāng)涉及到像素點(diǎn)時(shí)，這樣會(huì)影響精確性。有些時(shí)候，用戶(hù)會(huì)把調(diào)整分辨率當(dāng)作在控制屏幕（特別是桌面）美觀程度的方式，這樣雖然會(huì)讓設(shè)計(jì)看起來(lái)不太好，但是可以滿(mǎn)足用戶(hù)對(duì)易讀性的需求。

如果想要設(shè)置27寸屏幕分辨率為1280*720（之前寬的一半，高的一半），GPU會(huì)讓一個(gè)像素點(diǎn)變成原來(lái)的2倍大來(lái)填充屏幕，那么結(jié)果就是會(huì)變得模糊。在分辨率為原來(lái)一半的時(shí)候，因?yàn)橛泻?jiǎn)單分頻器的存在可能看著還算可以。但是如果使用原來(lái)的1/3或者3/4，最終會(huì)以小數(shù)點(diǎn)結(jié)束，就不能等分一個(gè)像素點(diǎn)了。我們來(lái)看下面的例子：

數(shù)碼后期





什么是視網(wǎng)膜顯示屏

　　3月10日下午，vivo在線上召開(kāi)新品發(fā)布會(huì)，正式發(fā)布了vivo旗艦手機(jī)NEX 3S。vivo NEX 3S在外觀上延續(xù)了vivo NEX 3的設(shè)計(jì)，核心配置采用了高通驍龍865處理器，標(biāo)準(zhǔn)版為8GB內(nèi)存，頂配版為12GB內(nèi)存，存儲(chǔ)空間提供了128GB、256GB和512GB三擋，全系標(biāo)配LPDDR5運(yùn)存和USF 3.1閃存。在續(xù)航上，vivo NEX 3S采用了4500毫安時(shí)電池，并支持44W快充。

讓我們先創(chuàng)建一個(gè)44*44px的iOS上被推薦的touch按鈕（我后面會(huì)介紹），定義為典型按鈕“Jim”。 為了讓Jim在iPhone 4上看起來(lái)更好，需要?jiǎng)?chuàng)建一個(gè)它兩倍大小的版本。下面就是我們做的。

　　在相機(jī)上，vivo NEX 3S采用了三攝像頭配置，主攝像頭搭載了6400萬(wàn)像素、1/1.7英寸傳感器，支持全尺寸RAW拍攝，為后期修圖空間提升，也便于剪裁和二次構(gòu)圖。此外，vivo NEX 3S還搭配了1300萬(wàn)像素超廣角和1300萬(wàn)像像素長(zhǎng)焦鏡頭，超廣角鏡頭支持微距拍攝。

這就是為什么當(dāng)你想要改變一臺(tái)Retina Macbook Pro的分辨率的時(shí)候，系統(tǒng)會(huì)展示下面的窗口來(lái)讓你知道（下面的屏幕截圖）這個(gè)分辨率會(huì)“看著像”1280*800px，它采用用戶(hù)的分辨率經(jīng)驗(yàn)來(lái)表達(dá)尺寸比例。

　　與上一代Galaxy S10系列相比，Galaxy S20系列價(jià)格均有上漲（PS：Galaxy S10國(guó)行起售價(jià)為5999元，Galaxy S20+國(guó)行起售價(jià)為6999元）。

事實(shí)證明正好是兩倍的關(guān)系，同樣的物理大小，屏幕上的元素卻有兩倍的清晰度，因?yàn)樗麄冇袃杀兜南袼攸c(diǎn)。1個(gè)標(biāo)準(zhǔn)的像素＝4個(gè)Retina像素，像素的四倍。

這些描述帶有濃重的主觀色彩，因?yàn)樗�用像素分辨率作為衡量物理尺寸的單位，雖然不夠嚴(yán)謹(jǐn)，但至少他們覺(jué)得是對(duì)的。

一個(gè)27寸的影院顯示屏，原始分辨率為2560*1440px，PPI為109。如果減小分辨率，元素將會(huì)顯示得更大，因?yàn)橛?3.5英寸的水平寬度需要數(shù)量遠(yuǎn)遠(yuǎn)不夠的像素點(diǎn)來(lái)填滿(mǎn)。

思考后面的例子：在原始分辨率的屏幕上畫(huà)一條1px的線，然后設(shè)置分辨率為50%。為了填滿(mǎn)屏幕，CPU需要制造150%的視覺(jué)效果，所有像素點(diǎn)都要乘以1.5，1*1.5=1.5，但是因?yàn)椴荒苡邪雮�(gè)像素點(diǎn)，這就使得填充周?chē)�的像素點(diǎn)的顏色只有一部分，便產(chǎn)生了模糊。

在屏幕上設(shè)計(jì)一個(gè)前面我們討論過(guò)的109*109px的藍(lán)色正方形。

　　近日一份新報(bào)告稱(chēng)，受新冠病毒肺炎疫情的影響，蘋(píng)果已變更其“iPhone 9”（又名 iPhone SE 2）的發(fā)布計(jì)劃，近期將不會(huì)發(fā)布。外界推測(cè)，該機(jī)的發(fā)布日期或已推遲到夏季或秋季。甚至原定于今年秋季發(fā)布的iPhone 12系列新品，也可能推遲最多2個(gè)月發(fā)布。

現(xiàn)在你也許會(huì)問(wèn)，“等等��！我很確定還有其他的像素比，不止這兩個(gè)。”有，這是一個(gè)噩夢(mèng)。好吧，也許不是噩夢(mèng)，但是我很肯定你寧愿花一天時(shí)間熨襪子也不想處理無(wú)數(shù)的像素比。幸好這也沒(méi)有你想象的那么嚴(yán)重，我們后面再說(shuō)。

最新的OS不再參照4K的比例，這意味著給Chromebook或者macbook外接一個(gè)4K顯示器，將會(huì)使用最高的DPI。假如這樣，200%或者@2x，按照正常比例展示就會(huì)看起來(lái)很好但是有點(diǎn)小。

另外一個(gè)4K的分辨率是4096*2160，這個(gè)稍微大一點(diǎn)，一般用在投影儀和大畫(huà)幅相機(jī)上。

分辨率定義了屏幕上顯示的像素?cái)?shù)量（比如：27寸的顯示器分辨率是25601440px，2560是寬，1440是高）。在了解了PPI之后，我們就知道它不是一個(gè)測(cè)量物理大小的單位。你可以有一個(gè)25601440屏幕，它能跟墻一般大，也可以跟腦袋一般小。

如今的LCD顯示器有分辨率初始值或者原始分辨率來(lái)確定屏幕上展示像素點(diǎn)的數(shù)量。它和過(guò)去的CRT顯示器稍有不同，這里就不贅述了。

這個(gè)說(shuō)法在現(xiàn)在的設(shè)備的屏幕范圍內(nèi)是正確的，但是隨著屏幕越來(lái)越好，我們的眼睛也會(huì)被訓(xùn)練得足夠感知像素點(diǎn)，特別是圓形的UI元素。

從技術(shù)的角度來(lái)講，他們做的就是在完全相同的物理大小上展示比原來(lái)高和寬多一倍的像素點(diǎn)。

你也許聽(tīng)到過(guò)很多次4K，它在最近非常流行。在了解它是什么之前，我們需要先弄明白“HD”的含義。

這里有一個(gè)應(yīng)用實(shí)例： 27寸Mac影院顯示屏的PPI是109，這表示在每英寸的屏幕上顯示了109個(gè)像素點(diǎn)。斜角長(zhǎng)是25.7英寸（65cm），實(shí)際屏幕的寬度大概是23.5英寸，23.5109約等于2560，因此原始屏幕分辨率就是25601440px。

屏幕分辨率（原始分辨率）

安裝Windows操作系統(tǒng)的電腦屏幕PPI的初始值是96，Mac的初始值是72，雖然這個(gè)值從80年代起就不是很準(zhǔn)確了。 一般來(lái)說(shuō)，非retina桌面（包括Mac）的PPI的取值區(qū)間在72-120之間，因?yàn)檫@個(gè)取值區(qū)間能夠確保你的作品在任何地方都能保持大致相同的比例。

·iOS 14新鼠標(biāo)功能讓iPad更接近Mac

后來(lái)DPI的概念也被應(yīng)用到了計(jì)算機(jī)屏幕上，計(jì)算機(jī)屏幕一般采用PPI（Pixels Per Inch）來(lái)表示一英寸屏幕上顯示的像素點(diǎn)的數(shù)量，現(xiàn)在DPI也被引入。

附加： 不考慮顏色和分辨率差異，因?yàn)槊總�(gè)人看到的設(shè)計(jì)都是不同的。你應(yīng)該力求達(dá)到平衡，滿(mǎn)足大多數(shù)的用戶(hù)的需求就可以了。不要期待用戶(hù)擁有和你一樣好的屏幕。

在UI環(huán)境中，顯示器赫茲（Hz）決定了動(dòng)畫(huà)的流暢和精細(xì)程度，大多數(shù)的屏幕都是60Hz。而每秒顯示的幀數(shù)依賴(lài)于設(shè)備處理圖像的能力，像在Atari 2600使用120Hz屏幕就沒(méi)有太大的用處。

需要事先聲明的是，本文是簡(jiǎn)化版本，所以這里只考慮最常見(jiàn)的分辨率。HD有不同的類(lèi)別。

當(dāng)你的設(shè)計(jì)需要在不同PPI下轉(zhuǎn)換時(shí)，像素比就是你的救星。當(dāng)你知道像素比后，就不需要再考慮設(shè)備的詳細(xì)規(guī)格了。

　　早先有傳聞爆料蘋(píng)果很有可能在三月份推出一款命名為iPhone 9或iPhone SE2的“低價(jià) iPhone”，預(yù)計(jì)這款機(jī)型依舊是4.7英寸LCD非全面屏加上玻璃機(jī)身后蓋的設(shè)計(jì)，機(jī)內(nèi)則輔以與iPhone 11系列相同的A13仿生芯片，并配備3GB LPDDR4X + 64/128GB的內(nèi)存組合，顏色則是傳統(tǒng)的深空灰、銀色、紅色。

·蘋(píng)果已取消下月的iPhone 9發(fā)布計(jì)劃

什么是像素比

屏幕分辨率對(duì)用戶(hù)如何理解設(shè)計(jì)有很大的影響。幸運(yùn)的是，自從LCD顯示器代替了CRT，現(xiàn)在的用戶(hù)更趨向于使用原始分辨率，它保證了好的屏幕尺寸或者說(shuō)PPI比例。

·一加8全系支持5G，售價(jià)會(huì)上漲

　　根據(jù)已經(jīng)披露的信息，一加8、一加8 Pro采用的是挖孔屏方案，刷新率最高為120Hz，分辨率最高為2K+，搭載高通驍龍865旗艦平臺(tái)，配備LPDDR5內(nèi)存及UFS 3.0閃存，支持快充。

4K始于3840*2160像素，它也叫做Quad HD，被稱(chēng)為UHD超高清。簡(jiǎn)而言之，你可以放4個(gè)1080p的像素點(diǎn)在4K的屏幕上。

圖注：在第三方設(shè)備上很難模擬出來(lái)自不同設(shè)備的不同圖片質(zhì)量，如上圖所示，Retina的音樂(lè)播放器雖然與iPhone 4的音樂(lè)播放器有相同的物理空間，但圖片質(zhì)量看上去比iPhone 4好了兩倍并且更清晰。如果大家想在本地進(jìn)行驗(yàn)證，我會(huì)提供免費(fèi)的演示事例源碼，供大家下載（http://sebastien-gabriel.com）。

什么是4K

我知道23.5109不是恰好等于2560.實(shí)際上是23. 486238532英寸。要是用每厘米的像素點(diǎn)計(jì)算，會(huì)更加準(zhǔn)確，但是這里你知道就行。

數(shù)碼后期
更多影樓遠(yuǎn)程數(shù)碼后期修片教程盡在全影網(wǎng)。

這個(gè)正方形在1*1英寸的屏幕上有一個(gè)初始的物理尺寸，但是如果用戶(hù)的PPI是72，藍(lán)色正方形就會(huì)顯得更大。因?yàn)镻PI是72時(shí)，屏幕需要大約1英寸半的尺寸來(lái)展示109px的藍(lán)色正方形。模擬效果如下圖所示：