取這個(gè)標(biāo)題驯鳖，不是為了拉仇恨闲询。只是很多時(shí)候，我們做設(shè)計(jì)的都不必自己去研究這些一大堆的數(shù)值浅辙，直接去網(wǎng)站上找到別人給出的規(guī)范
就可以做設(shè)計(jì)扭弧。程序叫你給什么，你就做什么记舆，給多大的圖片給他鸽捻。
我想問：那不是美工，是什么泽腮？
首先御蒲，做為一個(gè)美工，我曾經(jīng)以為iphone4以前的那些手機(jī)诊赊，屏幕都是比iphone4要小一半的厚满，所以是@1x; 同理推斷往后i5也是1x，只不過更長了而已;i6則是稍微比i5大一點(diǎn)碧磅，所以碘箍，設(shè)計(jì)稿上也僅僅是用2x就好了（因?yàn)槲乙恢闭fi6是一個(gè)bug的存在）遵馆；而至于i6 plus，同理丰榴，是i5屏幕大小的1.5倍货邓，或者近似于1.5倍，所以是3x多艇。
我覺得自己并沒有犯什么錯(cuò)逻恐，因?yàn)槲覜]有一套的iphone手機(jī)，所以我不去深究峻黍。而且我看到那些375x667這些拗口的數(shù)字复隆，還有一大堆zoom display，downscale這些鬼名詞姆涩，真沒興趣去琢磨挽拂。但事實(shí)是，我一直這樣去做骨饿，而且正在無意識(shí)地影響著一些新手設(shè)計(jì)師亏栈。他們有時(shí)候會(huì)問我要做多大的尺寸，我就會(huì)按照規(guī)范告訴他宏赘，但是往往他們問我原因绒北，我就會(huì)把我理解的一套錯(cuò)誤觀念推出去。我決定糾正自己察署，著手去研究闷游。
首先得先看下以下兩張圖：
以上是iphone官方給出的設(shè)計(jì)規(guī)范。相信很多設(shè)計(jì)師們都收藏有這個(gè)鬼東西吧贴汪？
1 首先解釋下里面幾個(gè)名詞吧脐往。
一個(gè)是邏輯像素，也叫做邏輯點(diǎn)扳埂，logic point业簿，單位pt。我剛才說的那個(gè)375x667正式是iphone6的邏輯像素阳懂，而在iphone6之前的邏輯像素都是320寬梅尤。
這個(gè)邏輯像素才是真正表示顯示內(nèi)容多寡的一個(gè)單位。也就是說希太，我寬375克饶，肯定要比你320要顯示多內(nèi)容，所以這個(gè)邏輯像素又叫邏輯點(diǎn)誊辉，你可以理解為內(nèi)容點(diǎn)矾湃。
2 然后第二個(gè)要解釋的就是物理像素了
物理像素也就是我們經(jīng)常用到的pixel，單位px堕澄。就是用來衡量一個(gè)內(nèi)容是由多少單位組成邀跃。就比如在iphone4之前的屏幕霉咨，同樣是一個(gè)14pt的字符“a”,就相當(dāng)于14px茄厘，就是1pt=1px秀鞭，所以iphone4之前的設(shè)備屏幕汉矿，我們叫做1x脚牍。
到了iphone4~6，都是一個(gè)14pt的字符“a”想际，相當(dāng)于28像素悍募，也就是1pt=2px茧彤，所以這個(gè)字符的精細(xì)度就上去了蒜茴，我們叫做2x
到了iphone6 plus星爪，那么就更牛逼了，一個(gè)14pt的字符“a”,構(gòu)成像素又增加到了42px粉私，也就是1pt=3px顽腾，我們叫做3x。
所以說是多少x诺核，不是因?yàn)榻o定了像素來判斷多少x抄肖，而是本來iphone6plus，決定了顯示屏的邏輯像素窖杀，又決定了做3x屏幕漓摩，才會(huì)有1242x2208這個(gè)像素值出來，然后設(shè)計(jì)師就按這個(gè)像素值去做圖入客。這個(gè)像素也與屏幕的尺寸沒有關(guān)系幌甘。因?yàn)閕phone6 plus5.5寸也是已經(jīng)根據(jù)邏輯點(diǎn)決定好了的。
3 現(xiàn)在說說iphone各個(gè)型號(hào)顯示內(nèi)容的多少痊项，還有控件大小的決定數(shù)值。
前面說了酥诽，pt是內(nèi)容的單位鞍泉，也就是說，pt越大肮帐，能顯示的內(nèi)容就越多咖驮。所以i6（375x667pt）要比i5（320x568）略寬，i6 plus（414x736）要比i6又要寬那么一點(diǎn)训枢。也就是說他們的內(nèi)容都是增多了一點(diǎn)點(diǎn)托修，但是卻沒有翻倍，所以千萬別誤會(huì)了3x的6 plus會(huì)比1x的iphone3（320x480）顯示內(nèi)容翻了3倍恒界。
控件的大小是怎么一回事呢睦刃？控件的大小就需要看回dpi了，也就是每英寸的邏輯像素是多少十酣∩荆看回上面的第一個(gè)圖际长，所有版本的iphone都是163的dpi，也就是說兴泥，在每一英寸的范圍能顯示163pt工育，英寸是硬件單位，也就是可以用尺子來量度的搓彻，固定不變的如绸。那么同樣是163pt的應(yīng)用內(nèi)容，其他版本iphone都是用1英寸物理單位就能顯示出來旭贬。而iphone6 plus卻需要1.05英寸來顯示怔接，那么我們?nèi)庋劭磥硎遣皇谴罅耍看罅?.5%差不多骑篙。所以你現(xiàn)在可以去比較一下微信在幾個(gè)不同iphone上看起來的樣子就可以知道了蜕提。為什么i6 plus會(huì)看上去，間距還是文字都會(huì)稍微比其他的設(shè)備大一點(diǎn)點(diǎn)靶端，但是又不是1.5倍谎势。以上就是原因。
4現(xiàn)在說下iphone6出來之后的zoom display
以上是蘋果官網(wǎng)給出來的說明杨名，iphone6之前是沒有這個(gè)概念的脏榆。也就是他們會(huì)根據(jù)你調(diào)節(jié)的模式，來調(diào)節(jié)邏輯像素控制顯示內(nèi)容的多少和控件的大小台谍，方便用戶能選擇適合自己使用的iphone须喂。
5 downsample是什么鬼
本來我以為我自己要寫完了，卻發(fā)現(xiàn)還有一個(gè)downsample是iphone6 plus的趁蕊，因?yàn)榘凑绽碚撐肷琲hone6 plus顯示內(nèi)容是414x736pt，這個(gè)沒錯(cuò)掷伙。但是他最后卻不用純正的3x屏幕是己，而是用了downsample（降低采樣）技術(shù)將1242x2208降低到1080x1920。這個(gè)任柜，不知道是技術(shù)限制還是什么問題卒废，導(dǎo)致沒辦法是徹徹底底的3x屏幕。所以宙地，iphone6 plus可以看做為一個(gè)技術(shù)過渡也不過分摔认。我們?cè)O(shè)計(jì)師做圖的時(shí)候也還是應(yīng)該給出渲染像素1242x2208px的設(shè)計(jì)稿件，里面的空間和設(shè)計(jì)依然還是3倍宅粥。但是在真機(jī)上面看参袱，降采樣后理論上是會(huì)模糊，但是由于3x的像素精度高，所以蓖柔，一點(diǎn)點(diǎn)的模糊看不出來辰企。估計(jì)要對(duì)比設(shè)計(jì)稿才能看出來了。
6最后說一下我突然來的疑問况鸣，那樣子牢贸，我用ps要做iphone6 plus 的設(shè)計(jì)圖，要多少分辨率才對(duì)呢?
這里的分辨率是像素分辨率镐捧，也就是ppi潜索，無論你多少分辨率，你最后出來的還是1242x2280就對(duì)了懂酱，分辨率調(diào)節(jié)只是調(diào)節(jié)了英寸的大小竹习。與最后出來的圖無關(guān)，因?yàn)?plus最后是需要1242x2208px的設(shè)計(jì)圖列牺，而不是多少英寸的圖整陌。
在這里需要感謝下知乎上面分享知識(shí)的各位高人，還有回答我問題的小小兵同學(xué)瞎领。
本文參考鏈接：
