15+ Tutoriais do Adobe XD (do iniciante ao avançado)
O Adobe XD é uma ferramenta de Photoshop para protótipo que faz parte do Creative Cloud Suite (e nossa introdução ao Adobe XD 101 é um bom lugar para começar!). É uma ferramenta robusta com muitas funcionalidades, mas você pode precisar de ajuda para aprender a usá-lo. Hoje reunimos alguns dos melhores tutoriais do Adobe XD para ajudar você a começar.
O Adobe XD pode ser um pouco intimidador à primeira vista. Quais são os melhores recursos de aprendizagem? Escolhemos os melhores tutoriais do Adobe XD para todos, de usuários iniciantes a avançados (e os classificamos para que você possa ir no lugar certo para o seu nível de experiência).
Tutoriais iniciantes do Adobe XD
Um dos melhores lugares para obter tutoriais para iniciantes em XD é diretamente da Adobe. Eles têm uma biblioteca de aprendizado bastante sólida, com todos os princípios básicos para orientá-lo sobre o uso do software pelas primeiras vezes.
Conheça o Adobe XD
Este tutorial em vídeo dura 20 minutos e é um manual para o uso do Adobe XD. Este é um ponto de partida sólido para os usuários antes que eles comecem a usar o software ou para aqueles em uma versão de avaliação que tentam tomar uma decisão sobre a compra.
O tutorial inclui alguns arquivos de amostra para ajudá-lo a praticar durante a vídeo aula.
Faça uma sobreposição pop-up
Uma das melhores maneiras de aprender o Adobe XD é criar projetos de menor escala e se familiarizar com as ferramentas. Este tutorial leva você passo a passo com instruções escritas e visuais para fazer uma sobreposição pop-up.
Você aprenderá a ajustar o tamanho de diferentes viewports, definir parâmetros de busca e ocultação e adicionar um menu.
Faça um design responsivo
Criar um design responsivo não é óbvio em 2020, e o Adobe XD é uma ferramenta com capacidade de resposta total. Este tutorial explica o uso do recurso de redimensionamento responsivo e restrições relacionadas, para que você possa criar um design com ótima aparência em qualquer lugar.
O bom deste tutorial é que ele o orienta por uma ferramenta utilizável que pode ajudar a acelerar o seu fluxo de trabalho quando você sabe aproveitar ao máximo.
Criar ícones
Outro projeto de pequena escala para experimentar no Adobe XD é criar ícones. Com este tutorial, você pode usar o arquivo de amostra para guiá-lo ou até desenhar seus próprios ícones enquanto lê as etapas.
O tutorial até mostra como empilhar vários ícones para formas mais elaboradas e usá-los em projetos.
Criar elementos repetidos
O Adobe XD inclui uma ferramenta de repetição de grade criada para criar vários elementos. Este tutorial mostra como usar esta função usando gráficos ou texto.
A Grade de repetição é ótima para criar uma linha de botões ou itens de menu com linhas horizontais ou verticais de elementos semelhantes. E essa ferramenta também faz um trabalho rápido!
Crie miniaturas para vídeos do YouTube
Em menos de uma hora, você pode usar o Adobe XD para criar miniaturas personalizadas para seus vídeos do YouTube. (Essa é uma ótima técnica para criar seu canal e sua marca).
O tutorial orienta você na criação de miniaturas e vem com muitos recursos para ajudá-lo a aproveitar ao máximo essa ferramenta, incluindo ícones, ilustrações, gradientes, planos de fundo e muito mais para trabalhar.
Aprendendo o Adobe XD
Se você está procurando um guia completo para iniciantes sobre o Adobe XD, o LinkedIn Learning (anteriormente Lynda) oferece um ótimo curso para iniciantes. Dura 4 horas, mas cobre todos os princípios. Ele vem com arquivos de prática e ajuda a entender tudo, desde o uso de pranchetas e grades até o trabalho com interações de voz e animações.
Este curso é dividido em pequenas lições (apenas alguns minutos cada) e vem com assinaturas pagas (ou você pode começar com uma avaliação gratuita).
Tutoriais intermediários do Adobe XD
À medida que entra em tutoriais mais abrangentes sobre o Adobe XD, você pode começar a procurar serviços de assinatura para aprender. Embora você possa encontrar muitos conselhos no YouTube, também existem mais opções premium.
Design, protótipo e entrega a partir do zero
Depois de conhecer as ferramentas básicas e como o Adobe XD funciona, você estará pronto para criar uma interface da Web mais complexa, como um aplicativo. Este tutorial o ajudará a fazer exatamente isso usando as práticas recomendadas, estilos de reutilização e elementos de design e concluir o processo do design à entrega.
O tutorial da Udemy é baseado em vídeo e vem com um certificado de conclusão, recursos para download e acesso vitalício aos materiais.
Adobe XD para designers de interface do usuário e UX
Este tutorial / classe para designers de interface e experiência do usuário pressupõe que você já saiba algo sobre a criação de projetos digitais. O que você aprenderá aqui é como trabalhar com elementos do software, incluindo formas, texto, máscaras e muito mais.
Este tutorial faz parte do Skillshare e está disponível com uma assinatura.
Animação Adobe XD
É difícil encontrar um site sem efeitos animados. Um conhecimento prático do Adobe XD pode ajudá-lo a criar esses efeitos para projetos por conta própria. Este tutorial fornece uma abordagem sem código para trabalhar e criar animações no Adobe XD.
Você aprenderá a animar ícones, botões, controles deslizantes, gráficos, elementos de texto e muito mais, além de adicioná-los a designs e protótipos criados e compartilhá-los com os clientes.
Criar um menu interativo
Depois de criar elementos menores no Adobe XD, você provavelmente estará pronto para passar para as páginas completas do projeto, como este tutorial de menu interativo.
O tutorial no YouTube inclui arquivos de amostra para trabalhar e o conduz em menos de 10 minutos com um design funcional e usa o Adobe XD de uma maneira fácil de entender.
Tutoriais avançados do Adobe XD
Depois de abordar o básico, o uso do Adobe XD poderá fazer parte dos seus fluxos de trabalho diários. Ele pode ser usado para criar projetos robustos, incluindo sites em grande escala e designs de aplicativos.
Criar uma página de destino
Uma das melhores coisas sobre o uso do Adobe XD é que ele funciona com outros aplicativos da Adobe. Este tutorial mostra como utilizar os recursos do Photoshop para criar uma página de destino no XD.
Você criará um wireframe, editará o conteúdo e poderá compartilhar o design para obter feedback. O tutorial inclui texto e um vídeo, além de arquivos de amostra para trabalhar.
Design de aplicativo para Android com Adobe XD
Projetado como um tutorial mais abrangente, o Android App Design com Adobe XD inclui 48 lições individuais que se reúnem para um curso abrangente sobre o design de um aplicativo usando uma estética de Material Design.
Os tutoriais incluem tudo, desde design e especificações até exportação de ativos e uso de um guia de estilo codificado. Você também aprenderá como distribuir designs para desenvolvedores usando Zeplin. Este é um tutorial abrangente do Skillshare.
Bate o design da interface do usuário do site no Adobe XD
Este tutorial o leva a redesenhar um site no Adobe XD. Ele se enquadra na categoria avançada porque não inclui muita instrução, apenas um vídeo que é reproduzido conforme o tutor conclui as tarefas.
O interessante deste tutorial é que você pode ver todas as ações que ocorrem no caminho para criar um design de site. Também existem arquivos iniciais que acompanham o vídeo do YouTube para que você possa trabalhar junto com o tutorial.
Masterclass do Adobe XD
A masterclass do Adobe XD é provavelmente a mais intensa de todos os tutoriais deste resumo, porque você ficará perdido se não tiver um entendimento sólido do que essa ferramenta pode fazer. São mais de 2 horas de exercícios projetados para ajudá-lo a maximizar o uso da ferramenta.
Você trabalhará com dois exemplos neste tutorial do Skillshare - um aplicativo da web de 6 páginas e uma interface de site.
Esperamos que alguns deles, juntamente com a nossa escolha dos melhores kits e modelos de interface do usuário do Adobe XD, o levem a um caminho rápido para conhecer o aplicativo!
){kind=link}