O que é Adobe XD? | Envato Tuts+

Adobe XD é uma ferramenta de design de UI e UX baseada em vetores e pode ser usada para projetar qualquer coisa, desde aplicativos smartwatch até sites completos. Vamos dar uma olhada no que ele oferece aos designers hoje em dia e por que se tornou uma ferramenta tão poderosa na indústria de web design.

Adobe XD e Figma

Desde que a Adobe anunciou a aquisição da Figma em setembro de 2022 (por colossais US$ 20 bilhões), a escrita está na parede para sua própria ferramenta de design de UI. Por que continuar desenvolvendo o Adobe XD quando você tem o Figma, sem dúvida o produto superior?

“O Adobe XD não está mais disponível para compra como um aplicativo único, mas continuará a ter suporte para usuários existentes. O XD continuará disponível como parte de nossa assinatura do Adobe Creative Cloud All Apps. Continuaremos a oferecer suporte aos clientes existentes do Adobe XD.” – Rishabh Tiwari, Adobe

No entanto, não tem sido fácil e a Adobe está actualmente a ser investigada pela Comissão Europeia por comportamento anti-competitivo: essencialmente, removendo a sua concorrência do mercado. A decisão será anunciada em 14 de dezembro de 2023, então saberemos mais sobre o destino do XD. Até então, embora ainda seja relevante, vamos dar uma olhada no que o Adobe XD realmente é!

Consulte Mais informação:

O que é Adobe XD?


Adobe XD foi apresentado pela primeira vez como “Projeto Comet” em 2015 na conferência anual Adobe MAX. Naquela época, ele oferecia uma lufada de ar fresco para qualquer pessoa que ainda usava o Photoshop ou o Illustrator para o design da interface do usuário. Afinal, a web apresenta desafios de design muito diferentes para impressão.

Eu mesmo comecei projetando sites no Photoshop, então sei tudo sobre as dificuldades (especialmente quando se trata de design responsivo e fluido), mas o XD é completamente diferente. Ele foi desenvolvido do zero, especificamente com o design UI e UX em mente, por isso possui muitos recursos que nunca existiram em outros aplicativos gráficos.

Para que é usado o Adobe XD?

O que é importante lembrar é que o Adobe XD resolve os dois principais problemas que o Photoshop e outros aplicativos gráficos não conseguiam:

  1. O design de interação não é estático. Um designer não pode comunicar um design fluido e dinâmico usando apenas pixels.
  2. Um processo de design moderno envolve mais do que um artigo acabado e polido. Wireframing, iteração e comportamento fazem parte da tomada de decisão colaborativa com design de UI e UX.

O Adobe XD é ideal para design de UI baseado em vetor, wireframes, design interativo, prototipagem e design de aplicativos/web de alta fidelidade, para designers individuais ou equipes inteiras.

Recursos do Adobe XD

Entre os recursos do Adobe XD podemos encontrar o seguinte:

Esses são apenas alguns dos excelentes recursos que foram possíveis de incorporar ao Adobe XD, porque ele começou do zero.

Meus 3 favoritos entre eles são:

1. Repetir grades

Grades repetidas são incríveis. Eles permitem fazer cópias de um elemento e organizá-los automaticamente em uma grade. Usando controles, você pode alterar facilmente o espaçamento vertical e horizontal. Isso pode economizar muito tempo, evitando a necessidade de copiar e colar (e alterar) manualmente elementos em seu design.

o que é adobe xd: repetir gradeso que é adobe xd: repetir gradeso que é adobe xd: repetir grades

2. Componentes do Adobe XD

Em segundo lugar na minha lista estariam os componentes e estados dos componentes. Um componente no Adobe XD é um elemento reutilizável que funciona na lógica “principal” e “instância”.

o que é adobe xd: componenteo que é adobe xd: componenteo que é adobe xd: componente

Uma cópia do componente principal é chamada de “instância”. Quaisquer alterações feitas no principal são refletidas na instância, mas as instâncias podem ser alteradas independentemente do principal. “Estados” são variações do componente, e no Adobe XD você pode alternar facilmente entre estados tanto no modo de design quanto no modo de protótipo.

3. Documentar ativos

Por fim, temos os ativos de documentos, que permitem salvar cores e estilos de caracteres em um único repositório e depois aplicá-los a outros elementos.

o que é adobe xd: ativos de documentoso que é adobe xd: ativos de documentoso que é adobe xd: ativos de documentos

Estes, juntamente com os componentes, também são salvos em uma biblioteca de documentos que pode ser compartilhada com outras pessoas. Este é um recurso realmente útil para criar sistemas de design, por exemplo, ou colaborar em trabalhos únicos.

Prototipação em Adobe XD

Isso conclui meus três recursos favoritos, mas para a maioria das pessoas você descobrirá que a prototipagem está no topo da lista – e por um bom motivo. Com ele, você pode criar animações realmente suaves e demonstrar seus designs em um ambiente mais genuíno; com transições e múltiplas telas e estados de objetos. Dar vida aos seus designs desta forma e permitir que os usuários interajam com eles é extremamente valioso.

o que é adobe xd: prototipagemo que é adobe xd: prototipagemo que é adobe xd: prototipagem

Preço e disponibilidade da plataforma

Uma coisa que adoro no Adobe XD é que ele é gratuito. Ele possui um plano pago para quem deseja acessar os recursos de colaboração, mas o aplicativo gratuito em si é mais que suficiente para a maioria das pessoas. Outro ponto positivo é que está disponível para Mac OS e Windows, e você também pode salvar todos os seus arquivos XD na Adobe Cloud, o que significa que você pode acessá-los em vários dispositivos.

Para obtê-lo, visite https://www.adobe.com/products/xd ou, se você tiver o aplicativo Creative Cloud instalado e tiver uma assinatura válida, poderá baixá-lo diretamente de lá.

Saiba mais sobre o Adobe XD

Resumindo, o Adobe XD é uma ferramenta incrível para qualquer pessoa interessada em design de UI e UX e certamente eleva seu trabalho além do que o Photoshop ou o Illustrator são capazes. É rápido, fácil de aprender e está em constante atualização com novos recursos e melhorias.

No Tuts+ você encontrará muitos tutoriais do Adobe XD e alguns cursos gratuitos bem épicos também!

[ad_2]

Tagged with

Deixe uma resposta