Windows 中的幾何

幾何描述螢幕上 UI 元素的形狀、大小和位置。 這些基本設計元素可協助體驗在整個設計系統中感覺一致。

Windows 幾何已製作來支援新式應用程式體驗。 結合漸進式圓角、巢狀元素和一致的間距，創造出柔和、冷靜和平易近人的效果，突顯統一的主旨與簡單易用的效益。

提示

本文說明 Fluent Design 語言如何套用至 Windows 應用程式。 如需詳細資訊，請參閱 Fluent Design - Shapes。

圓角

Windows 11 會將圓角套用至所有最上層應用程式視窗。 這也適用於最常見的控制項，例如 Button 和 ListView。 (如需詳細資訊，請參閱使用最新的通用控制項。)

Windows 11 使用三種不同程度的圓角，具體取決於所需圓角的 UI 元件以及該元件相對於相鄰元素的排列方式。

圓角半徑	使用方式
8px	應用程式視窗、飛出視窗和對話方塊等最上層容器，會使用 8px 的圓角進行圓角處理
4px	頁面中的元素，如按鈕和清單背板，使用 4px 圓角進行圓角處理。
0px	不與其他直邊相交的直邊不會進行圓角處理。
0px	當視窗被貼齊或最大化時，視窗角不會被圓角化。