Identidade Visual

Décio Júnior
Ctrl+Alt+Aleluia
Published in
3 min readSep 8, 2018

Nesse primeiro post, queria trazer uma questão que costumava ver muito em grupos de desenvolvimento, a falta de harmonia entre cenário, personagens e menus.

Boa parte dos novos desenvolvedores acabam por muitas vezes deixando a identidade visual dos jogos um pouco de lado. Talvez simplesmente por não saberem que deveriam ter essa preocupação, ou talvez devido ao fato de muitas das vezes trabalharem com diferentes packs de assets prontos. Ainda que eu acredite que no geral a parte mais importante do jogo seja o gameplay, ter um visual agradável faz com que o seu jogo tenha uma maior aceitação e mais pessoas se disponham a joga-lo. Então vale a pena dar um pouco mais de atenção a isso.

Podemos dizer que Identidade visual é basicamente a cara do seu jogo. Nesse post não quero entrar muito na questão da direção de arte mais voltada para parte de storytelling e emoção, o que eu gostaria de trazer aqui é a questão da coerência visual que um jogo deve ter independente de seu estilo ou temática.

Para exemplificar, vou tentar utilizar estilos visuais como se fossem mídias diferentes. Por exemplo fotografia, comics, vetor e pixel art, são visualmente bem diferentes não é mesmo? Agora imagine um jogo foto realista com botões em pixel art. Ou que tal um jogo mais no estilo flat design, com personagens estilo comics e botões com texturas fotográficas? Não parece muito bom né?

Talvez você esteja pensando, “mas é óbvio, são estilos totalmente diferentes”. A questão é que isso também corre de forma mais sútil. Mesmo em jogos que sejam totalmente 2D, é importante pensar em questões como: a arte vai possuir contorno? A finalização dos assets vai ser mais flat ou mais trabalhada? Qual a paleta de cores principal do meu jogo, ou dessa tela?

Para tentar exemplificar melhor essa coerência visual, peguei dois jogos mobile que eu gosto bastante como exemplo: o Risky Rescue e o Kingdom Rush.

No caso do Risky Rescue, a linguagem de flat design, de cores e sombras sólidas, está presente em todos os elementos do jogo. Desde os botões e textos, até os personagens e cenário.

Já no caso do Kingdom Rush, podemos observar que ele segue praticamente um padrão de finalização da seguinte forma: uma cor de base, uma cor de sombra, uma cor de brilho, e um contorno seguindo um tom um pouco mais escuro que a sombra, não preto.

Outro exemplo bem legal é o port do jogo Timberman, de mobile para Arcade (sim, eu gosto da Digital Melody). Optaram por refazer o visual do jogo para um estilo mais ilustrado ao invés do pixel art.

Por tanto, também foi feito um retrabalho em toda a interface, mesmo que algumas coisas pareçam sutis.

Para resumir, tente buscar referências independente do tamanho do seu projeto. Tente entender como as coisas se harmonizam e crie padrões. Se você não for artista e precisar utilizar conjuntos diferentes de assets, procure pacotes com a mesma linguagem visual.

Importante: Isso não é uma regra, você pode sim explorar estilos visuais diferentes no seu projeto, principalmente para destacar algo. O que pode justamente servir como uma ótima ferramenta. Mas uma coisa é fazer isso com consciência e intencionalmente, e outra é fazer por acidente.

Sei que para alguns desenvolvedores esse post pode parecer simples e óbvio, mas acredito que possa ser muito útil para outras pessoas. Espero que esse texto te ajude a observar melhor outros jogos e construir melhor seus projetos.

Se acha que falei besteira ou tem algo para acrescentar, deixe nos comentários e vamos levar o tópico adiante!

Obrigado por ler, e bons estudos! :)

--

--