Fotolia O futuro do design de interfaces com o Adobe XD

O futuro do design de interfaces com o Adobe XD

Por Flavio Santana

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.

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.

3

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.

4

Créditos: Adobe XD

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

5

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.

6

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.

7

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.

Confira também

Portal Design Culture

O Design e a educação movem nossas vidas.

Orgulho de ser de Pernambuco.

Uma empresa embarcada no Porto Digital

Hospedado na Imaginare Digital.

inspiração Em seu e-mail

© Portal Design Culture 2024  – Termos de uso e política de privacidade

Layout por: Estúdio IP/M

Desenvolvido por: O Plano A