iOS设计尺寸规范

字体(默认) 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

设备名称	应用图标	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

配色

UI组件布局 UI Element Layout

状态栏 Status Bar

搜索栏 Search Bar

标签栏 Tab Bar

表格视图 Table View

Modals

行为区 Actions

提示框 Alerts

Segment Controls

计步器 Stepper

阅读全文

下载说明：
1、本站所有资源均从互联网上收集整理而来，仅供学习交流之用，因此不包含技术服务请大家谅解！
2、本站不提供任何实质性的付费和支付资源，所有需要积分下载的资源均为网站运营赞助费用或者线下劳务费用！
3、本站所有资源仅用于学习及研究使用，您必须在下载后的24小时内删除所下载资源，切勿用于商业用途，否则由此引发的法律纠纷及连带责任本站和发布者概不承担！
4、本站站内提供的所有可下载资源，本站保证未做任何负面改动（不包含修复bug和完善功能等正面优化或二次开发），但本站不保证资源的准确性、安全性和完整性，用户下载后自行斟酌，我们以交流学习为目的，并不是所有的源码都100%无错或无bug！如有链接无法下载、失效或广告，请联系客服处理！
5、本站资源除标明原创外均来自网络整理，版权归原作者或本站特约原创作者所有，如侵犯到您的合法权益，请立即告知本站，本站将及时予与删除并致以最深的歉意！
6、如果您也有好的资源或教程，您可以投稿发布，成功分享后有站币奖励和额外收入！
7、如果您喜欢该资源，请支持官方正版资源，以得到更好的正版服务！
8、请您认真阅读上述内容，注册本站用户或下载本站资源即您同意上述内容！
原文链接：https://www.shuli.cc/?p=7101，转载请注明出处。

iOS设计尺寸规范

字体(默认) Typography