設計
避開細字重,用了細體就要把字放大,階層靠字重、字級、顏色三者拉開
避開 Ultralight、Thin、Light 三種細字重,用了細體要把字放得比建議值更大,階層用字重、字級、顏色一起調。
怎麼做
- 字級要讓多數人輕鬆讀。
- iOS、iPadOS 預設字級 17 pt,最小 11 pt。
- 測試時如果字難讀:加大字級、改字色或底色提高對比、改用為可讀性優化的字型。
- 一般避免輕字重:偏好 Regular、Medium、Semibold、Bold,避開 Ultralight、Thin、Light,因為字小時很難看見。
- 階層靠字重、字級、顏色三者一起調,字級改變時也要保住階層。
可以怎麼用
深色底圖卡把內文定在 1080 寬約 47px 以上、字重 Medium 以上,標題 78px 以上用粗體,再用顏色分主次。
可直接複製的素材
| Style | Weight | Size (points) | Leading (points) | Emphasized weight | | Large Title | Regular | 34 | 41 | Bold | | Title 1 | Regular | 28 | 34 | Bold | | Title 2 | Regular | 22 | 28 | Bold | | Title 3 | Regular | 20 | 25 | Semibold | | Headline | Semibold | 17 | 22 | Semibold | | Body | Regular | 17 | 22 | Semibold | | Callout | Regular | 16 | 21 | Semibold | | Subhead | Regular | 15 | 20 | Semibold | | Footnote | Regular | 13 | 18 | Semibold | | Caption 1 | Regular | 12 | 16 | Semibold | | Caption 2 | Regular | 11 | 13 | Semibold |
注意:原文沒有單獨談深色模式,這個補法是我們推的。
來源:Apple,2026-10-27|看原文