Rámečky oken

Většina programů by měla používat standardní rámečky oken. Imerzivní aplikace můžou mít režim zobrazení na celé obrazovce, který skryje rámeček okna. Zvažte použití skla strategicky pro jednodušší, světlejší a soudržnější vzhled.

S rámečkem okna můžou uživatelé manipulovat s oknem a zobrazit název a ikonu k identifikaci jeho obsahu.

Typický rámeček okna.

Poznámka: Pokyny týkající se správy oken a brandingu jsou uvedeny v samostatných článcích.

Koncepty návrhu

Skleněné rámečky oken

Skleněné okenní rámečky jsou výrazným novým aspektem estetického systému Microsoft Windows, jehož cílem je atraktivní i odlehčená. Tyto průsvitné rámečky poskytují okenům otevřený, méně rušivý vzhled, což uživatelům pomáhá soustředit se na obsah a funkčnost, a ne na rozhraní, které ho obklopuje.

Skleněné okenní rámečky.

Sklo můžete použít strategicky v malých oblastech v okně, které se dotknou rámečku okna. Takové oblasti se jeví jako součást rámečku okna, i když jsou technicky vzato součástí klientské oblasti okna.

V tomto příkladu se sklo používá v klientské oblasti, aby vypadalo jako součást rámu.

Skryté rámce

Někdy nejlepší rámec okna není vůbec žádný rámec. To se často týká primárního okna imerzivních aplikací, které se nepoužívají ve spojení s jinými programy, jako jsou přehrávače médií, hry a beznabídkové aplikace.

Čtenáři obsahu můžou často využívat možnost zobrazit obsah na celé obrazovce. Mezi příklady patří Windows Internet Explorer , Windows Live Photo Gallery, Windows Movie Maker HD, Microsoft PowerPoint a Microsoft Word.

V tomto příkladu může Program Windows Media Player zobrazit jeho obsah na celé obrazovce.

Vlastní rámce

Většina aplikací pro Windows by měla používat standardní rámečky oken. Pro imerzivní, celé obrazovky, samostatné aplikace, jako jsou hry a beznabídkové aplikace, může být vhodné použít vlastní snímky pro všechna okna, která se nezobrazují na celé obrazovce. Motivací k používání vlastních snímků by mělo být poskytnout celkový zážitek jedinečný pocit, nejen pro branding.

Vlastní snímky jsou vhodné pro imerzivní, celé obrazovky, samostatné aplikace, jako jsou hry.

Pokyny

Rámečky oken

• Používejte standardní rámečky oken.

  • výjimka : Chcete-li dát imerzivním aplikacím na celé obrazovce jedinečný pocit:

    • Zvažte skrytí rámečku okna primárního okna.

    • Zvažte použití vlastních rámců pro sekundární okno.

    • Pokud je vlastní rám vhodný, zvolte návrh, který je jednoduchý a nepřitáhne příliš mnoho pozornosti na sebe.

      nesprávná odpověď:

      

      V tomto příkladu vlastní rámec upozorňuje příliš mnoho pozornosti na sebe.

• Nepřidávejte ovládací prvky do rámečku okna. Umístěte ovládací prvky do okna.

  nesprávná odpověď:

  

  správně:

  

  Ve správném příkladu je ovládací prvek v klientské oblasti místo rámečku okna.

Režim zobrazení na celé obrazovce

• Pro programy, které mají volitelný režim zobrazení na celé obrazovce, povolte režim zobrazení na celé obrazovce:

  • Na řádku nabídek nebo panelu nástrojů můžete mít modální příkaz na celé obrazovce. Když uživatel klikne na příkaz, zobrazí příkaz ve vybraném stavu.

    

    Tento příklad ukazuje příkaz na celé obrazovce spolu se standardní klávesovou zkratkou.

• Klávesu F11 použijte pro klávesovou zkratku na celé obrazovce.

• Pokud existuje panel nástrojů a režim zobrazení na celé obrazovce se běžně používá, použijte také tlačítko grafického panelu nástrojů s popisem na celé obrazovce.

  

  Příklady tlačítek na panelu nástrojů na celé obrazovce

• Vrácení zpět z režimu zobrazení na celé obrazovce:

  • Na řádku nabídek nebo panelu nástrojů můžete mít modální příkaz na celé obrazovce. Když uživatel klikne na příkaz, zobrazí příkaz ve svém nezaškrtaném stavu.
  • Klávesu F11 použijte pro klávesovou zkratku na celé obrazovce. Pokud ještě není přiřazený, můžete k tomuto účelu použít také esc.

Sklo

Standardní rámečky oken používají ve Windows sklo automaticky, ale můžete také použít sklo v oblastech, které se dotknou rámečku okna.

• Zvažte použití skla strategicky v malých oblastech, které se dotknou rámečku okna bez textu. Díky tomu může mít program jednodušší, světlejší a soudržnější vzhled tím, že se oblast jeví jako součást rámce.
• 
• V tomto příkladu se sklo zaměřuje pozornost uživatele na obsah místo ovládacích prvků.
• Nepoužívejte sklo v situacích, kdy by bylo poutavější nebo jednodušší použít pozadí prostého okna.

správně:

V tomto příkladu se sklo používá k odlehčenému vzhledu okna Alt+Tab. Sklo funguje pro toto okno, protože se skládá z grafiky a jednoho silného textového popisku.

nesprávná odpověď:

V tomto nesprávném příkladu je použití skla rušivé. Lepší volbou by bylo prosté pozadí okna.