窗框

大部分的程式都應該使用標準視窗框架。 沈浸式應用程式可以有隱藏視窗框架的全螢幕模式。 請考慮策略性地使用玻璃，以更簡單、更輕、更凝聚力的外觀。

透過視窗框架，使用者可以作視窗並檢視標題和圖示，以識別其內容。

典型的視窗框架。

附注： 與 視窗管理 和 商標 相關的指導方針會以個別文章呈現。

設計概念

玻璃視窗框架

玻璃窗框架是Microsoft Windows 美學的驚人新層面，旨在既吸引人又輕量。 這些半透明框架提供窗口開放、較少侵入性的外觀，協助使用者專注於內容和功能，而不是圍繞它周圍的介面。

計算機周圍玻璃框架的

玻璃窗框架。

您可以在觸及視窗框架的視窗內，以策略方式在小型區域中使用玻璃。 即使從技術上說，這類區域似乎是視窗框架的一部分，但它們是視窗工作區的一部分。

在此範例中，玻璃會在工作區中使用，使其看起來像框架的一部分。

隱藏框架

有時候最好的視窗框架根本不是框架。 這通常是 主要視窗 沈浸式 全螢幕 應用程式，這些應用程式不會與其他程式搭配使用，例如媒體播放機、遊戲和 kiosk 應用程式。

內容查看器通常受益於選擇全螢幕顯示內容。 範例包括 Windows Internet Explorer、Windows Live Photo Gallery、Windows Movie Maker HD、Microsoft PowerPoint 和 Microsoft Word。

在此範例中，Windows Media Player 可以全屏幕顯示其內容。

自訂框架

大部分的 Windows 應用程式都應該使用標準視窗框架。 不過，對於沉浸式、全螢幕、獨立應用程式，例如遊戲和 kiosk 應用程式，可能適合針對未顯示全螢幕的任何視窗使用自定義畫面。 使用自定義框架的動機應該是給整體體驗一個獨特的感覺，而不僅僅是 品牌。

的圖例

自定義畫面適用於沉浸式、全螢幕、獨立應用程式，例如遊戲。

指引

窗框

• 使用標準視窗框架。

  • 例外狀況： 為沉浸式全螢幕、獨立應用程式提供獨特的風格：

    • 請考慮隱藏 主要視窗的視窗框架，。

    • 請考慮使用 次要視窗的自訂框架。

    • 如果自定義框架適合，請選擇輕量型的設計，而且不會引起太多注意。

      不正確：

      分散畫面格螢幕快照

      在此範例中，自定義框架會吸引太多對本身的注意。

• 請勿將控制項新增至視窗框架。 請改為將控件放在視窗中。

  不正確：

  視窗框架螢幕快照

  正確：

  工作區中控件的螢幕快照

  在正確的範例中，控件位於工作區內，而不是視窗框架。

全螢幕模式

• 對於具有選擇性全螢幕模式的程式，若要啟用全螢幕模式：

  • 在功能表列或工具列中具有強制回應全螢幕命令。 當使用者按下命令時，以選取的狀態顯示命令。

    

    此範例顯示全螢幕命令及其標準快速鍵。

• 針對全螢幕快捷鍵使用 F11。

• 如果有常用的工具列和全螢幕模式，也具有具有全螢幕工具提示的圖形工具列按鈕。

  

  全螢幕工具列按鈕的範例。

• 若要從全螢幕模式還原：

  • 在功能表列或工具列中具有強制回應全螢幕命令。 當使用者按下命令時，以已清除的狀態顯示命令。
  • 針對全螢幕快捷鍵使用 F11。 如果尚未指派，Esc 也可用於此用途。

玻璃

標準視窗框架會在 Windows 中自動使用玻璃，但您也可以在觸及視窗框架的區域使用玻璃。

• 請考慮在小型區域中以策略方式使用玻璃，以觸控視窗框架而不使用文字。 這樣做可以讓程式成為框架的一部分，讓程式看起來更簡單、更輕、更連貫的外觀。
• 
• 在此範例中，玻璃會將使用者的注意力放在內容上，而不是控件。
• 在純視窗背景更具吸引力或更容易使用的情況下，請勿使用玻璃。

正確：

具有四個圖形和標籤

在此範例中，玻璃可用來為Alt+Tab視窗提供羽量的外觀。 玻璃適用於此視窗，因為它是由圖形和單一強式文字標籤所組成。

不正確：

具有十二個圖形

在這個不正確的範例中，使用玻璃會分散注意力。 純視窗背景會是更好的選擇。