Adobe XD: A ferramenta de design de interface do usuário e UX gratuita que você pode usar agora

Propaganda

Não é comum associar a Adobe a downloads "gratuitos", mas é exatamente isso que a empresa fez com Adobe XD. É um aplicativo de prototipagem de interface rápida para dispositivos móveis e sites, permitindo que os designers apresentem rapidamente designs para plataformas específicas.

A melhor coisa do Adobe XD é a facilidade de uso. Mesmo se você tiver pouca experiência em projetar algo, há apenas uma curva de aprendizado muito gradual para impedi-lo.

Até a interface do usuário é refrescante, sem todas as ferramentas e painéis que afastam tantas pessoas aplicativos como Photoshop, Illustrator e Lightroom 15 alternativas gratuitas para Adobe Lightroom, Illustrator e PhotoshopDeseja obter o Adobe Photoshop, Lightroom ou Illustrator gratuitamente? Aqui estão algumas das melhores alternativas da Creative Cloud. consulte Mais informação . Neste artigo, apresentaremos o Adobe XD e explicaremos o que você pode ou não fazer com ele.

O que é o Adobe XD?

O Adobe XD é uma ferramenta de design. Ele não criará seu aplicativo para você, mas ajudará você a apresentar uma visão ou um protótipo para o que você deseja que seu próximo aplicativo para celular ou tablet, site ou outra interface de usuário. O aplicativo usa quadros de arte - basicamente modelos de tela - para fornecer uma representação visual do design do seu aplicativo.

Criando aplicativos móveis Faça seu primeiro aplicativo móvel com esses pacotes de cursos com descontoVocê tem o necessário para desenvolver o próximo grande aplicativo para iOS ou Android? Estes pacotes de cursos com muito desconto ensinarão como é feito! consulte Mais informação e sites que funcionam podem exigir muito conhecimento técnico. O Adobe XD fornece as ferramentas para transformar uma ideia em uma prova de conceito. Quando terminar, você terá um modelo para trabalhar, e poderá ajustar infinitamente até ficar satisfeito com o design.

Da mesma forma que a arte conceitual é tão importante em empreendimentos criativos (veja arte conceitual de videogame bonito Onde encontrar belas artes conceituais de videogame on-lineDeseja ver algumas das belas artes conceituais por trás de seus jogos favoritos? Aqui estão os recursos de arte dos videogames à sua disposição! consulte Mais informação como prova), uma prova de conceito para o design de interface desejado é importante quando se trata de construção de software e site. Proporcionar aos programadores um conceito que corresponda tanto ao produto final é uma ótima maneira de alinhar suas expectativas com o que é possível.

O melhor de tudo é que o aplicativo foi projetado de maneira que qualquer pessoa possa usá-lo. Seja você um designer experiente, um programador ou alguém que não possui essas duas habilidades; O Adobe XD pode preencher a lacuna entre sua visão e conhecimento técnico. Você nem precisa aprender a codificar Aprenda a codificar remixando aplicativos existentes gratuitamenteEste site permite criar ou remixar aplicativos, permitindo que você seja criativo sem medo de quebrar nada. consulte Mais informação para projetar um aplicativo.

O que o Adobe XD pode fazer?

O Adobe XD foi projetado com alguns aplicativos específicos em mente, mas você também pode pensar fora da caixa. O aplicativo facilita as coisas, incluindo modelos para:

• Aplicativos para smartphone: Do iPhone 5 e SE aos modelos mais recentes; e um modelo genérico para Android também.
• Aplicativos para tablet: Com modelos para iPad, ambos os tamanhos do iPad Pro, Surface Pro 3 e 4 e um modelo genérico de tablet Android.
• Sites / aplicativos da web: Com algumas predefinições para escolher, incluindo Full HD.

Você não precisa se ater a esses modelos, eles estão lá apenas para facilitar sua vida. Você também pode especificar um tamanho de interface totalmente personalizado (ou seja, tela) e começar a projetar para praticamente qualquer plataforma que possa imaginar.

Se você estiver criando um aplicativo para dispositivos móveis, poderá fazer o download do aplicativo Adobe XD gratuito para sua plataforma e exportar seus designs para uma visualização ao vivo no seu dispositivo.

Os kits de interface do usuário tornam a vida ainda mais fácil

Se você está pensando em projetando para iOS 7 razões pelas quais vale a pena aprender a linguagem de programação rápidaVocê deve aprender a linguagem de programação Swift mais cedo ou mais tarde, se não quiser ficar para trás. Aqui estão algumas excelentes razões que podem convencê-lo. consulte Mais informação , Android, Windows ou outra plataforma bem estabelecida; você pode usar kits de interface do usuário para obter uma ajuda. Esses são essencialmente modelos de projeto mantidos pela Apple, Google, Microsoft e outros, disponíveis para download no formato de arquivo .XD da Adobe.

Com os kits de interface do usuário, você pode acelerar a produção, permitindo projetar seu aplicativo dentro das restrições e dos elementos comuns vistos em sua plataforma preferida. Como eles são mantidos pelos desenvolvedores da plataforma, geralmente são sempre atualizados e detalhados.

Por exemplo, o kit de interface do usuário da Apple para iOS inclui dimensões da tela em branco para uma variedade de dispositivos, exemplos do teclado iOS, elementos de navegação como a faixa de opções na parte superior da tela, os botões de alternância do iOS e Mais. Você pode copiar e colar facilmente elementos nas pranchetas de design e criar protótipos precisos.

A Adobe também mantém alguns outros kits de interface do usuário, incluindo amostras de smartwatch compatíveis com watchOS, um kit de site de comércio eletrônico e um conjunto de exemplos para criar aplicativos de smartphone com moeda digital Os 10 principais aplicativos de Bitcoin e Criptomoeda para iPhoneAgora é mais fácil do que nunca comprar Bitcoin, converter em altcoins e até investir em ICOs, tudo no seu telefone com aplicativos de criptomoeda. consulte Mais informação . Você precisará fazer o download do apropriado Kits de interface do usuário para iOS, Design de materiais do Google e Microsoft Windows separadamente.

Um conjunto simples de ferramentas internas

Diferentemente dos outros aplicativos complexos de design e gráficos da Adobe, o XD tem uma interface limpa e agradável, com apenas algumas ferramentas simples. Você tem suas formas básicas: retângulos, círculos, linhas e uma ferramenta de caneta para criar formas personalizadas. Há também uma ferramenta de texto simples, com acesso à biblioteca de fontes Typekit (mas não toda).

Você pode alterar vários atributos relacionados a esses elementos, como opacidade, cor de preenchimento, bordas, sombras e comportamento de rolagem. Finalmente, há uma lupa e uma ferramenta de prancheta para expandir seu design.

O Adobe XD ajuda a colocar elementos em locais esteticamente agradáveis, encaixando-os nas bordas da tela, no ponto central da tela e em outros elementos. Você pode substituir isso se quiser, mantendo pressionado um botão (na versão para Mac, é Cmd).

Na borda superior do aplicativo, você verá duas alternâncias: Projeto e Protótipo. Design é onde você passa a maior parte do tempo criando sua visão. Alterne para o modo Prototype para adicionar várias interações entre os elementos na tela. Você pode acionar eventos e alternar para pranchetas diferentes, proporcionando uma experiência simples ao usuário sem precisar escrever uma linha de código.

Isso é feito por meio de uma interface simples de arrastar e soltar, por exemplo: crie um botão com a ferramenta círculo, crie uma nova prancheta com o desejado resultado desse botão, pressione (por exemplo, uma guia diferente no seu aplicativo), alterne para o modo Protótipo e arraste a seta do botão para o novo prancheta. Clique no botão "Reproduzir" ou visualize no seu dispositivo ao vivo para ver como ele funciona.

Você pode até especificar transições e efeitos para torná-lo sofisticado. Existem algumas limitações bastante grandes no modo Prototype. Você não pode se aprofundar muito nisso, mas serve a um propósito e sua implementação simples facilita o uso.

Quão limitada é a versão gratuita do Adobe XD?

Sendo um produto gratuito, o Adobe XD foi projetado para você ficar ligado ao seu fluxo de trabalho simples e às ferramentas fáceis de usar, sem gastar um centavo. A maior desvantagem da versão gratuita é a incapacidade de ter mais de um protótipo compartilhado ativo ou conjunto de especificações de design ao mesmo tempo.

Portanto, para o seu primeiro design ou projeto, a versão gratuita pode ser suficiente. Quando se trata de compartilhar mais designs ou projetos com a equipe ou os desenvolvedores de aplicativos, você rapidamente se depara. Você sempre pode exportar várias pranchetas como arquivos .PNG gratuitamente, para sempre, através do Arquivo> Exportar opção.

No entanto, a prototipagem compartilhada e a interatividade entre as pranchetas é um dos recursos de destaque aqui. O aplicativo ainda é útil sem ele, mas não na mesma extensão. Você não pode criar um protótipo totalmente realizado, mas pode definir rapidamente seu design.

As outras limitações da versão gratuita incluem um número limitado de fontes Typekit e 2 GB de armazenamento em nuvem (em oposição a 100 GB) para assinantes da Creative Cloud. Se você decidir gastar o dinheiro por a versão paga, O Adobe XD custará US $ 9,99 / mês apenas para este aplicativo ou US $ 52,99 / mês para o pacote completo da Creative Cloud.

Nós pensamos Adobe Creative Cloud vale o dinheiro 5 razões para comprar a Adobe Creative CloudA Creative Cloud da Adobe vem com muitas vantagens. Compilamos uma lista de razões para investir no Adobe Creative Cloud enquanto você ainda pode. consulte Mais informação , desde que você seja capaz de usar o suficiente.

O Adobe XD é uma ferramenta surpreendentemente fácil de usar

O Adobe XD é uma ferramenta útil, se você pretende pagar por isso ou não. Em alguns casos, você pode se safar da versão gratuita para trabalhar em pequenos projetos pessoais. Quando se trata de trabalho sério e compartilhamento com equipes, você precisa atualizar.

O Adobe XD não é o design geral e final de interface do usuário. Os designers usam ferramentas gráficas há anos para criar modelos para sites, designs de aplicativos e muito mais. Confira a melhores ferramentas de gráficos de vetor Mac para designers com orçamento limitado O melhor software vetorial para designers de Mac em um orçamentoAqui está o melhor software vetorial para macOS que você pode usar gratuitamente ou comprar com orçamento limitado. Perfeito para designers modernos! consulte Mais informação para ver algumas alternativas capazes.