1. 程式人生 > >iOS設計尺寸規範(2018年)

iOS設計尺寸規範(2018年)

字 體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