5 protótipos do Adobe XD que vão te surpreender

Ilustração vetorial com fundo azul, em computador, tablet e celular que possui elementos como imagens, texto, ícones entre outros, para simular a criação de interfaces

A experiência que você cria para seu site, seu aplicativo, seu e-commerce e qualquer produto digital será melhor com o Adobe XD. Mas, para mostrar na prática, trazemos 5 protótipos que adoramos porque mostram como é fácil usar o Adobe XD.

Neste artigo

  • O que é o Adobe XD e para que é usado?
  • 1. Aumente o nível do seu portfólio com o Adobe XD
  • 2. Protótipos do Adobe XD para trabalho remoto
  • 3. Visualização de dados como nenhum outro
  • 4. Crie uma experiência verdadeiramente única
  • 5. Um presente do Adobe XD

O que é o Adobe XD e para que é usado?

Como tudo agora acontece em uma tela, o produto digital tem maior valor e importância. Para que você não esteja apenas à frente das tendências, mas também tenha soluções práticas para problemas reais atuais, nós criamos o Adobe XD.

Este é um aplicativo abrangente que acompanha você desde o início do produto, dos rascunhos e wireframes até a entrega aos desenvolvedores. XD significa Experience Design, e com ele você pode criar interfaces digitais, desenhos vetoriais (UI) e até protótipos interativos (UX). Ele também possui integração com a Creative Cloud para que você possa trazer para sua interface animações feitas no After Effects ou no Photoshop, edições ou vetores do Illustrator… as possibilidades são infinitas.

Vamos ver os protótipos que nos inspiraram.

1. Aumente o nível do seu portfólio com o Adobe XD

Tres telas de celular sobre um Portfólio de Diretor de Criação criado no Adobe XD

Martin Briceño, diretor de arte e designer digital do Peru, nos mostra um portfólio incrível. Fica claro o uso de grades que dão ordem às informações sem torná-las chatas. A apresentação dos seus projetos fornece as principais informações e as imagens que melhor destacam seu talento. Se você está procurando um protótipo sóbrio e elegante sem ser tedioso, recomendamos que dê uma olhada no Behance dele.

2. Protótipos do Adobe XD para trabalho remoto

Uma tela de tablet com documentos e notas de reunião que explicam como os comentários funcionam nesse produto digital

O trabalho da equipe Formpipe merece aplausos. 👏 Este protótipo para melhorar a colaboração de documentos parece fácil de usar, divertido e acessível. O desenvolvimento teve como objetivo criar um produto digital que automatize as anotações de reuniões, agendas, documentos e colaboração, e é claro que deu certo. Conheça todo o processo aqui.

3. Visualização de dados como nenhum outro

Interface web com construção 3D e visualização de dados

Se você tivesse que exibir dados em tempo real sobre a segurança de um prédio, incluindo quantas pessoas moram nele, quanta energia elas usam, iluminação, alarmes e muito mais, como você faria isso?

A equipe da AsianInfo fez com este modelo 3D que pode ser consultado tanto do computador quanto do celular para que, onde quer que você esteja, seja possível acessar os dados em tempo real. Este é um protótipo eficiente e criativo que merece aplausos de pé. Confira neste Behance.

Você também pode gostar: Torne seu protótipo interativo com esses 6 plug-ins do Adobe XD

4. Crie uma experiência verdadeiramente única

Interface de um celular com o site do fandom KPop

Se você tem um projeto especial, por que não transformá-lo em um produto digital? A equipe Girls Planet 99 fez isso. Com uma profunda pesquisa baseada no comportamento de fãs de K-Pop, elas encontraram uma forma de criar conteúdo que absorva e interesse o usuário. Se você não acredita, veja por si mesmo aqui.

5. Um presente do Adobe XD

Imagem com várias interfaces de um smartwatch como uma ferramenta de kit de interface do usuário

Os produtos digitais evoluíram e com eles as suas interfaces, afinal agora devemos pensar também nos smartwatches. É por isso que trazemos a você este Adobe XD UI Kitpara que seus projetos estejam sempre um passo à frente. Faça o download aqui.

Se você se sentir inspirado por esses projetos incríveis, baixe o Adobe XD (se ainda tiver dúvidas, existe um teste gratuito) e comece a criar o seu próprio. Com certeza também terá uma flag em destaque no Behance e alguns usuários boquiabertos.

Você pode gostar:

https://blog.adobe.com/br/publish/2021/10/20/o-que-e-o-adobe-xd-e-para-que-serve-um-designer-de-ux-ui

https://blog.adobe.com/br/publish/2022/02/24/novo-creative-cloud-express-ferramentas-que-ajudam-a-criar

https://blog.adobe.com/br/publish/2021/02/03/descubra-a-importancia-do-backup-e-como-obte-lo-com-a-creative-cloud