A linguagem visual do Hextec

INTRODUÇÃO UM NOVO VISUAL PARA OS PRÓXIMOS ANOS DE LEAGUE OF LEGENDS

Quando começamos a explorar as possibilidades visuais para o novo cliente do League, a ideia era criar uma estética visual com a pegada de um jogo de fantasia, mas sem os clichês habituais das interfaces desses jogos. Os pergaminhos e outros elementos já batidos que poluíam o cliente se tornaram ultrapassados relativamente rápido e nós queríamos criar uma linguagem visual flexível e capaz de evoluir ao longo de diversos recursos e mídias no futuro. Além dessa preocupação, queríamos desenvolver um estilo visual que não exigisse a presença de um artista visual exclusivo (ou mais de um) na equipe para criar um layout. Considerando a rapidez com que League evolui e se transforma, queríamos evitar alguns problemas que tivemos no passado, em que gargalos causados por certos recursos impediam que novas funcionalidades cheias de potencial pudessem ser implementadas a tempo e ficássemos estagnados. VISÃO GERAL COMO ISSO SE MANIFESTOU NO HEXTEC Em paralelo com essa fase de exploração visual, nossa equipe de Fundações trabalhou para definir melhor Piltover. Eles tinham começado a criar a arte conceitual e os direcionamentos iniciais, inclusive com a apresentação de uma tecnologia chamada "Hextec". Tematicamente, o Hextec era uma forma de democratizar a magia para aqueles que não possuíam essa habilidade naturalmente. Itens como o martelo de Jayce, as bugigangas de Heimerdinger e as luvas de Vi são todos exemplos do Hextec em ação no jogo.

Ficamos fascinados com este conceito das máquinas conferirem elementos de magia e começamos a nos perguntar: “E se o próprio cliente fosse uma espécie de ferramenta Hextec que os jogadores pudessem usar para interagir com o mundo mágico do jogo?” Esse conceito serviu de base para a criação da interface do usuário e, a partir dele, nós começamos a desenvolver as formas e cores básicas dessa linguagem visual.

ELEMENTOS A LINGUAGEM DO METAL HEXTEC

Para que esta aparência fosse definitivamente aprovada como uma solução estética capaz de evoluir, queríamos reduzi-la a sua mais pura essência e iniciar o desenvolvimento a partir daí. Durante o trabalho com a equipe de Fundações para criar a arte conceitual do Hextec e de Piltover, conseguimos reduzir a linguagem geral da tecnologia a três formas básicas: AS FORMAS BÁSICAS DO HEXTEC:

O QUADRADO ESTRUTURA

Usado para dar estabilidade aos elementos e reforçar nossa estrutura

O LOSANGO PROGRESSÃO

Um elemento de destaque para ajudar a guiar o olhar para informações importantes

O CÍRCULO

FOCO Criado para chamar a atenção para itens primários que exigem uma reação COMO ELES SE RELACIONAM A combinação e a interseção dessas formas na linguagem visual Hextec termina criando um esquema decorativo das principais áreas que merecem atenção. À medida que você vai vendo o uso do metal Hextec no cliente do League e em outros locais, você pode perceber como cada forma interage com a outra para atrair o olhar para um ponto de foco.

A LINGUAGEM DA MAGIA HEXTEC

A magia Hextec age como um parceiro inteligente à medida que você navega pelas várias telas do cliente, guiando e destacando pontos cruciais da experiência. Os botões primários e os elementos importantes da interface de jogo possuem uma distinta aparência mágica e servem para chamar a atenção do jogador para as principais interações. Embora esses elementos sejam exibidos de várias maneiras diferentes (como temporizadores, indicadores de atividade e barras de progresso), eles sempre obedecem a alguns princípios básicos:

PRINCÍPIOS BÁSICOS: VISCOSO A magia Hextec tende a impregnar e a impor um certo peso, ficando em algum lugar entre água e fumaça. DIRECIONAL Sempre se movendo a uma direção específica, o aspecto inteligente da magia tem o objetivo de guiar as pessoas.

VALOR

Os valores mais altos devem ser usados para atrair a atenção do jogador e reservar as execuções mais chamativas para os momentos decisivos do jogo.

CONSTRUINDO O CLIENTE: O PANORAMA COMPLETO COMO ESTE VISUAL FLUI PELO CLIENTE Agora que os pilares básicos da linguagem Hextec foram estabelecidos, podemos ir ao que interessa: como ela é exibida no cliente atualizado do League. À medida que for explorando, você perceberá que cada um desses elementos de design exerce um papel fundamental na resolução de problemas específicos.

A CAMADA DE INTERFACE

Seja para os principais recursos ou para informações auxiliares, a estética metálica está presente na camada superior do cliente e age como elemento de sustentação para apoiar e chamar atenção para as principais informações.

A CAMADA INTERATIVA Também na camada de interface do cliente, nós temos os métodos básicos usados pelo jogador para interagir com o cliente. Essas camadas da interface do usuário foram classificadas em três áreas principais de interações: Mecânica de jogo, botões secundários e utilitários. * BOTÕES DA MECÂNICA DE JOGO

Os botões azuis de “Magia Hextec” aparecem esporadicamente no cliente e são reservados exclusivamente para ações em que o jogador vai interagir com ações relativas ao próprio jogo. * BOTÕES SECUNDÁRIOS

Os botões dourados que aparecem pelo cliente se destinam a fornecer interações para obtenção de informações secundárias. As ações de navegar em um menu rotativo, fechar uma janela modal e comprar itens, todas têm uma aparência e um estilo semelhante.

*INTERFACE UTILITÁRIA Os botões e itens da interface no nível utilitário servem para fornecer ou apresentar informações ao jogador. Classificação, filtragem e dicas flutuantes pertencem a esta camada de interação da interface.

O FUTURO VISUAL DO LEAGUE Embora este estilo de estética visual possa ser visto principalmente no cliente atualizado do League, é importante destacar que o visual do League of Legends não para por aí. Alguns níveis do Hextec já começaram a ganhar vida no mundo por meio de várias mídias diferentes. Veja alguns exemplos:

Fonte : League of Legends