avengers guerra infinita

UI Design em Marvel’s ‘Avengers – Guerra Infinita ‘

Fui – Fictional UI

Você sabe o que é FUI? É uma sigla que significa Fictional User Interface, ou Fictional UI. Filmes e séries utilizam equipamentos que precisam de UI design, como computadores, celulares, naves espaciais e outras coisas.

É o trabalho de equipes de designers criar essas interfaces. Mas você consegue imaginar como é o trabalho de UI para coisas que não existem? Naves espaciais que fazem viagens interestelares, por exemplo? Então vamos lá!

Vou criar uma série de artigos aqui com exemplos de FUI para diversos filmes e séries. Mas hoje, focaremos em Avengers – Guerra Infinita.

UI do filme Avengers Guerra Infinita.

Design UI em Avengers

O projeto ficou com a Territory Studio, responsável por Era de Ultron, Guardiões da Galáxia e Blade Runner 2049. Eles tiveram que reimaginar a UI da nave de Star Lord e algumas coisas da Base dos Avengers.

A primeira coisa que chama atenção é o esquema de cores. A combinação e os tons vibrantes deixam tudo em um alto valor de contraste, o que dá uma sensação de futurismo.

Além disso temos elementos característicos do cyberpunk, além das cores magenta e do violeta, temos neons, hologramas e raio-x, elementos em 3D e claro, gráficos. Uma infinidade de gráficos. O futuro parece gostar muito deles.

UI do filme Avengers Guerra Infinita.
UI do filme Avengers Guerra Infinita.
UI do filme Avengers Guerra Infinita.

Eles criaram cerca de 100 telas animadas para este projeto e trabalharam diretamente com o time de filmagem e pós produção.

Gosta de Game of Thrones? Dá uma olhada neste post.

A maioria destes detalhes nem são visíveis mas a quantidade de detalhes é impressionante. A preocupação com a escolha de fonte, espessura de linhas e ícones, mesmo são sendo visível é louvável.

Vou deixar mais algumas telas aqui em baixo para vocês admirarem o trabalho deles e retiraram o que puderem de inspiração de UI deste projeto incrível.

UI do filme Avengers Guerra Infinita.
UI do filme Avengers Guerra Infinita.

UI do filme Avengers Guerra Infinita.
UI do filme Avengers Guerra Infinita.
UI do filme Avengers Guerra Infinita.

As imagens e informações deste artigo foram retiradas do projeto incrível sobre FUI, HUDS + GUIS. O site está em inglês, mas eu trouxe as principais informações traduzidas pra cá.

Mas vale a pena entrar lá para ver as imagens em tamanho maior e prestigiar o trabalho do Jono e saber mais sobre ele.

No Comments

Comentários