linguagem de design Realidade Misturada – MRTK3

Botão Principal

Nos últimos anos, enviamos muitos dispositivos e fatores de formulário diferentes com diferentes tipos de exibição, resoluções e experiências do usuário. Desenvolvemos um conjunto de práticas recomendadas para criar ótimas experiências em realidade misturada, mas essas práticas recomendadas continuam a evoluir à medida que testamos e avaliamos designs em diferentes produtos e dispositivos.

Estamos entusiasmados em apresentar a linguagem de design mais recente Realidade Misturada, exibida pela primeira vez no aplicativo Mesh para HoloLens, ao público por meio dos blocos de construção do MRTK. As novas alterações de design visam capacitar os desenvolvedores a criar aplicativos prontos para produção que sejam mais bonitos, utilizáveis e portáteis.

Aprimoramentos

Geometria atualizada Geometria atualizada com cantos arredondados para experiências mais acessíveis e amigáveis

Comentários visuais aprimorados Comentários visuais aprimorados para entradas multi modais aprimoradas, como o olhar-olhar combinado com o gesto de pinçagem

Unidades modulares aprimoradas Unidades modulares aprimoradas que dão suporte a vários cenários de interface do usuário com permutações

Sistema de backpalte modular Sistema de backplate modular para a criação de layouts complexos que permanecem claros e utilizáveis

Atualizações de caixa delimitadora Visuais de caixa delimitadora reprojetados para reduzir o ruído visual e habilitar interações fluidas alimentadas pelo olhar

Interface do usuário baseada em tela Integração com o RectTransform e o Unity Canvas que dá suporte ao layout flexível e dyanmic

Elementos Key

Geometria
Geometria
A nova linguagem de design introduz geometria com cantos arredondados que criam uma experiência mais acessível, envolvente e moderna. A geometria também é totalmente tridimensional, com uma espessura tangível que ajuda a fundamentar os designs na realidade. Ele também lembra ao usuário que esses elementos são objetos físicos reais que existem em seu espaço 3D e podem ser anexados a objetos e capturados, movidos ou manipulados.

Cor
Color
A cor ajuda os usuários a se concentrarem em suas tarefas indicando uma hierarquia visual e uma estrutura entre elementos da interface do usuário. O esquema de cores da nova linguagem de design minimiza a fadiga ocular, mantendo-se brilhante e opaca o suficiente em exibições aditivas para fortalecer a confiança do usuário quando eles fazem interações diretas com as mãos. Elementos detalhados, como efeitos iridescentes, são o resultado de iterações de pesquisa de usuário e design para oferecer a melhor experiência na exibição aditiva do HoloLens e em outros dispositivos Realidade Misturada.

Luz e materiais
Luz e materiais
A luz e os materiais desempenham um papel essencial no fornecimento de comentários visuais em interações espaciais. O uso da iluminação 3D contextual ajuda o usuário a perceber a profundidade e o estado de interação, especialmente quando as exibições aditivas do dispositivo podem causar confusão profunda. Por exemplo, as pontas dos dedos do usuário lançam um brilho sutil nas superfícies pressionáveis dos botões, melhorando a percepção do usuário sobre a distância do dedo do holograma.

Camadas e elevação
Camadas
Camadas é o conceito de sobreposição de uma superfície com outra. A linguagem de design Realidade Misturada usa camadas e elevação para criar uma interface do usuário volumétrica que melhora a qualidade de interação e a usabilidade em interações espaciais e encanta os usuários com uma resposta bonita e intuitiva à sua entrada.

Iconografia
Iconografia
A iconografia é um conjunto de imagens e símbolos visuais que ajudam os usuários a entender e navegar pelo aplicativo. A linguagem de design Realidade Misturada usa os ícones do sistema fluente da Microsoft. Cada glifo em nossa fonte de ícones do sistema foi reprojetado para adotar uma geometria mais suave e metáforas mais modernas.

Tipografia
Tipografia
Como a representação visual da linguagem, a principal tarefa da tipografia é informar. A rampa de tipo da Linguagem de Design ajuda você a criar estrutura e hierarquia em seu conteúdo para maximizar a legibilidade e legibilidade em sua interface do usuário.

linguagem de design Realidade Misturada no MRTK3

Você pode conferir essas cenas de exemplo para vários elementos de interface do usuário com Realidade Misturada Linguagem de Design.

  • CanvasUITearSheet.unity: mostra todas as variantes de pré-fabricado de botão baseadas em tela disponíveis no MRTK.
  • CanvasExample.unity: exemplos de criação de layouts maiores usando os componentes baseados em tela.
  • UITearSheet.unity: mostra todas as variantes de pré-fabricado de botão não baseadas em Tela disponíveis no MRTK.

Folha de lágrimas de tela

Exemplos de como usar Realidade Misturada Linguagem de Design

Explore e saiba mais sobre os exemplos de linguagem de design Realidade Misturada em ação.

Aplicativo Microsoft Mesh para HoloLens 2

Aplicativo de malha para HoloLens 2