Windows 11 設計原則

各種 Windows 11 設計元素

Windows 11 標誌著作業系統的視覺演進。 我們隨著 Fluent 一同演進設計語言,打造出以人為本、通用,且真正具有 Windows 風格的設計。

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

輕鬆

Windows 11 更快速且更直覺。 我可以輕鬆做想做的事,同時保持專注與精準。

冷靜

Windows 11 更柔和且更簡潔;它會退居背景,幫助我保持冷靜與專注。 體驗感覺溫暖、空靈和平易近人。

個人

Windows 11 可順暢地適應我使用裝置的方式。 它能靈活配合我的個人需求與偏好,讓我真正展現自我。

熟悉

Windows 11 兼顧了煥然一新的外觀與體驗,以及我已熟悉的 Windows。 完全沒有學習門檻,我可以立刻上手。

完整 + 連貫

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

Windows 11 簽章體驗

代表性體驗是 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 中的動態效果回應迅速、直接,且符合情境。 它會對使用者輸入提供回饋,並強化支援尋路的空間範式。