Apresentado inicialmente como Projeto Comet, a Adobe vem investindo nesta ferramenta para designers de interface e experiência de usuário. Vou apresentar os diferencias da ferramenta e o que ela ajuda no fluxo de trabalho.
O Adobe XD e seu fluxo de trabalho
O Adobe XD é uma ferramenta de prototipação de aplicativos e sites. Basicamente ele funciona com artboards que podem ser ligados entre si, dando uma visão geral de navegação. O programa é dividido em duas funcionalidades: Design e Protótipo.
Função Design
Assim que o app é aberto, é possível escolher qual o tamanho do artboard de acordo com o projeto. O XD trabalha com ferramentas de formas primitivas e seu uso é muito intuitivo e com poucas ferramentas disponíveis.
Créditos: Adobe XD
Quando o documento é criado, é exibido uma barra com 7 ferramentas como mover, retângulo, elipse, linha, caneta, texto e artboard. Na barra direita, temos as ferramentas como alinhamento, mesclar, repetir o grid, posição e aparência. Acima temos zoom, simular e exportar.
Créditos: Adobe XD
Repeat Grid
Uma das funcionalidade mais interessantes do XD é o Repeat Grid (repetir grid), que cria repetições dos elementos selecionados facilitando o trabalho de criar padrões de interface.
Créditos: Adobe XD
Também é possível usar o recurso para aplicar diferentes imagens em diferentes elementos de uma só vez. Neste caso, eu utilizo 7 imagens para 7 miniaturas diferentes. Eu recomendo o site do Fotolia para escolher as imagens para o projeto que estiver trabalhando. Acesse o link aqui.
Créditos: Adobe XD
A aplicação de cores e posição dos elementos também se aplica da mesma maneira.
Créditos: Adobe XD
Função Protótipo
A função protótipo exibe apenas a funcionalidade de mover e é possível linkar os artboards para testar o fluxo de navegação. No exemplo aqui, eu faço o link de uma tela para a outra de maneira muito simples.
Créditos: Adobe XD
É possível criar um link para compartilhar entre os envolvidos com o projeto e ter um resultado satisfatório de navegação e interação.
Créditos: Adobe XD
O XD ainda está como Preview, ou seja, a Adobe ainda não lançou a versão definitiva do app e possivelmente virão novas funcionalidades. Mas é possível ganhar muito tempo em projetos de interfaces com esse app.
E aí, o que achou da ferramenta? Comenta aí. Lembrando que ela está disponível apenas para sistemas Mac e está incluso na assinatura ativa da Adobe. Se você quer saber mais sobre este app, clique aqui.
Até a próxima.