Windows 應用程式的設計

在這裡，您將找到建立 Windows 應用程式體驗的設計指導方針和範例。 Windows 11 結合了 Fluent 的設計語言和原則，以符合一致的外觀和風格，這是獨一無二的Microsoft。

若要取得製作 Windows 體驗的建置組塊，請使用 WinUI。這些元件包含 Fluent 的設計語言，因此您可以有信心在 Fluent 生態系統中建置絕佳的體驗。

Windows 11 設計原則

各種 Windows 11 設計元素

Windows 11 標誌著作業系統的視覺演進。我們已隨著 Fluent 一起演進設計語言，以建立人類、通用且真正感覺為 Windows 的設計。

下列設計原則已引導我們完成讓 Windows 成為 Fluent 最佳實作的整個旅程。

Windows 11 更快速且更直覺。使用焦點和精確度，很容易做我想做的事。

Windows 11 較柔和且已解碼; 它淡入背景，以説明我保持冷靜和專注。體驗感覺溫暖、空靈和平易近人。

Windows 11 可順暢地適應我使用裝置的方式。它能修改並符合至我的個人需求和喜好，這樣我才能真正表達自己。

Windows 11 會平衡全新、重新整理的外觀，以及熟悉我已知道的 Windows。無學習曲線; 我可以直接上手。

Windows 11 提供跨平台的視覺無縫體驗。我可以在許多平台工作，但仍有一致的 Windows 體驗。

簽章體驗是 Windows 11 用來表達其視覺語言的設計元素，同時在所有 Fluent 體驗中維持一致的外觀和風格。

右側淺色模式中的視窗和模式對話框

色彩

色彩可藉由指出使用者介面元素之間的視覺階層和結構，協助使用者專注於其工作。 Windows 11 使用色彩來提供平靜的基礎、巧妙地增強使用者互動，並在必要時強調重要項目。

具有單一內容區域的應用程式視窗

提高許可權和分層

高度和分層是將一個表面與另一個表面重疊的概念，在相同的表面內建立兩個以上的視覺辨別區域。 Windows 11 使用提高許可權和分層作為應用程式階層的基礎。

購物車圖示

圖解

圖解是一組視覺影像和符號，可協助使用者了解和瀏覽您的應用程式。 Windows 11 圖解已隨著我們的設計語言而演進。我們系統圖示字型中的每個圖像都經過重新設計，以包含更柔和的幾何和更現代的隱喻。

由壓克力製成的UI表面

材質

材質是讓 UI 表面類似於真實生活成品的視覺效果。 Windows 11 使用材質讓 UI 保持與其環境聯繫。材質將表面帶入生活，並協助我們區分專注和未專注的應用程式。

Windows 11 中醒目提示新幾何的數個 UI 元素

圖形和幾何

幾何描述螢幕上UI元素的形狀、大小和位置。這些基本設計元素可協助體驗在整個設計系統中感覺一致。 Windows 11 功能已更新幾何，可建立更易近人、更吸引人的新式體驗。

在 Segoe UI 變數中轉譯的數個字

印刷樣式

作為語言的視覺表示法，印刷樣式的主要工作是傳達資訊。 Windows 11 類型系統可協助您在內容中建立結構和階層，以在 UI 中最大化易讀性和可讀性。

動畫影像，顯示 Windows UI 中的數個動作範例。

動作

動作描述介面動畫和回應使用者互動的方式。 Windows 中的動作是反應式、直接且適當的內容。其會提供意見反應給使用者輸入，並強化支援導向的空間範例。