設計 Windows 應用程式的資源

本主題提供各種設計與UI相關的資源，可用來建立視覺吸引力和方便使用的Windows應用程式。

字型

Windows 類型系統可協助您在內容中建立結構和階層，以最大化 UI 中的可讀性和可讀性（如需詳細資訊，請參閱 Segoe UI 字型系列）。

建議使用下列字型：

• Segoe UI 變數 （請參閱 Windows中的 印刷樣式）
• Segoe Fluent Icons （請參閱 Segoe Fluent Icons 字型）
• Segoe MDL2 （請參閱 Segoe MDL2 資產圖示）

Windows UI 套件

適用於 Figma 的 Windows 設計套件提供完整的工具組，可協助開發人員和設計師建立視覺一致且吸引人的 Windows 應用程式

Windows 設計工具包是一個包含以下內容的 Figma 資源庫：

• UI 元件：預先建置的元素，例如按鈕、切換、滑桿等等。

• 設計模式：瀏覽、對話框和版面配置的範本。

• 樣式和標記：預先定義的色彩、印刷樣式和間距。

適用於 Figma 的 Windows UI 套件

WinUI 圖集

WinUI 資源庫的 [設計指引] 區段提供最佳做法和工具，可協助您為應用程式選擇並套用正確的色彩、印刷樣式和圖示。 [輔助功能] 區段包含代碼段和秘訣，讓您的應用程式更具包容性且可供所有使用者存取。

WinUI 畫廊中的 設計指導方針

範例

如需所有 Windows 應用程式範例的完整清單，請參閱 範例和資源頁面。