fbpx

Aprenda mais com 10 criativas interfaces em UI/UX motion

Tendências vem e vão, isso é fato, mas uma coisa que podemos afirmar com certeza é que o Motion Design não é uma tendência, é algo que veio pra ficar.

A animação tornou-se uma parte essencial das interfaces de usuários, tornando-as mais interativas, divertidas e fáceis de usar. Nós do Layer Lemonade sabemos o quão útil a animação bem trabalhada pode ser para a usabilidade de produtos digitais, especialmente para aplicativos móveis. Nesse sentido, fizemos uma seleção de sofisticadas animações de interfaces de usuários. 

1-Vegan Recipe App – Este é um concept de um aplicativo de receitas Vegan que permite escolher os pratos com base nos princípios vegetarianos e adicionar os ingredientes necessários à lista de compras. Aqui você pode ver o conjunto básico de interações, incluindo a escolha de receitas com o um deslizar horizontal. Quando os usuários tocam na receita específica, eles podem ver as informações detalhadas sobre seus ingredientes. A barra de guias inclui ícones simples que ajudam a navegar no aplicativo.

2-Mobile Game App.  É um concept animado que mostra as interações de um jogo para celular, Chicken Attack. Ele permite que os jogadores criem seus próprios contatos através do conjunto de correspondências aleatórias que podem ser ignoradas ou adicionadas. O esquema de cores triádica faz com que a interface do usuário pareça mais divertida. A animação mostra como um ovo quebra e surge mais uma galinha, acrescentando mais um jogador ao time. Desta forma, a operação básica de adicionar um jogador torna-se animada e cria uma forte associação com o tema do jogo.

3-Business Car App – Veja esse UI Concept, é um aplicativo para criar, manter e enviar dados de contato em uma forma de cartões de visita virtuais. Para usuários que trabalham em várias funções, eles podem salvar um conjunto de cartões, como você pode ver na animação. Os cards  do usuário aparecem ao arrastar o primeiro para baixo.

4-Watering tracker App – Ai estão duas telas apresentando algumas interações para um rastreador de rega de plantas. Ele lembra os usuários de regar as plantas e rastreia as estatísticas de irrigação de cada planta. Quando os usuários realizam a rega, pressionam um botão personalizado com gotas de água e o transformam em um sinal de verificação. Além disso, há a informação que mostra quando uma planta precisa ser irrigada na próxima vez, então quando as pessoas confirmam que a rega foi feita, muda os dados imediatamente.
A segunda tela apresenta um recurso de adicionar uma nova planta à lista. Os usuários podem tirar uma foto de uma planta e o aplicativo define automaticamente o que é e como deve ser irrigado.

5-Photo App – Este UI concept é uma rede social que permite que os fotógrafos apresentem seus portfólios com elegância e se conectem ao mundo. O perfil mostra uma tela com uma galeria de fotos. Os usuários podem ver as fotos com um toque e tocar para abrir as versões de tamanho normal.

6-Homey App – este aplicativo permite aos usuários aplicar a funcionalidade de uma casa inteligente. As telas em destaque mostram que os usuários escolher o quarto e aparece todos os dados referentes a eles, como temperatura, umidade e consumo de energia. Todas as interações são animadas com o uso de cores profundas em fundo escuro.

7-Balance App – é um aplicativo móvel para acompanhar as finanças. Ele ajuda os usuários a verificar o saldo de seus cartões bancários com facilidade, verificar as despesas em determinadas categorias e manter atualizado quanto dinheiro sobrou para os limites definidos pelo usuário. O designer escolheu a cor verde como base, pois é frequentemente associada à segurança, confiança e crescimento. A animação suave demonstra a transição de uma tela para outra.

8-Travel Brightly App – É uma aplicação para dispositivos móveis que fornece informações sobre vários destinos em todo o mundo. O aplicativo coleta várias ofertas de acomodação e ingressos e permite que os usuários compartilhem suas avaliações. O recurso que torna o aplicativo realmente especial é uma ilustração personalizada e brilhante para cada lugar apresentado. Gráficos são seguidos com nomes de cidades e ambos demonstram uma animação quando os usuários escolhem uma cidade.

9-Mobile Menu InteractionEste é um concept que apresenta interações com um menu de categorias para um aplicativo simples, permitindo que um usuário colete e acompanhe todos os tipos de atividades diárias. As cores e a tipografia em negrito também contribuem muito para tornar a navegação clara e intuitiva. O movimento suave suporta a usabilidade e a elegância das interações.

10-WineYard App –  Esse aplicativo permite aos usuários aprender sobre diferentes tipos de vinho, obter dicas sobre como servi-los e como combinar alimentos. Quando os usuários pressionam “Ver mais”, os dados completos sobre um item aparecem em um movimento suave enquanto outros elementos da interface do usuário, como foto e título, desaparecem.

 

Fonte: Ux Planet

Comentários

comments