iOS設計尺寸規範(2018年)
阿新 • • 發佈:2019-01-09
字 體Typography
中文字型:PingFang SC
英文字型:SF UI Text 、SF UI Display
其中SF UI Text適用與小於19pt的文字,SF UI Display適用於大於20pt的文字
元 素 | 字 重 | 字 號 | 行 距 | 字間距 |
Title 1 | Light | 28pt | 34pt | 13pt |
Title2 | Regular |
28pt | 28pt | 16pt |
Title3 | Regular | 20pt | 24pt | 24pt |
Body |
Regular |
17pt |
22pt |
-24pt |
Callout |
Regular |
16pt |
21pt |
-20pt |
Subhead |
Regular |
15pt |
20pt |
-16pt |
Footnote |
Regular | 13pt | 18pt | -6pt |
Caption1 | Regular | 12pt | 16pt | 0pt |
Caption2 | Regular | 11pt | 13pt | 6pt |
Headline |
Semi-Bold |
17pt |
22pt |
-24pt |
元 素 | 字 重 | 字 號 | 行 距 | 字間距 |
Title 1 | Light | 28pt | 34pt | 13pt |
Title2 | Regular |
28pt | 28pt | 16pt |
Title3 | Regular | 20pt | 24pt | 24pt |
Body |
Regular |
17pt |
22pt |
-24pt |
Callout |
Regular |
16pt |
21pt |
-20pt |
Subhead |
Regular |
15pt |
20pt |
-16pt |
Footnote |
Regular | 13pt | 18pt | -6pt |
Caption1 | Regular | 12pt | 16pt | 0pt |
Caption2 | Regular | 11pt | 13pt | 6pt |
Headline |
Semi-Bold |
17pt |
22pt |
-24pt |
點和畫素 Pt and Px
圖示 Icon
應用圖示 App Icon
解析度和顯示規格
配色
UI元件佈局
狀態列 Status Bar(單位:PT)
導航欄 Navigation Bar
搜尋欄 Search Bar
標籤欄 Tab Bar
表格檢視 Table View
Modals
行為區 Actions
提示框 Alerts
Segment Controls
滑動條 Sliders
切換按鈕 Switch
計步器 Stepper