本主題提供各種設計與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 元件:預先建置的元素,例如按鈕、切換、滑桿等等。
設計模式:瀏覽、對話框和版面配置的範本。
樣式和標記:預先定義的色彩、印刷樣式和間距。
WinUI 圖集
WinUI 資源庫的 [設計指引] 區段提供最佳做法和工具,可協助您為應用程式選擇並套用正確的色彩、印刷樣式和圖示。 [輔助功能] 區段包含代碼段和秘訣,讓您的應用程式更具包容性且可供所有使用者存取。
Microsoft Store 資產指導套件
Microsoft Store 的 Figma 資產指導套件提供範本與工具,幫助製作高品質截圖、應用程式圖示及其他資產,供 Microsoft Store 發布。
此套件支援完整的應用程式與遊戲資產創建、測試及提交流程。 它包含標誌與圖示尺寸的指引,以及預覽圖示提交至合作夥伴中心後在商店中的呈現方式。 它還提供可自訂的範本,幫助你製作一致且精緻的應用程式或遊戲截圖。
範例
如需所有 Windows 應用程式範例的完整清單,請參閱 範例和資源頁面。