iOS和Android的设计规范（更新于12/05）
由于最近的项目需要从零开始搭建设计界面（前vendor的设计图全部丢失了），遇到了很多iOS和Android（主要是iOS）的设计规范问题，同时因为如果之后要尝试搭Design System的话，这些规范细节都是基础，所以趁着假期总结了一部分，应该还会随着之后的项目经验积累继续完善。
大部分内容摘于其他文章，仅仅在这里作针对个人常用知识的整理。
1. 一切的基础：px, pt, ppi, …都是什么?
2. iOS适配：用多大的画布进行设计？
3. iOS 状态栏、导航栏、标签栏的相关尺寸
需要注意的是，对于iOS13或之后的系统，相较于自定义的图标，官方推荐使用SF Symbols。
关于iOS的图标规范的详细内容请参见Human Interface Guideline Custom Icons。
4. 边距
5. 系统字体
除非有特殊的原因，比如需要使用字体凸显品牌的地方，尽量使用系统自带字体，因为它：
- 是为系统量身打造的字体，能在最大程度上保证文字在系统中的可分辨性和可读性
- 是中性的，自身不带有强烈的设计偏好，可以和任何风格的App相融合
- 有丰富的字重
- 对于不同的字体大小，会自动调整适合阅读的行间距（leading）和字符间距（tracking）
- 一般可以支持上百种语言
- 会根据用户在系统设置中设置的字体可读性，自动调整大小和样式，这对视觉障碍人群尤其重要
iOS
中文：PingFang SC
英文：iOS提供2种系统英文字体，分别为非衬线和衬线，它们是为了互相搭配使用而设计的
- 非衬线字体：San Francisco (SF)
- 衬线字体：New York (NY)
其中，衬线字体New York (NY)并不常用，在这里不展开介绍；而在非衬线字体San Francisco (SF)家族里（见下图），最常用的是SF Pro Text和SF Pro Display。
你可以在这里下载San Francisco (SF)和New York (NY)字体（非tff/otf格式）。关于iOS的字体规范的详细内容请参见Human Interface Guideline Typography。
Android
中文：思源黑体 / Noto Sans Han
英文：Roboto
一般主题文字 34–36px（17-18pt），正文 26–28px（13–14pt），提示文字 22–24px（11–12pt）。
常用字号
- 内容大标题：22-34pt
- 顶部导航栏标题：18–20pt
- 正文：15-17pt
- 副文：12-14pt
- 最小字号：10pt
6. 控件
人手指点击区域为7mm — 9mm，在@2x中就是44pt（88px）。iOS的导航条、列表、工具栏都充满了44pt（88px）这个神秘数字。我们在设计时也要考虑到手指的点击区域。
附iOS控件的设计模版（可下载sketch版本，文件较大得耐心等待）：https://developer.apple.com/design/resources/
7. 应用商店
Apple Store
- App Icon: 1024 x 1024px PNG file（直角图标，非圆角）
- Screenshots: 2 sets of 1242 x 2208px JPG files (iPhone 7 and 8 must be pictured) and 1242 x 2688px JPG files (iPhone X must be pictured)
参见：
Google Play Store
- App Icon: 512 x 512px PNG file
- Feature Graphic: 1024 x 500px PNG file
- Screenshots: 24-bit PNG file (no alpha)
参见：
参考：
- “也许是2020年全网最全的关于iOS、Android设计规范、适配总结文章”（https://www.zcool.com.cn/article/ZMTA5NjkwMA==.html）
- “这一次要帮你彻底搞明白px、ppi、dot、dpi、sp、dp、pt”（https://www.jianshu.com/p/4e597cf395df）
