O FUTURO DO DESIGN DE INTERFACES COM O ADOBE XD

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

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.

Fonte: Design Culture

Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s