Está tudo aqui: O guia definitivo para criar interfaces de IU no Unity
Milhares de pessoas se pré-registraram e agora finalmente está aqui: Nosso maior e-book até agora, Design de interface de usuário e implementação no Unity, está disponível para download. Prepare-se para mergulhar em mais de 130 páginas de instruções avançadas em design de interface do usuário.
A interface de usuário do seu jogo é talvez a maneira mais direta de se comunicar e orientar seus jogadores – como um mapa dobrado que você entrega a eles e que revela pistas, detalhes importantes e direções à medida que eles progridem. Quer você esteja usando elementos mais tradicionais, como barras de saúde e mensagens pop-up, ou elementos completamente incorporados ao mundo do jogo, como mostrar estatísticas na parte de trás do traje de sobrevivência de um jogador, a interface do usuário é essencial para envolver os jogadores na história, no reino e no estilo artístico do seu jogo.
Temos o prazer de anunciar que nosso mais recente e-book técnico, Design e implementação de interface de usuário no Unity, está disponível para download gratuito. Milhares de pessoas já se inscreveram e muitas outras já baixaram seu complemento, o projeto de demonstração, UI Toolkit sample – Dragon Crashers, até o momento. Agora é a sua vez.
O interesse neste e-book é compreensível. Como diz a introdução, “A interface do usuário é uma parte crítica de qualquer jogo… uma interface gráfica do usuário (GUI) sólida é uma extensão da identidade visual de um jogo… [e] o público moderno anseia por GUIs refinadas e intuitivas que se integrem perfeitamente ao seu aplicativo.”
O guia começa abordando os fundamentos do design de interface do usuário e da criação de arte e, em seguida, passa para seções instrucionais detalhadas sobre desenvolvimento de interface do usuário no Unity. Escrito e revisado por artistas técnicos e de UI – profissionais externos e da Unity – o e-book descompacta tanto a Unity UI, a solução padrão, quanto o mais novo UI Toolkit.
A ênfase, no entanto, está no último conjunto de ferramentas, já que o UI Toolkit agora oferece muitos benefícios para projetos com interfaces complexas de tela cheia. Pense em projetos que exigem um sistema escalável e de alto desempenho para interface de usuário em tempo de execução. Para ajudar você a escolher a solução certa para seu projeto, consulte esta seção do manual do Unity .
O e-book é um tesouro de informações para designers profissionais de UI, artistas e outros criadores do Unity que desejam aprofundar seus conhecimentos sobre desenvolvimento de UI. Aqui está uma amostra do que tem lá dentro.
A primeira seção tem como objetivo inspirar com dicas fundamentais para criar uma interface de usuário eficaz. Ele analisa exemplos de interfaces de usuário diegéticas, onde elementos de interface de usuário podem ser encontrados diretamente na história, fazendo com que partes do mundo do jogo funcionem como uma interface de usuário. Ele explica como os elementos podem contribuir ou quebrar a imersão que um jogador experimenta. Nós até transformamos esta seção em uma postagem de blog que você pode ler aqui.
O guia então aborda as funções e responsabilidades de um designer de IU e quais ferramentas e métodos eles empregam, como wireframing de IU, criação de arte por meio de mockups, fontes e grey-boxing. Há também um capítulo sobre preparação de ativos e exportação de gráficos de ferramentas de Criação de Conteúdo Digital (DCC). Estas seções anteriores do guia são úteis não importa qual mecanismo de jogo e solução de interface de usuário você esteja usando.
Um capítulo extenso é dedicado à Unity UI. O Unity UI é nosso sistema de longa data para criação de interfaces de usuário no jogo e, atualmente, a solução ideal para posicionar a interface de usuário em um mundo 3D ou usar sistemas Unity baseados em GameObject.
Esta seção descreve os fundamentos da Unity UI para prototipagem e integração de ativos no Editor: Canvas, elementos de interface do usuário pré-criados, TextMesh Proe Prefabs, entre outros. Atualizamos recentemente um artigo sobre técnicas avançadas de otimização para Unity UI, onde você pode encontrar dicas sobre tópicos relacionados.
O UI Toolkit foi criado para máximo desempenho e reutilização com fluxos de trabalho e ferramentas de criação informados por tecnologias web padrão. Designers e artistas de interface de usuário provavelmente acharão isso familiar, especialmente aqueles com experiência anterior em design de páginas da web.
Três seções principais do guia destacam instruções para desenvolver interface de usuário em tempo de execução com o UI Toolkit. Há uma explicação completa das partes que compõem as interfaces de usuário criadas com o UI Toolkit, incluindo a Unity Extensible Markup Language (UXML) e a Unity Style Sheet (USS) usando o UI Builder.
Você explorará como o UI Toolkit posiciona elementos visuais com base no Yoga, um mecanismo de layout HTML/CSS que implementa um subconjunto do Flexbox. A arquitetura Flexbox oferece vantagens, como interface de usuário responsiva, permitindo que você adapte sua interface de usuário a diferentes resoluções e tamanhos de tela. Por meio do UXML e do USS, você pode desacoplar os estilos aplicados aos layouts de interface do usuário (e alternar esses estilos conforme necessário), enquanto a lógica e a funcionalidade continuam vivas no código. Os fluxos de trabalho para elementos visuais, os blocos de construção fundamentais de cada interface, também são discutidos em detalhes – desde configurações de posicionamento, tamanho e alinhamento até margens e preenchimento.
O capítulo sobre estilo mostra como definir estilos reutilizáveis para elementos visuais com Seletores, substituir estilos e definir atributos exclusivos com estilos embutidos, além de criar animações e efeitos com animação USS e uma Textura de Renderização de Câmera. Ele também demonstra como você pode tematizar elementos da interface do usuário para feriados e outros eventos especiais.
É aí que o e-book entra no exemplo do UI Toolkit – Dragon Crashers, com diferentes seções que descrevem como a IU foi feita; desde menus e controles personalizados, como contadores radiais ou visualizações com guias, até modelos UXML incorporados e muito mais.
Por fim, o guia conclui com um mini perfil da migração da interface de usuário do estúdio Mechanistry para o UI Toolkit para seu novo jogo, Timberborn. Este breve estudo mostra como sua equipe enxuta conseguiu escalar e manter seu jogo consistente em vários menus e telas.
Com 137 páginas, o e-book sobre interface do usuário não é uma leitura leve. Assim como outros e-books técnicos lançados no ano passado, use-o como referência contínua.
Junto com o e-book, confira alguns recursos lançados recentemente, repletos de dicas úteis para aproveitar o Unity UI e o UI Toolkit:
- A sessão Unite 2022, Estendendo o Unity Editor com ferramentas personalizadas usando o UI Toolkit, mostra aos programadores como usar o UI Builder para criar um Inspetor personalizado para visualização de dados de depuração do Modo de Reprodução em tempo real.
- O webinar, Melhores práticas para design de interface de usuário móvel, reúne especialistas da Outfit7, Samsung e Unity para compartilhar estratégias para maximizar a criatividade e o fluxo dos seus jogos para dispositivos móveis.
Adicione uma ou ambas as páginas aos favoritos. Eles compilam todos os nossos e-books técnicos e conteúdo avançado:
Esperamos que você goste deste último e-book e aguardamos seu feedback neste fórum.
