8.29日(rì)音(yīn)訊，手機(jī)與顯示器(qì)網站(zhàn)÷£∏ 建設的(de)差距

　　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ì)這(zhè)樣的(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)&"§÷‌rdquo;的(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ì)：21英寸，分(fēn♦δ∏$)辨率是(shì)：1680×1050，手機(jī)的(de) Ω尺寸是(shì)：3.7英寸，分(fēn)辨率是(shì)：480*8™ ₹♥00。簡單對(duì)比發現(xiàn)，很(hěn)顯然Ω •λ二者并不(bù)是(shì)簡單的(de)根據尺寸或者分(f®$δ&ēn)辨率的(de)倍率來(lái)拉伸放(fàng)大(dà)縮小(xiǎ★∞o)的(de)。

　　二者之間(jiān)存在一(yī)個(gè)轉換關系&helli¥'δ≈p;…

　　做(zuò)過印刷品設計(jì)的(de)人(rén)都(dōu)會(♥∑huì)知(zhī)道(dào)在印刷上(s£∞hàng)有(yǒu)個(gè)dpi（dotsPerI$​nch）的(de)參數(shù)，是(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（pixelsperinch），用(yò©♣ ng)來(lái)來(lái)描述每英寸所擁有(yǒu)的(de♣↓•©)像素數(shù)目，它是(shì)圖像分(fēn)辨率的(d★πe)單位，圖像ppi值越高(gāo)，畫(h↑>uà)面的(de)細節就(jiù)越豐富。所以ppi就(jiù)是(s↑✘hì)顯示器(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)α©說(shuō)，就(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)圖像縮小(x&α€↔iǎo)1/2.8倍（約等于36%）就(jiù)♦÷相(xiàng)當于在手機(jī)中看(kàn)到(<♥dào)的(de)效果。

　　ppi的(de)引入如(rú)果就(jiù)為(wèi)了₹€ (le)得(de)到(dào)這(zhè)個(gè)數(shù)值'©β×？那(nà)麽就(jiù)不(bù)值得(d♣φ♥σe)我們這(zhè)麽關注它了(le)，因為(£×↑δwèi)如(rú)果稍加嘗試，你(nǐ)就(jφ §©iù)會(huì)發現(xiàn)，如(rú)以上(shàngε‌≈α)數(shù)據所說(shuō)，将電(diàn)φ→∑ 腦(nǎo)上(shàng)圖像縮小(xiǎo)到(dào)36%，雖然看♦✘∞≥(kàn)起來(lái)圖像的(de)面積跟在手≠≤機(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)ios人(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)4δ↕4px的(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)pp♣≥σαi也(yě)等于164；

　　所以，将公式反推就(jiù)可(kě)以得(de)♣♥γ到(dào)iphone3GS的(de)最小(xiǎo)點擊區(qū)域的(d&•β™e)實際尺寸為(wèi)0.38in。

　　我們知(zhī)道(dào)1in=25•§×.4mm，所以iphone3GS的(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)：wind β¥owsphone推薦點擊區(qū)域為(wèi)9mε≤m，最小(xiǎo)7mm，元素之間(jiān)的(de)距離(lí€♠δ)最小(xiǎo)7mm；Nokia：推薦不(bù)小(xiǎo₩"¥Ω)于1cm(0.4″)的(de)點擊區(q'γΩū)域。最小(xiǎo)值為(wèi)：食指點擊7&t•₽imes;7mm/1mm間(jiān)距，拇指點擊8×8mm/2m≤←↑m間(jiān)距，列表選項之間(jiān)有(y×​∞$ǒu)5mm間(jiān)距……。由于不(< ☆≥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à)是(s≈αhì)因為(wèi)他(tā)們自(zì)己既是(s≈>hì)硬件(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)的(d®↔§e)時(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è)參數(shβ♠φù)，它更是(shì)一(yī)座橋梁，将手機(j✔φ✔≤ī)和(hé)顯示器(qì)關聯了(le)起來(lái)了(le)，讓我們的(¶σ×de)設計(jì)可(kě)以更加精确和 £♣(hé)有(yǒu)的(de)放(fàng)矢。