Quadros de janela

A maioria dos programas deve usar quadros de janela padrão. Aplicativos imersivos podem ter um modo de tela inteira que oculta o quadro da janela. Considere usar vidro estrategicamente para uma aparência mais simples, mais leve e coesa.

Com um quadro de janela, os usuários podem manipular uma janela e exibir o título e o ícone para identificar seu conteúdo.

Um quadro de janela típico.

Observação: as Diretrizes de relacionadas ao de gerenciamento de janelas e de identidade visual são apresentadas em artigos separados.

Conceitos de design

Quadros de janela de vidro

Os quadros de janela de vidro são um novo aspecto marcante da estética do Microsoft Windows, com o objetivo de serem atraentes e leves. Esses quadros translúcidos dão às janelas uma aparência aberta e menos intrusiva, ajudando os usuários a se concentrarem no conteúdo e na funcionalidade em vez da interface ao seu redor.

Quadros de janela de vidro.

Você pode usar vidro estrategicamente em regiões pequenas dentro de uma janela que toque no quadro da janela. Essas regiões parecem fazer parte do quadro da janela, embora tecnicamente façam parte da área de cliente da janela.

Neste exemplo, o vidro é usado na área do cliente para fazer com que ele pareça parte do quadro.

Quadros ocultos

Às vezes, o melhor quadro de janela não é nenhum quadro. Geralmente, esse é o caso da janela principal de aplicativos imersivos de tela inteira que não são usados em conjunto com outros programas, como players de mídia, jogos e aplicativos de quiosque.

Os visualizadores de conteúdo geralmente se beneficiam de ter a opção de mostrar conteúdo em tela inteira. Exemplos incluem o Windows Internet Explorer, a Galeria de Fotos do Windows Live, o Windows Movie Maker HD, o Microsoft PowerPoint e o Microsoft Word.

Neste exemplo, o Windows Media Player pode exibir seu conteúdo em tela inteira.

Quadros personalizados

A maioria dos aplicativos do Windows deve usar os quadros de janela padrão. No entanto, para aplicativos imersivos, em tela inteira e autônomos, como jogos e aplicativos de quiosque, pode ser apropriado usar quadros personalizados para qualquer janela que não seja mostrada em tela inteira. A motivação para usar quadros personalizados deve ser dar à experiência geral uma sensação única, não apenas para identidade visual.

Os quadros personalizados são apropriados para aplicativos imersivos, em tela inteira e autônomos, como jogos.

Diretrizes

Quadros de janela

• Use quadros de janela padrão.

  • Exceção: Para dar uma sensação exclusiva aos aplicativos autônomos em tela inteira imersiva:

    • Considere ocultar o quadro da janela do janela primária.

    • Considere usar quadros personalizados para janela secundária.

    • Se um quadro personalizado for apropriado, escolha um design leve e não chame muita atenção para si mesmo.

      Incorreto:

      de quadro distraindo

      Neste exemplo, o quadro personalizado chama muita atenção para si mesmo.

• Não adicione controles a um quadro de janela. Coloque os controles dentro da janela.

  Incorreto:

  

  Correto:

  

  No exemplo correto, o controle está dentro da área do cliente em vez do quadro da janela.

Modo de tela inteira

• Para programas que têm um modo opcional de tela inteira, para habilitar o modo de tela inteira:

  • Tenha um comando de tela inteira modal na barra de menus ou na barra de ferramentas. Quando o usuário clicar no comando, mostre o comando em seu estado selecionado.

    

    Este exemplo mostra o comando de tela inteira junto com sua chave de atalho padrão.

• Use F11 para a tecla de atalho de tela inteira.

• Se houver uma barra de ferramentas e o modo de tela inteira normalmente for usado, também terá um botão de barra de ferramentas gráfica com uma dica de ferramenta de tela inteira.

  

  Exemplos de botões de barra de ferramentas de tela inteira.

• Para reverter do modo de tela inteira:

  • Tenha um comando de tela inteira modal na barra de menus ou na barra de ferramentas. Quando o usuário clicar no comando, mostre o comando em seu estado desmarcado.
  • Use F11 para a tecla de atalho de tela inteira. Se ainda não estiver atribuído, o Esc também poderá ser usado para essa finalidade.

Vidro

Os quadros de janela padrão usam vidro automaticamente no Windows, mas você também pode usar vidro em regiões que tocam no quadro da janela.

• Considere usar vidro estrategicamente em regiões pequenas tocando no quadro da janela sem texto. Fazer isso pode dar a um programa uma aparência mais simples, mais leve e coesa, fazendo com que a região pareça fazer parte do quadro.
• 
• Neste exemplo, o glass concentra a atenção do usuário no conteúdo em vez dos controles.
• Não use vidro em situações em que um plano de fundo de janela simples seria mais atraente ou mais fácil de usar.

Correto:

Neste exemplo, o vidro é usado para dar à janela Alt+Tab uma aparência leve. O vidro funciona para essa janela porque consiste em elementos gráficos e um rótulo de texto único e forte.

Incorreto:

Neste exemplo incorreto, o uso de vidro está distraindo. Um plano de fundo de janela simples seria uma escolha melhor.