Windows 11 的印刷樣式

  • 發行項

在 Segoe UI 變數中轉譯的數個字

作為語言的視覺表示，印刷格式的主要工作是溝通資訊。 Windows 11 類型系統可協助您在內容中建立結構和階層，以在 UI 中最大化易讀性和可讀性。

Segoe UI Variable 是 Windows 的新系統字型。 這是對經典的 Segoe 字型的更新版本，利用可變字型技術，在非常小的尺寸下保持了很好的易讀性，並在顯示尺寸下改進了輪廓。

計量

在 Segoe UI 變數中轉譯的 'Segoe' 一詞，其中已醒目提示字樣的幾個層面

權重

粗細名稱 粗細軸值 視覺效果
淺色 300 在 Segoe UI 變數光線中呈現的 'Segoe' 一詞
稍細體 350 在 Segoe UI 變數半光中轉譯的 'Segoe' 一字
一般 400 在 Segoe UI 變數中轉譯的 'Segoe' 一詞
半粗體 600 在 Segoe UI 變數中轉譯的 'Segoe' 一字
粗體字 700 在 Segoe UI 變數粗體中呈現的 'Segoe' 一字

光軸

在 Segoe UI 變數中轉譯的小寫字母，其外框會根據呈現的不同圖形內容

Segoe UI Variable 支援兩個軸：粗細和光學尺寸。 粗細軸為累加式，而光學尺寸軸預設為自動開啟。 光學尺寸軸會控制字型中計數器的形狀和大小，小尺寸時優先考慮易讀性，在大尺寸時注重個性。

使用 Segoe Fluent Variable

字型坡形

Windows 11 針對 UI 中的各種文字類型使用下列值。

範例 Weight 大小/線條高度
標題文字的範例 Small 12/16 epx
內文文字範例 Text 14/20 epx
內文強文字的範例 文字半粗體 14/20 epx
本文大型文字的範例 Text 18/24 epx
副標題文字的範例 顯示半粗體 20/28 epx
標題文字的範例 顯示半粗體 28/36 epx
標題大型文字的範例 顯示半粗體 40/52 epx
顯示文字的範例 顯示半粗體 68/92 epx

Windows 11 中的印刷樣式最佳做法

Windows 11 會根據顯示文字的內容，搭配下列屬性使用 Segoe UI Variable。

屬性 值 備註
Weight 常規、半粗體 對大部分文字使用常規粗細，針對標題使用半粗體
對齊 左，中間 依預設靠左對齊，僅在少數情況下對齊置中，例如圖示下方的文字
最小值 14px 半粗體、12px 常規 在某些語言中，小於這些大小和粗細的文字無法辨識
大小寫 首字母大寫 對所有 UI 文字 (包括標題) 首字母大寫
截斷 省略符號和裁剪 在大部分案例下使用省略號；裁剪僅適用於罕見的案例

範例

提示

開啟 WinUI 3 資源庫應用程式，並查看實際的印刷樣式原則。

WinUI 3 資源庫應用程式包含大多數 WinUI 3 控制項和功能的互動式範例。 從 Microsoft Store 取得應用程式，或在 GitHub 上取得原始程式碼