窗框

注意

此設計指南是針對 Windows 7 所建立，尚未針對較新版本的 Windows 進行更新。 大部分的指導方針仍以原則方式套用，但簡報和範例不會反映 我們目前的設計指導方針。

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

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

典型的視窗框架。

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

設計概念

玻璃視窗框架

玻璃視窗框架是 Microsoft Windows 美觀的新層面，旨在同時具有吸引力和輕量型。 這些半透明畫面可讓視窗開啟、較不具干擾的外觀，協助使用者專注于內容和功能，而不是其周圍的介面。

玻璃視窗框架。

您可以在觸碰視窗框架的視窗內，以策略方式在小型區域中使用玻璃。 即使技術上是視窗工作區的一部分，這類區域仍會顯示為視窗框架的一部分。

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

隱藏框架

有時候最佳視窗框架完全沒有框架。 這通常適用于未與其他程式搭配使用之沉浸式全螢幕應用程式的主要視窗，例如媒體播放機、遊戲和 kiosk 應用程式。

內容檢視器通常受益于選擇全螢幕顯示內容。 範例包括 Windows Internet Explorer 、Windows Live 影像中心、Windows Movie Maker HD、Microsoft PowerPoint 和 Microsoft Word。

在此範例中，Windows 媒體播放機可以全螢幕顯示其內容。

自訂框架

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

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

指導方針

窗框

• 使用標準視窗框架。

  • 例外： 為了提供沉浸式全螢幕，獨立應用程式具有獨特的風格：

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

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

    • 如果自訂框架適合，請選擇輕量型的設計，而且不會對本身產生太多注意。

      不正確：

      

      在此範例中，自訂框架會吸引太多注意本身。

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

  不正確：

  

  正確：

  

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

全螢幕模式

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

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

    

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

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

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

  

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

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

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

玻璃

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

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

正確：

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

不正確：

在這個不正確的範例中，使用玻璃會干擾。 純視窗背景會是較佳的選擇。