iOS Design

Resolutions

DevicePortrait PixelsLandscape PixelsPortrait Logical ResolutionLandscape Logical ResolutioniPhone 7 Plus (Physical)1080 x 1920 px1920 x 1080 px414 x 736 points736 x 414 pointsiPhone 7750 x 1334 px1334 x 750 px375 x 667 points667 x 375 pointsiPhone 6 Plus (Physical)1080 x 1920 px1920 x 1080 px414 x 736 points736 x 414 pointsiPhone 6 Plus (Virtual)1242 x 2208 px2208 x 1242 px414 x 736 points736 x 414 pointsiPhone 6750 x 1334 px1334 x 750 px375 x 667 points667 x 375 pointsiPhone 5/5S/5C640 x 1136 px1136 x 640 px320 x 568 points568 x 320 pointsiPhone 4/4S640 x 960 px960 x 640 px320 x 480 points480 x 320 pointsiPhone & iPod Touch 1st, 2nd and 3rd Generation320 x 480 px480 x 320 px320 x 480 points480 x 320 pointsiPad Retina iPad 3, iPad 4, iPad Air, iPad Air 2, iPad Pro 9.7-inch1536 x 2048 px2048 x 1536 px768 x 1024 px1024 x 768 pxiPad Pro 12.9-inch2048 x 2732 px2732 x 2048 px1024 x 1366 px1366 x 1024 pxiPad Mini768 x 1024 px1024 x 768 px768 x 1024 px1024 x 768 pxiPad Mini Retina1536 x 2048 px2048 x 1536 px768 x 1024 px1024 x 768 pxiPad 1st and 2nd Generation768 x 1024 px1024 x 768 px768 x 1024 px1024 x 768 px

Displays

DeviceSizePPIAssetsColor ModeColor TemperatureiPhone 7 Plus5.5″401@3x8bit RGBWarmiPhone 74.7″326@2x8bit RGBWarmiPhone 6 Plus5.5″401@3x8bit RGBWarmiPhone 64.7″326@2x8bit RGBWarmiPhone 5/5S/5C4.0″326@2x8bit RGBWarmiPhone 4/4S3.5″326@2x8bit RGBCooliPhone & iPod Touch 1st, 2nd and 3rd Generation3.5″163@1x8bit RGBWarmiPad Retina iPad 3, iPad 4, iPad Air, iPad Pro 9.7-inch9.7″264@2x8bit RGBWarmiPad Pro 12.9-inch12.9”264@2x8bit RGBWarmiPad Mini7.9″163@1x8bit RGBWarmiPad Mini Retina7.9″326@2x8bit RGBWarmiPad 1st and 2nd Generation9.7″132@1x8bit RGBWarm

Dimensions

DeviceApp IconApp Store IconSpotlight IconSettings IconiPhone 6 Plus180 x 180 px1024 x 1024 px120 x 120 px87 x 87 pxiPhone 6120 x 120 px1024 x 1024 px80 x 80 px58 x 58 pxiPhone 5/5S/5C120 x 120 px1024 x 1024 px80 x 80 px58 x 58 pxiPhone 4/4S120 x 120 px1024 x 1024 px80 x 80 px58 x 58 pxiPad Retina iPad 3, 4, Air, iPad Mini Retina152 x 152 px1024 x 1024 px80 x 80 px58 x 58 pxiPad Pro 12.9-inch167 x 167 px1024 x 1024 px80 x 80 px58 x 58 pxiPad Mini76 x 76 px512 x 512 px40 x 40 px29 x 29 pxiPad 1st and 2nd Generation76 x 76 px512 x 512 px40 x 40 px29 x 29 px

Common Design Elements

DeviceStatus Bar HeightNavigation Bar HeightTab Bar HeightTable WidthiPhone 6 Plus54 px132 px146 px1080 / 1920 pxiPhone 640 px88 / 64 px98 px750 / 1334 pxiPhone 5/5S/5C40 px88 / 64 px98 px640 / 1136 pxiPhone 4/4S40 px88 / 64 px98 px640 / 960 pxiPad Retina iPad 3, 4, Air, Pro, iPad Mini Retina40 px88 px112 pxdynamiciPad Mini20 px44 px56 pxdynamiciPad 1st and 2nd Generation20 px44 px56 pxdynamic

Icons

DeviceToolbar and Navigation Bar IconTab Bar IconiPhone 6 Plus66 x 66 px75 x 75 px (max 144 x 96 px)iPhone 644 x 44 px50 x 50 px (max 96 x 64 px)iPhone 5/5S/5C44 x 44 px50 x 50 px (max 96 x 64 px)iPhone 4/4S44 x 44 px50 x 50 px (max 96 x 64 px)iPad Retina iPad 3, 4, Air, Pro, iPad Mini Retina44 x 44 px50 x 50 px (max 96 x 64 px)iPad Mini22 x 22 px25 x 25 px (max 48 x 32 px)iPad 1st and 2nd Generation22 x 22 px25 x 25 px (max 48 x 32 px)

Default Font Sizes iPhone 5/5C/5S/6

Label TypeDefault Font SizeDefault Font WeightNavigation bar title34 pxMediumRegular buttons34 pxLightTable header34 pxLightTable label28 pxRegularTab bar icon labels20 pxRegular

Default Font Sizes iPhone 6 Plus

Label TypeDefault Font SizeDefault Font WeightNavigation bar title48 pxMediumRegular buttons48 pxLightTable header48 pxLightTable label44 pxRegularTab bar icon labels30 pxRegular

Size Classes For Adaptive Layout

Device OrientationSize ClassiPad - PortraitHeight: Regular | Width: RegulariPad - LandscapeHeight: Regular | Width: RegulariPhone 6 Plus - PortraitHeight: Regular | Width: CompactiPhone 6 Plus - LandscapeHeight: Compact | Width: RegulariPhone 6 and Before - PortraitHeight: Regular | Width: CompactiPhone 6 and Before - LandscapeHeight: Compact | Width: Compact