字体(默认) Typography

中文字体：PingFang SC

英文字体：SF UI Text 、SF UI Display

其中SF UI Text适用与小于19pt的文字，SF UI Display适用于大于20pt的文字

元素

字重

字号(Pt)

行距

字间距

Title 1

Light

28pt

34pt

13pt

Title 2

Regular

22pt

28pt

16pt

Title 3

Regular

20pt

24pt

19pt

Headline

Semi-Bold

17pt

22pt

-24pt

Body

Regular

17pt

22pt

-24pt

Callout

Regular

16pt

21pt

-20pt

Subhead

Regular

15pt

20pt

-16pt

Footnote

Regular

13pt

18pt

-6pt

Caption 1

Regular

12pt

16pt

0pt

Caption 2

Regular

11pt

13pt

6pt

元素

字号

字重

字距（pt）

类型

Nav Bar Title

Medium

0.5

Display

Nav Bar Button

Regular

0.5

Display

Search Bar

13.5

Regular

Text

Tab Bar Button

Regular

0.1

Text

Table Header

12.5

Regular

0.25

Text

Table Row

16.5

Regular

Text

Table Row Subline

Regular

Text

Table Footer

12.5

Regular

0.2

Text

Action Sheets

Regular / Medium

0.5

Display

点和像素 Points and Pixels

图标 Icon

应用图标 App Icon

设备名称

应用图标

App Store图标

Spotlight图标

设置图标

iPhone X/ 8+/ 7+/ 6s+/ 6s

180 x 180 px

1024 x 1024 px

120 x 120 px

87 x 87 px

X/8/7/6s/6/SE/5s/5c/5/4s/4

120 x 120 px

1024 x 1024 px

80 x 80 px

58 x 58 px

iPhone 1, 3G, 3GS

57 x 57 px

1024 x 1024 px

29 x 29 px

iPad Pro 12.9, 10.5

167 x 167 px

1024 x 1024 px

80 x 80 px

58 x 58 px

iPad Air 1 & 2/Mini 2 & 4/3 & 4

152 x 152 px

1024 x 1024 px

80 x 80 px

58 x 58 px

iPad 1/ 2/Mini 1

76 x 76 px

1024 x 1024 px

40 x 40 px

29 x 29 px

自定义图标 Custom Icons

设备名称

导航栏和工具栏图标尺寸

标签栏图标尺寸

iPhone 8+, 7+, 6+, 6s+

66 x 66 px

75 x 75 px　　最大144 x 96 px

iPhone 8, 7, 6s, 6, SE

44 x 44 px

50 x 50 px　　最大96 x 64 px

iPad Pro, iPad, iPad mini

44 x 44 px

50 x 50 px　　最大96 x 64 px

分辨率和显示规格 Resolutions and Display自定义图标 Custom Icons

设备名称

屏幕尺寸

PPI

Asset

竖屏点（point）

竖屏分辨率（px）

iPhone X

5.8 in

458

@3x

375 x 812

1125 x 2436

iPhone 8+, 7+, 6s+, 6+

5.5 in

401

@3x

414 x 736

1242 x 2208

iPhone 8, 7, 6s, 6

4.7 in

326

@2x

375 x 667

750 x 1334

iPhone SE, 5, 5S, 5C

4.0 in

326

@2x

320 x 568

640 x 1136

iPhone 4, 4S

3.5 in

326

@2x

320 x 480

640 x 960

iPhone 1, 3G, 3GS

3.5 in

163

@1x

320 x 480

iPad Pro 12.9

12.9 in

264

@2x

1024 x 1366

2048 x 2732

iPad Pro 10.5

10.5 in

264

@2x

834 x 1112

1668 x 2224

iPad Pro, iPad Air2,RetinaiPad

9.7 in

264

@2x

768 x 1024

1536 x 2048

iPad Mini 4, iPad Mini 2

7.9 in

326

@2x

768 x 1024

1536 x 2048

iPad 1, 2

9.7 in

132

@1x

768 x 1024

配色

UI组件布局 UI Element Layout

状态栏 Status Bar

导航栏 Navigation Bar

搜索栏 Search Bar

标签栏 Tab Bar

表格视图 Table View

Modals

行为区 Actions

提示框 Alerts

Segment Controls

滑动条 Sliders

切换按钮 Switch

计步器 Stepper

字体(默认) Typography

中文字体：PingFang SC

英文字体：SF UI Text 、SF UI Display

其中SF UI Text适用与小于19pt的文字，SF UI Display适用于大于20pt的文字

元素

字重

字号(Pt)

行距

字间距

Title 1

Light

28pt

34pt

13pt

Title 2

Regular

22pt

28pt

16pt

Title 3

Regular

20pt

24pt

19pt

Headline

Semi-Bold

17pt

22pt

-24pt

Body

Regular

17pt

22pt

-24pt

Callout

Regular

16pt

21pt

-20pt

Subhead

Regular

15pt

20pt

-16pt

Footnote

Regular

13pt

18pt

-6pt

Caption 1

Regular

12pt

16pt

0pt

Caption 2

Regular

11pt

13pt

6pt

元素

字号

字重

字距（pt）

类型

Nav Bar Title

Medium

0.5

Display

Nav Bar Button

Regular

0.5

Display

Search Bar

13.5

Regular

Text

Tab Bar Button

Regular

0.1

Text

Table Header

12.5

Regular

0.25

Text

Table Row

16.5

Regular

Text

Table Row Subline

Regular

Text

Table Footer

12.5

Regular

0.2

Text

Action Sheets

Regular / Medium

0.5

Display

点和像素 Points and Pixels

图标 Icon

应用图标 App Icon

设备名称

应用图标

App Store图标

Spotlight图标

设置图标

iPhone X/ 8+/ 7+/ 6s+/ 6s

180 x 180 px

1024 x 1024 px

120 x 120 px

87 x 87 px

X/8/7/6s/6/SE/5s/5c/5/4s/4

120 x 120 px

1024 x 1024 px

80 x 80 px

58 x 58 px

iPhone 1, 3G, 3GS

57 x 57 px

1024 x 1024 px

29 x 29 px

iPad Pro 12.9, 10.5

167 x 167 px

1024 x 1024 px

80 x 80 px

58 x 58 px

iPad Air 1 & 2/Mini 2 & 4/3 & 4

152 x 152 px

1024 x 1024 px

80 x 80 px

58 x 58 px

iPad 1/ 2/Mini 1

76 x 76 px

1024 x 1024 px

40 x 40 px

29 x 29 px

自定义图标 Custom Icons

设备名称

导航栏和工具栏图标尺寸

标签栏图标尺寸

iPhone 8+, 7+, 6+, 6s+

66 x 66 px

75 x 75 px　　最大144 x 96 px

iPhone 8, 7, 6s, 6, SE

44 x 44 px

50 x 50 px　　最大96 x 64 px

iPad Pro, iPad, iPad mini

44 x 44 px

50 x 50 px　　最大96 x 64 px

分辨率和显示规格 Resolutions and Display自定义图标 Custom Icons

设备名称

屏幕尺寸

PPI

Asset

竖屏点（point）

竖屏分辨率（px）

iPhone X

5.8 in

458

@3x

375 x 812

1125 x 2436

iPhone 8+, 7+, 6s+, 6+

5.5 in

401

@3x

414 x 736

1242 x 2208

iPhone 8, 7, 6s, 6

4.7 in

326

@2x

375 x 667

750 x 1334

iPhone SE, 5, 5S, 5C

4.0 in

326

@2x

320 x 568

640 x 1136

iPhone 4, 4S

3.5 in

326

@2x

320 x 480

640 x 960

iPhone 1, 3G, 3GS

3.5 in

163

@1x

320 x 480

iPad Pro 12.9

12.9 in

264

@2x

1024 x 1366

2048 x 2732

iPad Pro 10.5

10.5 in

264

@2x

834 x 1112

1668 x 2224

iPad Pro, iPad Air2,RetinaiPad

9.7 in

264

@2x

768 x 1024

1536 x 2048

iPad Mini 4, iPad Mini 2

7.9 in

326

@2x

768 x 1024

1536 x 2048

iPad 1, 2

9.7 in

132

@1x

768 x 1024

配色

UI组件布局 UI Element Layout