Windows 11 設計
微軟已經設計好你的應用程式。選取正確的系統元件,妥善安排它們,然後別妨礙它們運作。
- 設計檢查清單:design-rules.md。
- 可複製的 XAML 模式:patterns.md。
微軟的五大 Fluent 原則
- 自然:適應用戶輸入(鍵盤、滑鼠、觸控、畫筆)。
- 直覺:熟悉的版面配置、一致的圖示集、清晰的層級結構。
- 回應式:即時回饋、流暢的微動畫。
- 有目的性:每個視覺元素都有其用途。
- 精心雕琢:對齊邊緣、一致的 4 px / 8 px 格線間距、精緻的材質。
Windows 11 視覺材質
- Mica (
MicaBackdrop):應用於主視窗框架。動態取樣使用者桌面桌布,產生微妙的有色表面。 - Acrylic (
DesktopAcrylicBackdrop):用於暫時性的浮動飛出視窗、內容功能表和對話方塊。 - 圓角:Windows 11 標準 8 px 圓角半徑用於卡片和按鈕;4 px 用於小型標籤。
- 字型:帶有動態光學尺寸調整的 Segoe UI Variable。
- 圖示:Segoe Fluent Icons (
FontIcon Glyph="\uE...")。
完成條件
所有檢視和飛出視窗都使用標準的 Fluent 2 控制項,已套用 Mica 或 Acrylic 背景,且字型符合 Segoe UI Variable 規範。