iPhone:
iPhone 1G 320x480
iPhone 3G 320x480
iPhone 3GS 320x480
iPhone 4 640x960
iPhone 4S 640x960
iPhone 5 640x1136
iPhone 5S 640x1136
iPhone 5C 640x1136
iPhone 6 750x1334
iPhone 6 Plus 1080x1920 (開發(fā)應(yīng)按照1242x2208適配)
iPhone 6S 750x1334
iPhone 6S Plus 1080x1920 (開發(fā)應(yīng)按照1242x2208適配)
iPhone SE 640x1136
iPhone 7 750x1334
iPhone 7 Plus 1080x1920 (開發(fā)應(yīng)按照1242x2208適配)
iPod Touch:
iPod Touch 1G 320x480
iPod Touch 2G 320x480
iPod Touch 3G 320x480
iPod Touch 4G 640x960
iPod Touch 5G 640x1136
iPad:
iPad 1 1024x768
iPad 2 1024x768
The New iPad 2048x1536
iPad mini 1024x768
iPad 4 2048x1536
iPad Air 2048x1536
iPad mini 2 2048x1536
iPad Air 2 2048x1536
iPad mini 3 2048x1536
iPad mini 4 2048x1536
iPad Pro 2732x2048
[圖片上傳失敗...(image-3b3c1c-1525235087944)]
iPhone5在@2x屏幕尺寸是,640x1136px;對(duì)應(yīng)的@1x湿痢,屏幕尺寸就是320x568px;
iPhone6在@2x屏幕尺寸是:750x1334px畅铭;對(duì)應(yīng)的@1x,屏幕尺寸就是375x667px勃蜘;
iPhone6Plus在@3x屏幕尺寸是:750x1334px硕噩;對(duì)應(yīng)的@1x,屏幕尺寸就是414x736px
iPhone6Plus的@3x缭贡,iPhone6的@2x, iPhone5的@2x的介紹
- iPhone6Plus是5.5英寸屏幕炉擅,1242x2208px-@3x的像素分辨率辉懒,邏輯分辨率是414x736pt-@1x。物理尺寸是1080x1920px谍失。這個(gè)物理尺寸眶俩,也是安卓機(jī)目前最流行的大屏設(shè)計(jì)稿尺寸。
- iPhone6是4.7英寸屏幕快鱼,750x1334px-@2x的像素分辨率颠印,邏輯分辨率是375x667pt-@1x。
- iPhone5是4英寸屏幕攒巍,640x1135px-@2x的像素分辨率嗽仪,邏輯分辨率是320x568pt-@1x
【綜上所述】iPhone6的原型規(guī)范如下:
- 界面尺寸布局:滿屏尺寸750x1334px
- 高度電量條高度40px荒勇,導(dǎo)航欄高度88px柒莉,標(biāo)簽欄高度98px;
- 各區(qū)域圖標(biāo)大小導(dǎo)航欄圖標(biāo)44px沽翔,標(biāo)簽欄圖標(biāo)50px兢孝;
- 各區(qū)域文字大小電量條文字22px,導(dǎo)航欄-文字32px仅偎,標(biāo)簽欄字20px跨蟹;
- 常用的文字大小:32px橘沥,30px窗轩,28px,26px座咆,24px痢艺,22px,20px介陶;
- 常用的顏色:背景淺灰色#f2f2f2,文字深黑色#323232堤舒,邊框色深灰#CCCCCC;
- 常用可點(diǎn)擊區(qū)域的高度:88px哺呜;
- 單行文字的背景框的高度:88px舌缤,雙行則為:176px,三行則為:264px某残;
- 常用間距:親密距離:20px国撵;疏遠(yuǎn)距離:30px,其它距離:10px玻墅,44px等介牙;
- 按鈕和文本框,原型圖做成直角的椭豫,圓角半徑是多少耻瑟,由Ui來設(shè)計(jì)旨指;
- 這種情況,需要修改原型喳整。單個(gè)頁面的邏輯流程圖或用戶學(xué)習(xí)使用時(shí)間谆构,超過其它頁面平均數(shù)的3倍以上;
詳解:https://blog.csdn.net/amyloverice/article/details/79389357
Android
2.8英寸分辨率為640x480(VGA) 像素密度286PPI
3.2英寸分辨率為480x320(HVGA) 像素密度167PPI
3.3英寸分辨率為854x480(WVGA)像素密度297PPI
3.5英寸分辨率為480x320(HVGA)像素密度165PPI
3.5英寸分辨率為800x480(WVGA)像素密度267PPI
3.5英寸分辨率為854x480(WVGA)像素密度280PPI
3.5英寸分辨率為960x640(DVGA)像素密度326PPI(蘋果iphone4)
3.7英寸分辨率為800x480(WVGA)像素密度252PPI
3.7英寸分辨率為800x480(WVGA)像素密度252PPI
3.7英寸分辨率為960x540(qHD)像素密度298PPI
4.0英寸分辨率為800x480(WVGA)像素密度233PPI
4.0英寸分辨率為854x480(WVGA)像素密度245PPI
4.0英寸分辨率為960x540(qHD)像素密度275PPI
4.0英寸分辨率為1136x640(HD)像素密度330PPI(蘋果iphone)
4.2英寸分辨率為960x540(qHD)像素密度262PPI
4.3英寸分辨率為800x480(WVGA)像素密度217PPI
4.3英寸分辨率為960x640(qHD)像素密度268PPI
4.3英寸分辨率為960x540(qHD)像素密度256PPI
4.3英寸分辨率為1280x720(HD)像素密度342PPI
4.5英寸分辨率為960*540(qHD)像素密度245PPI
4.5英寸分辨率為1280x720(HD)像素密度326PPI
4.5英寸分辨率為1920x1080(FHD)像素密度490PPI4.7英寸分辨率為1280x720(HD)像素密度312PPI
4.7英寸分辨率為1280x720(HD)像素密度312PPI
4.7英寸分辨率為1280x720(HD)像素密度312PPI
4.8英寸分辨率為1280x720(HD)像素密度306PPI
5.0英寸分辨率為480x800(WVGA)像素密度186PPI
5.0英寸分辨率為1024x768(XGA)像素密度256PPI
5.0英寸分辨率為1280*720像素密度294PPI
5.0英寸分辨率為1920x1080(FHD)像素密度441PPI
5.3英寸分辨率為1280x800(WXGA)像素密度285PPI
5.3英寸分辨率為960x540(qHD)像素密度207PPI
6.0英寸分辨率為854×480像素密度163PPI
6.0英寸分辨率為1280 X 720像素密度245PPI
6.0英寸分辨率為2560×1600像素密度498ppi
7.0英寸分辨率為800x480(WVGA)像素密度128PPI
7.0英寸分辨率為1024*600像素密度169PPI
7.0英寸分辨率為1280*800像素密度216PPI
9.7英寸分辨率為1024x768(XGA)框都,像素密度132ppi
9.7英寸分辨率為2048x1536搬素,像素密度264PPI
10英寸分辨率為1200X600,像素密度170ppi
10英寸分辨率為2560x1600像素密度299ppi
android開發(fā)主流的品牌機(jī)的分辨率有:240320,320480,480800,480854,540960,640960,720*1024