iOS应用图标设计规范、

前言

作为一名iOSer对于UI我想不陌生,随着设备更新,iPhone尺寸已经有当初的3.5寸 到现在的6.5了。所以整理一个规范很重要,附:iOS的演变迭代史、

官方文档地址

iPhone官方文档地址

iOS应用图标设计规范、_第1张图片

设备尺寸

Device Dimensions size Scale Factor
12.9" iPad Pro 2048px × 2732px 12.9 @2x
10.5" iPad Pro 1668px × 2224px 10.5 @2x
9.7" iPad 1536px × 2048px 9.7 @2x
7.9" iPad mini 4 1536px × 2048px 7.9 @2x
iPhone XS Max 1242px × 2688px 6.5 @3x
iPhone XS 1125px × 2436px 6.5 @3x
iPhone XR 828px × 1792px 6.1 @2x
iPhone X 1125px × 2436px 5.8 @3x
iPhone 678 Plus 1242px × 2208px 5.5 @3x
iPhone 678S 750px × 1334px 4.7 @2x
iPhone 678 750px × 1334px 4.7 @2x
iPhone SE 640px × 1136px 4.0 @2x
iPhone 5S 640px × 1136px 4.0 @2x
iPhone 5C 640px × 1136px 4.0 @2x
iPhone 5 640px × 1136px 4.0 @2x
iPhone 4S 640px × 960px 3.5 @2x
iPhone 4 640px × 960px 3.5 @2x
iOS应用图标设计规范、_第2张图片

图像大小与分辨率

Device Scale Factor
12.9" iPad Pro @2x
10.5" iPad Pro @2x
9.7" iPad @2x
7.9" iPad mini 4 @2x
iPhone XS Max @3x
iPhone XS @3x
iPhone XR @2x
iPhone X @3x
iPhone 678 Plus @3x
iPhone 678S @2x
iPhone 678 @2x
iPhone SE @2x
iPhone 5S @2x
iPhone 5C @2x
iPhone 5 @2x
iPhone 4S @2x
iPhone 4 @2x
iOS应用图标设计规范、_第3张图片

App Icon Sizes

Device or context Icon size
iPhone 180px × 180px (60pt × 60pt @3x)
120px × 120px (60pt × 60pt @2x)
iPad Pro 167px × 167px (83.5pt × 83.5pt @2x)
iPad, iPad mini 152px × 152px (76pt × 76pt @2x)
App Store 1024px × 1024px (1024pt × 1024pt @1x)
  • Spotlight
Device Spotlight Icon size
iPhone 120px × 120px (40pt × 40pt @3x)
80px × 80px (40pt × 40pt @2x)
iPad Pro, iPad, iPad mini 80px × 80px (40pt × 40pt @2x)
  • Settings
Device Settings Icon size
iPhone 87px × 87px (29pt × 29pt @3x)
58px × 58px (29pt × 29pt @2x)
iPad Pro, iPad, iPad mini 58px × 58px (29pt × 29pt @2x)
  • Notification
Device Notification Icon size
iPhone 60px × 60px (20pt × 20pt @3x)
40px × 40px (20pt × 20pt @2x)
iPad Pro, iPad, iPad mini 40px × 40px (20pt × 20pt @2x)

Launch Screen

Device Portrait size
12.9" iPad Pro 2048px × 2732px
10.5" iPad Pro 1668px × 2224px
9.7" iPad 1536px × 2048px
7.9" iPad mini 4 1536px × 2048px
iPhone XS Max 1242px × 2688px
iPhone XS 1125px × 2436px
iPhone XR 828px × 1792px
iPhone X 1125px × 2436px
iPhone 678 Plus 1242px × 2208px
iPhone 678S 750px × 1334px
iPhone 678 750px × 1334px
iPhone SE 640px × 1136px
iPhone 5S 640px × 1136px
iPhone 5C 640px × 1136px
iPhone 5 640px × 1136px
iPhone 4S 640px × 960px
iPhone 4 640px × 960px

Navigation Bar and Toolbar Icon Size(导航栏与工具条)

Target sizes(标准大小) Maximum sizes(最大尺寸)
72px × 72px (24pt × 24pt @3x) 84px × 84px (28pt × 28pt @3x)
48px × 48px (24pt × 24pt @2x) 56px × 56px (28pt × 28pt @2x)

Tab Bar Icon Size(标签栏图标大小)

iOS应用图标设计规范、_第4张图片
3072214-74f1649eab27f3d3.jpg
Attribute(属性) Regular tab bars(常规标签栏) Compact tab bars(紧凑标签栏)
Circular glyphs(圆形) 75px × 75px (25pt × 25pt @3x) 54px × 54px (18pt × 18pt @3x)
50px × 50px (25pt × 25pt @2x) 36px × 36px (18pt × 18pt @2x)
Square glyphs(方形) 69px × 69px (23pt × 23pt @3x) 51px × 51px (17pt × 17pt @3x)
46px × 46px (23pt × 23pt @2x) 34px × 34px (17pt × 17pt @2x)
Wide glyphs(宽形) 93px (31pt @3x) 69px (23pt @3x)
62px (31pt @2x) 46px (23pt @2x)
Tall glyphs(长形) 84px (28pt @3x) 60px (20pt @3x)
56px (28pt @2x) 40px (20pt @2x)

你可能感兴趣的:(iOS应用图标设计规范、)