Criar conteúdo para exibição holográfica

Ulnar side hand location

Ao criar conteúdo para exibições holográficas, há vários elementos que você precisa considerar para alcançar a melhor experiência. Listamos algumas de nossas recomendações abaixo e você pode saber mais sobre as características das exibições holográficas na página Cor, luz e materiais .


Desafios com cor brilhante em uma superfície grande

Com base em nosso HoloLens experiência de pesquisa e teste, descobrimos que usar cores brilhantes em uma grande área da exibição pode causar vários problemas:

Fadiga ocular

Como a exibição holográfica é aditiva, hologramas com cores brilhantes usam mais luz. Cor brilhante e sólida em uma grande área da exibição pode facilmente causar fadiga ocular para o usuário.

Oclusão de mão

A cor brilhante torna difícil para o usuário ver suas mãos ao interagir diretamente com objetos. Como o usuário não consegue ver as mãos, fica difícil perceber a profundidade/distância entre a mão/o dedo até a superfície de destino. O Cursor de Dedo ajuda a compensar esse problema, mas ainda pode ser desafiador em uma superfície branca brilhante.

Color and hand occlusionDifícil ver a mão no backplate de conteúdo colorido brilhante

Uniformidade de cores

Devido às características das exibições holográficas, uma grande área brilhante na exibição pode se tornar blotchy. Usando esquemas de cores escuras, você pode minimizar esse problema.

Diretrizes de design para opções de cores

Usar cor escura para a tela de fundo da interface do usuário

Usando o esquema de cores escuras, você pode minimizar a fadiga ocular e melhorar a confiança nas interações diretas com as mãos.

Examples of dark color used for the content backgroundExemplos de cor escura usados para a tela de fundo do conteúdo

Usar peso da fonte semibold ou negrito

HoloLens permite que sua experiência mostre um belo texto de alta resolução. No entanto, é recomendável evitar pesos finos da fonte, como claro ou semileve, porque os traços verticais podem tremer em tamanho pequeno de fonte.

Bold or semi-bold font weight (upper panel) improves the legibilityO peso da fonte em negrito ou sem negrito (painel superior) melhora a legibilidade

Usar o material HolographicBackplate do MRTK

O material HolographicBackplate é aplicado a vários painéis de interface do usuário no shell HoloLens. Um de seus recursos é um efeito de iridescência que é visível para os usuários à medida que eles mudam de posição com base no painel. A cor do backplate muda sutilmente em um espectro predefinido, criando um efeito visual dinâmico e envolvente sem interferir na legibilidade do conteúdo. Essa mudança sutil de cor também serve para compensar quaisquer pequenas irregularidades de cor.

Desafios com backplate de interface do usuário transparente ou translúcida

Transparent UI examplesExemplos de backplate transparente da interface do usuário

Complexidade visual e acessibilidade

Como os objetos holográficos se misturam com o ambiente físico, o conteúdo ou a legibilidade da interface do usuário em janelas transparentes ou translúcidas podem ser degradados. Além disso, quando objetos holográficos transparentes são sobrepostos uns sobre os outros, isso pode dificultar a interação do usuário devido à profundidade confusa.

Desempenho

Para que objetos transparentes ou translúcidos sejam renderizados corretamente, eles devem ser classificados e misturados com quaisquer objetos, que existem em segundo plano. A classificação de objetos transparentes tem um custo modesto da CPU, a combinação tem um custo considerável de GPU porque não permite que a GPU faça a remoção oculta da superfície por meio do abate z (ou seja, teste de profundidade). Não permitir a remoção de superfície oculta aumenta o número de operações necessárias para o pixel renderizado final. Isso coloca mais restrições de taxa de preenchimento de pressão.

Problema de estabilidade do holograma com a tecnologia LSR de profundidade

Para melhorar a reprojeção holográfica ou a estabilidade do holograma, um aplicativo pode enviar um buffer de profundidade ao sistema para cada quadro renderizado. Ao usar o buffer de profundidade para reprojeção, você precisa escrever um buffer de profundidade para cada pixel renderizado de cor uma profundidade correspondente. Qualquer pixel com um valor de profundidade também deve ter valor de cor. Se as diretrizes acima não forem seguidas, áreas da imagem renderizada que não têm informações de profundidade válidas poderão ser reprojetadas de uma forma que produza artefatos, que geralmente são visíveis como uma distorção semelhante a uma onda.

Diretrizes de design para elementos transparentes

Usar tela de fundo de interface do usuário opaca

Por padrão, objetos transparentes ou translúcidos não gravam profundidade para permitir a combinação adequada. As maneiras de atenuar esse problema incluem, usando objetos opacos, garantir que objetos translúcidos apareçam próximos a objetos opacos (como um botão translúcido na frente de um backplate opaco), forçar objetos translúcidos a gravar profundidade (não aplicável em todos os cenários) ou renderizar objetos proxy, que só contribuem com valores de profundidade no final do quadro.

Soluções no MRTK-Unity: /windows/mixed-reality/mrtk-unity/performance/hologram-stabilization#depth-buffer-sharing-in-unity

Usando um backplate sólido e opaco, podemos garantir a legibilidade e a confiança de interação.

Minimizar o número de pixels afetados

Se o projeto precisar usar objetos transparentes, tente minimizar o número de pixels afetados. Por exemplo, se um objeto só estiver visível em determinadas condições (como um efeito de brilho aditivo), desabilite o objeto quando ele estiver totalmente invisível (em vez de definir a cor aditiva como preto). Para formas 2D simples criadas usando um quad com uma máscara alfa, considere criar uma representação de malha da forma com um sombreador opaco.




Exemplos de interface do usuário escuros no MRTK (Realidade Misturada Toolkit) para Unity

O MRTK fornece muitos exemplos de bloco de construção de interface do usuário com base nos esquemas de cores escuras.



Confira também