[iOS]开发设计规范

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号：山青咏芝（let_us_code）
➤博主域名：https://www.zengqiang.org
➤GitHub地址：https://github.com/strengthen/LeetCode
➤原文地址： https://www.cnblogs.com/strengthen/p/13949550.html
➤如果链接不是山青咏芝的博客园地址，则可能是爬取作者的文章。
➤原文已修改更新！强烈建议点击原文地址阅读！支持作者！支持原创！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

字体(默认) 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）	字重	字距（pt）	类型
Nav Bar Title	17	Medium	0.5	Display
Nav Bar Button	17	Regular	0.5	Display
Search Bar	13.5	Regular	0	Text
Tab Bar Button	10	Regular	0.1	Text
Table Header	12.5	Regular	0.25	Text
Table Row	16.5	Regular	0	Text
Table Row Subline	12	Regular	0	Text
Table Footer	12.5	Regular	0.2	Text
Action Sheets	20	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
iPhone 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	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 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

设备名称	屏幕尺寸	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	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 Air 2, Retina iPad	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	768 x 1024