Sonic Emerald (design e arte de UI de jogo ficcional)
Este projeto tem como objetivo criar o Design de Interface de um jogo que estou desenvolvendo com a finalidade de aprimoramento profissional.
Sonic Emerald é um jogo 3D para smartphones no estilo Infinity Run, onde Sonic e Cia devem recuperar as 7 Esmeraldas do Caos que foram fragmentadas na Ilha dos Anjos em uma partida contra o Dr. Eggman.
No game o jogador pode escolher seu personagem favorito e correr contra o tempo, pegando os fragmentos das Esmeraldas, os anéis clássicos e lutando contra inimigos robóticos, disputando o ranking contra seus amigos nas redes sociais.
Direção de Arte - Thiago Lopes
Design - Édipo Gama
Ferramentas usadas:
Photoshop - Illustrator - Figma
Tags:
#uidesign #fullrendered #sonic #gamartz #icons #gameart #illustration
ÍNDICE
 |  |
|---|
ÍCONES E CAIXAS
THUMBNAILS
PROCESSO
 |  |
|---|
TIPOGRAFIA E CORES
As palavras do logo “Sonic” e “Emerald” foram vetorizadas e reestilizadas de acordo com as necessidades artísticas. A primeira foi uma vetorização direta do logotipo original da série Sonic, a segunda originou-se da tipografia Super Mario 256 de uso livre.
Para os títulos presentes na interface do jogo, foi utilizada a fonte Function. Seu formato alongado facilita a leitura, e sua base retilínea causa maior harmonização com a esmeralda, elemento central do jogo.
Os textos corridos, por sua vez, se apropriaram das formas de Oswald, elegantes, modernas e agradáveis aos olhos.
A paleta de cores foi construída a partir das duas cores principais presentes no logotipo original da série Sonic (Azul e Amarelo) e complementada com o verde referente à Esmeralda principal do jogo, e dois tons de vermelho, marca registrada dos clássicos tênis do protagonista.
PRIMEIRO PROTÓTIPO
A primeira prototipagem foi importante para pensar na mecânica do jogo, incentivos para o jogador como diário, painel de Conquistas e Recompensas e principalmente para esclarecer os inúmeros ícones que teriam que ser produzidos, mesmo sendo um jogo simples. A quantidade de itens foi o maior desafio sem dúvida.
Do primeiro para o segundo protótipo houve a necessidade de modificações e acréscimos, conforme serão apresentados.
SEGUNDO PROTÓTIPO
Os protótipos são projetados para uma dimensão mínima de 640 x 360 pixels. Esmeraldas e cristais formam a base estética das caixas, enquanto figuras coloridas planas e levemente em relevo são os ícones de leitura rápida.
Após a prototipagem, uma breve avaliação foi feita com amigos e potenciais consumidores do jogo, desde pessoas que não tinham o hábito de jogar jogos de qualquer tipo até pessoas com longa experiência tanto em jogar quanto em produzir jogos.
Os feedbacks foram:
-
Em geral, afirmaram ter uma boa navegação pelos menus, sem relatos de se perderem em alguma miniatura;
-
Os elementos da interface são atraentes e chamativos, mas alguns ícones deixam dúvidas quanto à sua função, como o ícone de Classificação que se assemelha a Conquista e o ícone Compartilhar que pode ser interpretado como um mapa;
-
Muitos botões têm brilho e detalhes excessivos, dificultando a leitura ou aumentando o tempo de compreensão de sua função, como o menu Opções e as setas de Seleção de Caracteres;