共用方式為


設計 Windows 應用程式的資源

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

字型

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

建議使用下列字型:

Windows UI 套件

Windows UI 套件 Figma 連結庫的封面影像

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

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

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

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

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

適用於 Figma 的 Windows UI 套件

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

WinUI 3 展示庫的設計指引區段的螢幕快照

WinUI 畫廊中的 設計指導方針

Microsoft Store 資產指導套件

Microsoft Store 資產指導套件封面圖片

Microsoft Store 的 Figma 資產指導套件提供範本與工具,幫助製作高品質截圖、應用程式圖示及其他資產,供 Microsoft Store 發布。

此套件支援完整的應用程式與遊戲資產創建、測試及提交流程。 它包含標誌與圖示尺寸的指引,以及預覽圖示提交至合作夥伴中心後在商店中的呈現方式。 它還提供可自訂的範本,幫助你製作一致且精緻的應用程式或遊戲截圖。

範例

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