文字排版詞條 3-40

字級階層Type Scale

也常叫做：字級、字級階層、Type Scale

你可能會這樣說

標題只比內文大一點，層級感很弱，讀者掃過去抓不到結構；想拉開差距又怕太大暴衝。

字級階層是各級文字的大小關係：H1 最大、H2 次之、內文最小，彼此的倍率關係固定，整站就有節奏。常用 1.25 倍級數：16、20、25、31、39，一路乘上去。

分級的原則：「相鄰兩級至少差 4px」，眼睛才分得出來；同級文字大小要一致，H2 在每一頁都應該一樣大。

手機上整體下修，但倍率關係保持——等比例縮小，層級感才不會垮。

主標 H1

次標 H2

內文：三級之間倍率固定，整站就有節奏。

內文基準字級

你只調了最下面那級，整組卻等比連動——倍率關係不變，層級感就不會垮，這就是字級階層。

圖 3-40　改內文基準字級，三層文字等比連動——階層靠倍率，不靠隨手抓大小。

中文就可以

請幫全站建立字級階層：
以 16px 內文為底，用 1.25 倍級數往上定義 H4 到 H1，相鄰兩級至少差 4px。
同一個層級在每一頁大小一致，先幫我找出目前不一致的地方。
桌機 H1 不超過 56px，手機等比下修但倍率關係不變。
產出一張字級對照表讓我檢查。