Made a UI design, encountered some questions about the screen adaptation, and made some summaries by finding and personal understanding (with questions).
iOS Interface size
Equipment |
Resolution |
Status bar Height |
Navigation Bar Height |
Label Bar Height |
IPhone6 plus/iphone6s Plus |
1242x2208 px (5.5 inches) |
60px |
132px |
147px |
IPhone6, iphone6s |
750x1334 px (4.7 inches) |
40px |
88px |
98px |
iphone5/5s/5c |
640x1136 px |
40px |
88px |
98px |
Iphone4/4s |
640x960 px |
40px |
88px |
98px |
Ipad3/4/air/air2/mini2 |
2048x1536 px |
40px |
88px |
98px |
Ipad1/2 |
1024x768 px |
20px |
44px |
49px |
IPad Mini |
1024x768 px |
20px |
44px |
49px |
icon Size
Equipment |
APP Store |
Program Application |
Main screen |
Spotlight Search |
tab bar |
Toolbars and navigation bars |
Iphone6/6s Plus |
1024*1024px |
180*180px |
144*144px |
87*87 px |
75*75px |
66*66px |
iphone6/6s |
1024*1024px |
120*120px |
144*144px |
58*58px |
75*75px |
44*44px |
iphone5/5s/5c |
1024*1024px |
120*120px |
144*144px |
58*58px |
75*75px |
44*44px |
Iphone4/4s |
1024*1024px |
120*120px |
144*144px |
58*58px |
75*75px |
44*44px |
Ipad3/4/air/air2/mini2 |
1024*1024px |
180*180px |
144*144px |
100*100px |
50*50px |
44*44px |
Ipad1/2 |
1024*1024px |
90*90px |
72*72px |
50*50px |
25*25px |
22*22px |
IPad Mini |
1024*1024px |
90*90px |
72*72px |
50*50px |
25*25px |
22*22px |
Iphone6plus's @3x,iphone6 @2x, IPhone5 @2x's introduction 1, Iphone6plus is a 5.5-inch screen, 1242x2208px-@3x pixel resolution, The logical resolution is 414x736pt-@1x. The physical size is 1080x1920px. This physical size is also the most popular large screen design draft size ANDRO currently.
2, IPhone6 is a 4.7-inch screen, 750x1334px-@2x pixel resolution, logical resolution is 375x667pt-@1x.
3, IPhone5 is a 4-inch screen, 640x1135px-@2x pixel resolution, logical resolution is 320x568pt-@1x. Internal Design
1, all can click the picture must not be less than 44px (retina need 88px)
2, the individual existence of the parts must be a double size
3, twice times graph with @2x as named suffix