Criando posts para o Instagram com Adobe XD – por Nina Talks

by Adobe

Posted on 11-28-2020

Olá comunidade criativa Adobe, tudo bom? É um prazer estar por aqui!

Meu nome é Karina Tronkos, mas a maioria me conhece como Nina por conta do meu projeto chamado Nina Talks. Apesar de trabalhar como UX Designer, eu sou estudante de ciência da computação. Pode parecer estranho de primeira, mas foi trabalhando como desenvolvedora iOS que eu descobri a área de UX Design, me apaixonei e resolvi mergulhar nesse universo!

No início dessa minha transição para Design, um grande medo meu era em relação às famosas ferramentas! Eu achava que para ser aprovada numa vaga, eu teria de saber mexer em tudo e não sabia muito bem por onde começar. Com o tempo eu aprendi que o mais importante é a forma com que o designer resolve problemas, ou seja, é muito mais valioso saber o que você deseja alcançar do que a ferramenta que você vai usar.

Inclusive uma lição muito importante para mim foi: “A melhor ferramenta é a que você se adapta melhor e a que se adapta melhor ao seu contexto”. Com certeza existem ferramentas que funcionam melhor para cada tipo de trabalho e inclusive faz parte do nosso dia-a-dia sabermos nos adaptar ao contexto de cada projeto, mas a melhor ferramenta é aquela que funciona melhor para você! Como disse Merlin Mann: “As ferramentas que escolhemos para cada propósito só serão tão úteis quanto nossa capacidade de usá-las de forma eficaz.” O Adobe Photoshop e o Adobe Illustrator parecem até que fazem mágica de tão incríveis que elas são, mas você sabia que o Adobe XD também é mágico e multifuncional?

Como eu trabalho diariamente com prototipação de interfaces de sites e aplicativos, o Adobe XD é um grande aliado meu. Mas, além do meu trabalho como UX Designer, eu também produzo conteúdo sobre a área de design e tecnologia e o XD é ótimo para preparar os meus posts! Muitas pessoas inclusive não sabem que na tela inicial do XD existe a opção de “Publicação no Instagram”. Incrível, né?

Mais do que isso: essa terceira aba que estamos vendo aqui em cima com “Publicação no Instagram” na verdade oferece uma grande variedade de opções para mídias sociais como Story do Instagram, Publicação no Twitter, Cabeçalho no Twitter, Publicação no Facebook, Capa do Facebook e Vídeo do YouTube.

Em especial para mim que crio conteúdo para o Instagram, usar o Adobe XD tanto no meu trabalho principal como para fazer meus posts adianta e facilita muito o meu dia-a-dia!

Além disso, da mesma forma que nós criamos uma biblioteca com os elementos mais usados para os nossos projetos de interface, nós podemos criar uma para a nossa identidade visual dos posts. Preparar sua biblioteca de cores, fontes e componentes é algo que poupa muito o nosso tempo.

Pouco tempo atrás fiz um post ensinando como criar um menu animado no Adobe XD usando o próprio programa para fazer o post e foi um processo super simples, vou mostrar como foi!

Primeiro eu criei um componente de menu e animei a transição de um estado para o outro através da própria função de “Protótipo” do XD:

Após isso, eu criei os posts que iriam compor o meu carrossel nas pranchetas de “Publicação no Instagram” do programa.

Mas eu não queria fazer um post estático, até porque eu estava falando de animarmos um menu. Para isso, o XD possui a função de gravação de protótipo, então quando você clica no botão de “play” no canto superior direito, surge um pop-up com o protótipo, e nessa nova tela, você tem a função no canto superior direito de gravar a interação, o que é muito incrível!

Prontinho, seu post animado feito no XD acabou de sair do forno em poucos passos! Quer conferir como ficou o post? Só clicar aqui.

Espero que tenha gostado e que tenha aberto a sua mente para novas maneiras de utilizar as ferramentas que você já tem à sua disposição. Deixe suas dúvidas aqui nos comentários e se sinta a vontade de me mandar uma DM lá no Instagram @nina_talks!

Obrigada e até a próxima 🙂 <3

Topics: Transformação Digital, Brasil

Products: