8.29日(rì)音(yīn)訊，手Ω≠機(jī)與顯示器(qì)網站(zhàn)建設的(de)差距，手機(♦♣®jī)和(hé)顯示器(qì)的(de)區(qū)别僅僅是(shì)一(y←γβī)個(gè)大(dà)、一(yī)個(gè)小(xi∑®♥ǎo)麽？顯然不(bù)是(shì)這(z≤↕εhè)樣的(de)，細心的(de)手機(jī)用(yòng) "☆戶一(yī)定都(dōu)會(huì)發現(xiàn)同樣®≠ 一(yī)張圖片或者照(zhào)片在手機(₹★$jī)上(shàng)和(hé)顯示器(qì)上(shàngλ<€ε)看(kàn)，“看(kàn)起來(≤₹lái)”的(de)大(dà)↔&β小(xiǎo)是(shì)不(bù)一(yī)樣的(♥$≥βde)，甚至是(shì)相(xiàng)₩♦€差懸殊的(de)，這(zhè)事(shì)怎麽回事(shì)呢(≤ <•ne)？
從(cóng)參數(shù)上(shàng)來(lái)說(↑β↔shuō)，顯示器(qì)的(de)尺寸是(shì)：2 •≥≥1英寸，分(fēn)辨率是(shì)：1680&tim→©δes;1050，手機(jī)的(de)尺寸是(shì)：3.7英寸，分(f≈'₹ēn)辨率是(shì)：480*800。簡單對(duì)比發現¥₩<(xiàn)，很(hěn)顯然二者并不(±∞bù)是(shì)簡單的(de)根據尺寸或者分(fē★•&n)辨率的(de)倍率來(lái)拉伸放(fàng)大(d→®à)縮小(xiǎo)的(de)。
二者之間(jiān)存在一(yī)個(gè)轉換關系&h≥≈ellip;…
做(zuò)過印刷品設計(jì)的α≤>(de)人(rén)都(dōu)會(huì)知(zhī)道(dà≤®σ"o)在印刷上(shàng)有(yǒu)個(€↑gè)dpi（dotsPerInch）的(de)參數(sπ↑ hù)，是(shì)用(yòng)來(lái)₹←↑描述指單位面積內(nèi)像素的(de)多(duō)少(shǎo) ♣，dpi越小(xiǎo)，掃描的(de)清晰度越低(dī)。"♣那(nà)麽，在數(shù)碼時(shí)代，我們依然有(y→→ǒu)個(gè)參數(shù)叫做(zuò)ppi（pi÷φλ£xelsperinch），用(yòng)來(lái)來(lái)描述每英寸所π≠擁有(yǒu)的(de)像素數(shù)目，≠★↓它是(shì)圖像分(fēn)辨率的(de)單位，圖像ppi值®✔越高(gāo)，畫(huà)面的(de)細節就(jiù→∑←)越豐富。所以ppi就(jiù)是(shì)顯示器(qì)于手機(j™λī)屏幕顯示差異的(de)根本所在。
ppi與屏幕尺寸以及分(fēn)辨♦₩率的(de)轉換關系可(kě)以用(yòng)數(shù)學公式為(€↔<↔wèi)：
通(tōng)過計(jì)算(suàn)可(kě)以得(de)出示例δΩ∞←中的(de)手機(jī)的(de)ppi為(wΩπ∏ èi)252，而顯示器(qì)的(de)ppi則為(wèi)90，手≈φ機(jī)屏幕的(de)ppi是(shì)顯示器(↑♠qì)的(de)2.8倍。簡單來(lái)說(s€×huō)，就(jiù)是(shì)，在手機(jī)上(shàng)看(kàn)©¶≤$到(dào)的(de)圖像放(fàng)大(dà)2.8倍就(jiù)相(±←xiàng)當于在顯示器(qì)中看(kàn)到(dào)Ωβ"的(de)效果；或者說(shuō)在顯示器(×♠¶×qì)中看(kàn)到(dào)的(de)圖像縮小(xiǎo)1/2.8倍（£ 約等于36%）就(jiù)相(xiàng)當于在手機(jī)中看(kàn)到≠₹(dào)的(de)效果。
ppi的(de)引入如(rú)果就↑✔∑(jiù)為(wèi)了(le)得(de)到(dào)這(z•≥★∑hè)個(gè)數(shù)值？那(nà)麽就(jiù)不(bù)值得≥'(de)我們這(zhè)麽關注它了(le)，因為(wèi)如(rú)果稍加嘗試™≤©，你(nǐ)就(jiù)會(huì)發現(xiàn)，如(rú)以上(•&shàng)數(shù)據所說(shuō)γ♠∏，将電(diàn)腦(nǎo)上(shàng)圖像縮小(α∑↑xiǎo)到(dào)36%，雖然看(kàn)起來(lái)圖像的(dΩ≠→e)面積跟在手機(jī)上(shàng)看(kàn)到(dào)的(de)₽ 差不(bù)多(duō)，但(dàn)是(shì)實際圖像中的(de)內(®σnèi)容早已糊成一(yī)團了(le)。
那(nà)麽ppi這(zhè)個(gè)參數(shù)的(de)意義何£Ω↑在呢(ne)？
通(tōng)過分(fēn)析這(zhè)個(gè)數(shù)πφ學公式我們可(kě)以了(le)解到(dào)ppi是(shì)與屏幕∏的(de)分(fēn)辨率和(hé)屏幕尺寸有(yǒu)關系"∑✘的(de)，那(nà)麽如(rú)果我們有(yǒu)了(↑★ ≈le)這(zhè)三組值中的(de)任意兩組就(jiù)可(kě)§✘→★以得(de)到(dào)另外(wài)一(yī)個(gè)了(le)。γ<ε
比如(rú)，我們從(cóng)io✔€s人(rén)機(jī)界面指導手冊中我們了(le↓φ)解到(dào)ios有(yǒu)一(yī)些(xiē)通(tōng)用™γ☆®(yòng)原則：可(kě)點擊元素的(de)最小(xiǎo✔≈πγ)尺寸是(shì)44×44px。那(nà)麽我們可(kě)以通(δ©≥tōng)過計(jì)算(suàn)出ppi Ω☆然後推導出在iphone上(shàng)44px的(de)最•♦小(xiǎo)尺寸對(duì)應的(de•↔♥')屏幕尺寸是(shì)多(duō)少(shǎo)了(le≥ ε)。
根據前面的(de)計(jì)算(suàn)公式，我們很(hěn)容易得(¶♠πde)到(dào)Iphone3GS的(de)ppi的(de)值為ελ™(wèi)164
那(nà)麽最小(xiǎo)點擊區(qū)域的(d∞ε← e)44×44px的(de)區(qū)域的(de)ppi✘也(yě)等于164；
所以，将公式反推就(jiù)可(kě)以得(dδ✔e)到(dào)iphone3GS的(de)最小(xiǎo)點擊區(qū)域的∞¥☆§(de)實際尺寸為(wèi)0.38in。
我們知(zhī)道(dào)1in=25.4mm，所以iphone3ε∏ GS的(de)最小(xiǎo)點擊尺寸在物(wù)理(α lǐ)屏幕上(shàng)的(de)尺寸為(w∞∑èi)：0.38*25.4=9.6mm
其實一(yī)般來(lái)說(shuō)，我們得(de)到(dào☆♣)的(de)數(shù)據更多(duō)的(de)是(shε©♦ì)這(zhè)樣的(de)：windowsphone推薦點擊區(qū)≥☆↕→域為(wèi)9mm，最小(xiǎo)7mm，元 ♣ 素之間(jiān)的(de)距離(lí)最♦<小(xiǎo)7mm；Nokia：推薦不(λ←↑bù)小(xiǎo)于1cm(0.4″)的(de)點擊區(∏ qū)域。最小(xiǎo)值為(wèi)：食指點擊7×7m★→m/1mm間(jiān)距，拇指點擊8×8≈₩εmm/2mm間(jiān)距，列表選項之間(jiānε↔±↓)有(yǒu)5mm間(jiān)距&heβΩllip;…。由于不(bù)同終端機(jī)型的&↕(de)分(fēn)辨率和(hé)屏幕尺★®Ω•寸是(shì)不(bù)相(xiàng)同的(de)，所以∑ 大(dà)多(duō)數(shù)廠(chǎng)商∏α更願意定義更加直觀和(hé)實際的(de)物(wù)理(lǐ)δ÷尺寸來(lái)指導我們的(de)設計(jì)（ios之所以直接定義成像素Ω"值，那(nà)是(shì)因為(wèi)他(tā☆§≈)們自(zì)己既是(shì)硬件(jiàn)廠(chǎng)商₽♦又(yòu)是(shì)軟件(jiàn)廠(chǎng)商，所以機(jī)₽✔β≠型的(de)分(fēn)辨率的(de)完全在他(tā €©)們的(de)控制(zhì)中）。
有(yǒu)了(le)這(zhè)樣的(de)一(yī)"些(xiē)數(shù)據，就(jiù)使得(de)我↔©™們開(kāi)發觸屏手機(jī)上(shàng)的(de)σ♥↔≤軟件(jiàn)的(de)時(shí)候，就(↔Ω §jiù)變得(de)有(yǒu)據可(kě)依，₩•σ同時(shí)也(yě)對(duì)手機(jī)顯示和(hé)顯示器(qì±σ↑)顯示的(de)差異能(néng)夠有(yǒu)個(gè)很(hěn)好(hǎαα"↓o)的(de)掌握。
ppi隻是(shì)個(gè)參數(s£€hù)，它更是(shì)一(yī)座橋梁，将手機(jī)和(hé)顯示器('←★qì)關聯了(le)起來(lái)了(le§♠∞≠)，讓我們的(de)設計(jì)可(kě)以更加精确和(hé)有(yǒu)€✔的(de)放(fàng)矢。
