Microsoft-ui-xaml: Proposta: tornar as dicas de ferramentas e as bordas dos menus de 1 px semitransparentes

Criado em 20 fev. 2020  ·  3Comentários  ·  Fonte: microsoft/microsoft-ui-xaml

Proposta: tornar as dicas de ferramentas e as bordas dos menus de 1 px semitransparentes

Atualmente, as dicas de ferramentas e menus em aplicativos UWP têm um quadro cinza. Isso não combina com fundos coloridos, especialmente os escuros. Minha sugestão é tirar do macOS e de algumas interfaces Linux a solução de usar um frame levemente transparente.

Justificativa

  • Usar uma moldura translúcida fica melhor do que uma cinza.
  • Não importa a cor de fundo, esta solução permite melhor legibilidade e consistência visual

Basta ver exemplos:

tooltips
tooltips_x4

feature proposal needs-assignee-attention team-Controls

Comentários muito úteis

Isso é semelhante a uma sugestão que fiz antes sobre bordas internas e externas para superfícies pop-over e flyout.

Flyout Designs

Isso garante que, com ou sem sombra, ainda haja algum tipo de borda, o que não parece tão estranho.

Todos 3 comentários

@chigy

@widersky , obrigado por sua sugestão.
Embora possa não funcionar em um fundo colorido, temos uma razão pela qual é o cinza (e essa cor muito específica de cinza).

Introduzimos a sombra para criar contraste entre a interface do usuário pop-up e a página. No entanto, a sombra é algo que desliga 1) se o usuário optar por fazê-lo, 2) a capacidade de energia não permite. Portanto, sem a sombra, o pop-up se misturaria com a página quando estiver desativado se a página tiver a mesma cor ou uma cor semelhante.

Examinamos cuidadosamente as combinações de cores e chegamos a este cinza para ser 1) menos marcante, 2) fornece o contraste quando a sombra está desligada, 3) não dá uma aparência de linha muito quando a sombra é realmente aplicada.

Em uma situação ideal, não precisamos ter a borda para começar e a sombra pode lidar com isso, mas ainda não temos um sistema desse tipo e esse é o melhor design que ainda mantém nossa promessa de usabilidade.

Isso é semelhante a uma sugestão que fiz antes sobre bordas internas e externas para superfícies pop-over e flyout.

Flyout Designs

Isso garante que, com ou sem sombra, ainda haja algum tipo de borda, o que não parece tão estranho.

Esta página foi útil?
0 / 5 - 0 avaliações