O que é o Adobe XD? – Relatório diário

0
51


A ferramenta de design UX da Adobe parece ser o complemento perfeito para o pacote de software da empresa. Este artigo se aprofundará no que é o Adobe XD. Então, vamos dar uma olhada em como você pode colocá-lo em uso.

Se você for um usuário de longa data da interface da Adobe, considere ler até o fim.

Como?

Ao contrário de outras ferramentas como Sketch e Figma, o AdobeXD já é mais fácil para as pessoas usarem familiarizado com o ecossistema da Adobe.

E mesmo que você esteja apenas participando da festa, mostrarei o básico de como usar o Adobe XD e nivelar essa curva de aprendizado.

Interessado? Aqui vamos nós.

O que é o Adobe XD??

É baseado em vetores. ferramenta de design digital para sites e aplicativos.

No passado, havia várias opções para designers de UI e UX serem criativos. Tínhamos o Sketch, o aplicativo de desktop tradicional e, claro, o Figma, que oferecia uma abordagem mais colaborativa.

Mas após a conferência Adobe MAX em outubro de 2015, todos sabíamos que algo novo estava prestes a chegar aos mercados.

Cinco anos após o lançamento do Sketch, o “Kite Project” foi apresentado ao mundo. Este foi o primeiro nome da ferramenta de web design da Adobe.

O Adobe XD foi criado pela adobe inc. e lançado para macOS como “Projeto de experiência da Adobe CC” para qualquer pessoa com uma conta da Adobe em 14 de março de 2016. No mesmo ano, a ferramenta ficou disponível para Windows 10 e agora também suporta iOS e Android para funcionalidade móvel.

O Adobe XD faz parte da Creative Cloud. A ferramenta é a única solução UX que permite aos designers importar, visualizar e editar Conteúdo Adobe Photoshop e Illustrator. Parece que a peça que faltava no quebra-cabeça cooperou totalmente com o restante da Creative Cloud.

Pensando bem, o AdobeXD tem muitas semelhanças com o primeiro iPhone.

Eu sei que é uma comparação estranha, mas ouça-me.

A ferramenta de projeto tem uma grande vantagem – foi construído desde o início com todas as melhores práticas de UI e UX em mente.

O que isso significa para o usuário final?

Quando os desenvolvedores tomam as decisões corretas no início do processo, o resultado é uma ferramenta de alta qualidade e fácil de usar. Assim como o primeiro iPhone, o Adobe XD pode não ter todos os recursos de seus concorrentes. Mas os que você tem, eles funcionam.

Para que serve o Adobe XD?

Design de página da web

A Adobe torna o design do site simples e fácil de entender.

Se você é um designer de UI/UX iniciante que deseja a opção compartilhe o andamento do seu trabalhoO Adobe XD é a ferramenta perfeita para você.

Ele não apenas mantém sua caixa de ferramentas bem abastecida com todas as ferramentas essenciais, mas também permite que você colabore facilmente.

Um design do Adobe XD não é difícil de criar. Você não precisa ser um especialista em desenvolvimento de wireframes de sites para usá-lo.

Falando em iniciantes, eu te dou cobertura se você não sabe o que estrutura de arame isso é. A descrição mais curta é: o esqueleto da interface do usuário. É um esboço das características, design e funcionalidade do produto final.

design de aplicativo

Outro exemplo do que você pode fazer com o Adobe XD é um design de aplicativo.

Você pode criar um aplicativo móvel completo em japenas um documento XD.

Como?

Bem, o software permite otimizar arquivos de dimensionamento de vetor para telas de alta resolução. Você também obtém todas as ferramentas necessárias para criar menus, animações, transições e a aparência geral do seu aplicativo.

design de assistente de voz

Um ótimo recurso do Adobe XD é sua integração de protótipo vocal.

Seu objetivo é ajudá-lo a enriquecer a experiência do usuário envolvendo o meio de voz em seus projetos. A ferramenta é muito útil quando se trata de integrar a pesquisa por voz em um aplicativo ou criar sistemas de navegação e assistentes de voz.

Também facilita a navegação pelo fluxo de trabalho. Ao invés de usar dar um click qualquer torneira Como gatilho, você também pode usar comandos de voz para interagir com seu protótipo.

design de jogo

A criação de protótipos de jogos no Adobe XD permite criar facilmente menus, seleções de personagens, HUDs e muito mais.

Você também pode adicionar e programar controladores de jogos para experimentar a interface como os jogadores.

Ainda não tem certeza se o design é atraente?

Você pode Experimente em usuários reais. O Adobe XD permite compartilhar maquetes com jogadores para avaliar a utilidade de suas ideias criativas.

visualização ao vivo

Uma vantagem significativa do Adobe XD é a visualização ao vivo.

Isso mesmo, você pode dar uma olhada em como seu design ganha vida.

A única coisa que você precisará é de um cabo USB que transfere dados, não deve ser confundido com o que você usa para carregar.

É tão fácil quanto 1,2,3. Comecemos:

  1. Primeiro, escolha quais projetos do Adobe XD você deseja visualizar. Em seguida, conecte seu dispositivo móvel à porta USB do computador que executa o Adobe XD.
  2. Abra o Adobe XD em seu dispositivo móvel.
  3. Agora o projeto na área de trabalho também aparecerá no dispositivo móvel. A visualização estará disponível. tempo realportanto, se você fizer alterações em um dos dispositivos, isso será refletido no outro.

repetir grade

Grids para designers são como estruturas para desenvolvedores. Você pode ficar sem ele, mas o resultado geralmente é caótico.

O Adobe XD tem uma maneira fácil de estruturação de conteúdo. A ferramenta cria uma grade com base nas diretrizes e valores escolhidos pelo designer. Isso acelera o processo criativo e oferece mais visibilidade e controle.

Como usar o Adobe XD para adicionar uma grade a um projeto? 3 ainda é o nosso número da sorte:

  1. Selecione uma prancheta.
  2. Olhe para o menu à esquerda e certifique-se de que a caixa GRID esteja marcada.
  3. Defina os valores de sua escolha. A ferramenta irá então criar a grade que você precisa.

Já impressionou?

Se você ainda está se perguntando se deve experimentar essa ferramenta, confira nossa análise detalhada do Adobe XD.

Embrulhar

Agora você tem um entendimento básico do mais novo ativo da Adobe Creative Cloud: Adobe XD.

Você também sabe por que foi criado: atendeu a uma grande necessidade plataforma de design no ecossistema da Adobe.

Os designers podem usar o aplicativo Adobe XD gratuitamente durante o período de avaliação de 7 dias. Pode parecer um pouco de tempo para se empolgar, mas se você está acostumado com as plataformas da Adobe, isso é mais que suficiente.

PERGUNTAS MAIS FREQUENTES.

O que o Adobe XD faz?

Ele permite que você crie protótipos de aplicativos e sites. No entanto, isso não ajuda a desenvolvê-los.

O Adobe XD é gratuito?

Tem um teste gratuito de 7 dias. Após o 7º dia, você será cobrado $ 9,99 por mês.

Como usar o Adobe XD para criar um site?

Usando uma mesa de trabalho, que desempenha o papel de um quadro-negro. A partir daí, você pode optar por adicionar o conteúdo que precisar e estruturá-lo ao seu gosto. Continue a adicionar menus, cabeçalhos e outros recursos importantes. Você também pode salvar seu trabalho na nuvem do Adobe XD. Você pode então criar links entre componentes, adicionar animações, protótipos de voz, etc. No final, você pode compartilhar facilmente sua prancheta com colegas sem precisar publicá-la publicamente. Então você precisa enviar o trabalho final para os desenvolvedores para transformar seu projeto em um site funcional.

Como usar o Adobe XD para criar um aplicativo?

Para responder a esta pergunta, devemos primeiro formulá-la corretamente. O Adobe XD não ajuda você a criar e desenvolver um aplicativo. Vamos descrever o que é o Adobe XD: é uma ferramenta que ajuda você projetar o site ou aplicativo você quer. ISSO É usado por designers de UI/UXnão desenvolvedores. Você pode definir a aparência do seu aplicativo criando uma maquete, adicionando conteúdo e juntando tudo com links.