共用方式為


Windows 中的提高許可權

Windows 11 使用分層和提升權限作為應用程式階層的基礎。 階層在應用程式中傳達重要資訊,同時將使用者的注意力集中在最重要的內容上。 在 Windows 裡,分層和標高是功能強大的視覺提示,它們能讓使用者感受到現代化的體驗,也讓整個系統看起來更加一致。

提示

本文說明 Fluent Design 語言如何套用至 Windows 應用程式。 如需詳細資訊,請參閱 Fluent Design - 提高許可權

提升權限

各種重疊的UI元素,每個專案在不同的高度

標高是指一個表面相對於另一個表面在桌面上的位置而言的深度元件。 當兩個或多個物件在畫面上佔據相同的位置時,只會在該位置轉譯具有最高標高的物件。

在控制項和介面上使用陰影和輪廓 (外框),以微妙地傳達物件的標高,並在體驗中需要時幫助聚焦。 Windows 11 使用下列值,以陰影和輪廓來表示標高。

應用程式視窗

Window
標高值:128
筆觸寬度:1

強制回應對話框

對話方塊
標高值:128
筆觸寬度:1

飛出視窗功能表

飛出視窗
標高值:32
筆觸寬度:1

下拉式方塊的工具提示

Tooltip
標高值:16
筆觸寬度:1

包含數個內容區域的UI介面

Card
標高值:8
筆觸寬度:1

下拉式方塊

控制
標高值:2
筆觸寬度:1

空的UI介面


標高值:1
筆觸寬度:1

Windows 11 中的控制項會根據狀態變化其標高和輪廓。 在相同值的情况下,轉譯陰影的強度會根據主題而變更。

處於預設狀態的按鈕

休息
標高值:2
筆觸寬度:1

暫留狀態中的按鈕

暫留
標高值:2
筆觸寬度:1

處於已按下狀態的按鈕

Pressed
標高值:1
筆觸寬度:1

分層

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

具有多個內容區域的應用程式視窗

分層是將一個介面與另一個介面重疊的概念,在同一應用程式中建立兩個或多個視覺上可區分的區域。

注意

Windows 中的分層與材質的使用緊密結合。 有關如何套用這些內容的特定指引,請參考材質一節

Windows 11 針對應用程式使用兩層系統。 這兩個層級會建立階層,並提供清晰性,讓使用者專注於最重要的內容。

  • 基礎層是應用程式的基礎。 它是每個應用程式最底層,且包含與應用程式功能表、命令和導覽相關的控制項。
  • 內容層會將使用者聚焦在應用程式的核心體驗。 內容層可以是連續的元素,也可以分為卡片,以區分內容。