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 artboardsque 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.

1

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.

2

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.

3GIF

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.

4GIF

Créditos: Adobe XD

A aplicação de cores e posição dos elementos também se aplica da mesma maneira.

5GIF

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.

6GIF

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.

7GIF

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.

Extraído originalmente de: http://www.designculture.com.br/o-futuro-do-design-de-interfaces-com-o-adobe-xd