Prototipar com vídeo e animações é possível com o Lottie e Adobe XD

No Adobe MAX 2021, apresentamos as atualizações do Adobe XD, e desta vez o suporte para vídeos e animações Lottie nos deixou orgulhosos, pois permitirá que você prototipe suas ideias deslumbrantes.

Prototipar agora é mais fácil com o Adobe XD e o Lottie

Antes de começar, lembre-se de que você pode conhecer os novos recursos atualizando o XD no aplicativo Creative Cloud ou experimentando o Adobe XD gratuitamente, caso ainda não o tenha.

Às vezes, a prototipagem é tudo o que você precisa para que sua ideia seja aprovada. Comunique sua visão, alinhe as partes interessadas e ajude as equipes de desenvolvimento a entender melhor como seus projetos devem ser implementados. Um bom protótipo vale por mil reuniões e, com as ferramentas certas, você pode economizar muito tempo.

Além disso, como sabemos, movimento para comunicar e atrair pode ser útil desde animações engraçadas até vídeos com histórias. O problema é que a maioria das ferramentas de design de UI/UX ficam aquém quando se trata de movimento. Os designers geralmente precisam "falsificar" detalhes (como usar imagens estáticas) para representar movimento.

Para evitar essa reação de edição de design-animação, vem o suporte de vídeo e Lottie no XD. Você pode incorporar movimento no início do processo criativo e prototipar com a aparência de sites e aplicativos reais, tudo isso sem a necessidade de trabalho adicional. A capacidade de usar vídeo e animações em protótipos do XD foi o recurso mais solicitado no Adobe XD UserVoice e temos o prazer de trazê-lo para você.

Adicionando vídeos e animações do Lottie aos protótipos do XD

Ao projetar no XD, agora você pode adicionar vídeos e animações do Lottie aos seus projetos e eles serão reproduzidos quando você visualizar seus protótipos no XD e quando você compartilhar um link para seu protótipo no XD. Arraste e solte arquivos do seu computador diretamente na tela de design ou importe vídeos das Bibliotecas da Creative Cloud. Uma vez importada, você pode personalizar o comportamento da mídia, como definir animações para repetir ou definir quando um vídeo ou animação será reproduzido (automaticamente, ao tocar, etc). Para vídeos, você também pode usar ferramentas de edição simples para cortar o vídeo na duração desejada e fazer upload de miniaturas personalizadas.

Plugin LottieFiles para o Adobe XD

Junto com o lançamento de hoje, também queremos mostrar o novo plug-in do XD - LottieFiles para Adobe XD - para te ajudar a descobrir animações Lottie que você pode usar em seus projetos. O LottieFiles oferece a maior coleção de animações do mundo. Além disso, qualquer animação Lottie criada no After Effects e compartilhada com o plugin LottieFiles para After Effects também está disponível no plug-in LottieFiles para Adobe XD.

6 plug-ins do Adobe XD para prototipagem

Atualizações para prototipagem no Adobe XD

Além do suporte de vídeo e Lottie, estamos apresentando algumas outras atualizações interessantes para o XD:

• Compartilhe no Behance. A partir do modo Compartilhar no XD, agora você pode trazer protótipos diretamente para o Behance para mostrar seu trabalho e receber feedback da maior rede criativa do mundo.
• Organize os ativos. Agora você pode agrupar cores, estilos de texto, componentes e outros ativos no painel Bibliotecas para organizar e estruturar sistemas de identidade visual e design.
• Melhore a exportação. Fizemos algumas atualizações e otimizações para melhorar a qualidade da exportação e oferecer mais flexibilidade e controle ao exportar imagens do XD.

Estamos muito empolgados com as possibilidades que os protótipos do XD, com a animação e o movimento de vídeo, têm a oferecer. Lembre que você também tem outras ferramentas poderosas de prototipagem no XD, como Animação automática, Grupos de rolagem e Prototipagem de voz. Para se inspirar, inscreva-se no canal de Howard no YouTube, siga-o no Twitter ou sintonize uma próxima transmissão do Adobe Live para vê-lo em ação.

Você pode gostar: O que é o Adobe XD