Blog Tecnológico

O Adobe Experience Design CC é um aplicativo em versão Beta da Adobe para projetar sites ou aplicativos móveis ou qualquer outro projeto que possua interatividade. Ele é projetado para pessoas que utilizam algum aplicativo como Adobe Illustrator, Adobe Photoshop ou outro tipo de software para criar a estes projetos e em seguida precisam mostra-lo a um cliente.

O Adobe Experience Design CC é um aplicativo que não só permite design, mas também interação. Ele não é um aplicativo que descreve HTML nem escreve ou construí código. Ele basicamente permite que você crie projetos muito semelhantes a o que você faria no Illustrator e depois os envie como um protótipo ou um modelo de trabalho a um cliente.

Desenhe layouts de tela, protótipos interativos e ativos prontos para produção, todos no mesmo aplicativo. Você poder mudar facilmente do design para o modo protótipo dentro do aplicativo para manter suas ideias em andamento sem interrupção. Adicionar interações e transições e compartilhar com colegas de equipe e partes interessadas para testar a aparência do seu projeto. Você pode fazer alterações vê-las imediatamente aplicadas ao vivo no seu telefone ou tablet para que sua experiência seja exatamente como você deseja. Para isso você deve baixar o aplicativo Adobe Experience em seu dispositivo móvel.



Para começar com um projeto clique em New e automaticamente será aberta uma janela onde estão especificados tamanhos de telas padrão de celular ou telas de desktop que você pode utilizar e ainda existe uma opção onde é possível configurar outro tipo de tamanho de tela para criar outro projeto com outras especificações que não estiverem disponíveis na janela de inicio.








Você pode criar tudo a partir de zero ou utilizar um dos kits de interface de usuário embutidos no aplicativo e então copiar e colar todos os elementos que utilizará em seu projeto. Existem Kits para Apple iOS, Google Material e Microsoft Windows.
E também existe um projeto tutorial o qual você pode abrir e trabalhar a partir dele.







Trabalhe primeiramente na aba Design para configurar todos os elementos gráficos de seu projeto e depois iremos trabalhar em Prototype.



Outra dica legal é que no mesmo projeto você pode ter o projeto das telas do aplicativo e do lado as telas do aplicativo em tablete, sem necessidade de abrir outro projeto para pegar os mesmo elementos e utilizá-los.


Para adicionar imagens ou vetores você pode abrir o arquivo original do elemento, copiar e colar diretamente no projeto do Adobe Experience ou Importar os elementos a partir do arquivo .svg ou .psd de seu computador.


A interface do aplicativo é muito moderna e simples de usar. A modificação de tamanho e posição dos elementos é muito parecida com a do Illustrator. Para modificar vetores dentro de um grupo só clicar duas vezes no elemento para poder editá-lo.

A ferramenta conta gotas também existe e funciona da mesma maneira como o Illustrator. Assim como o Pathfinder para trabalhar com sobreposição de objetos e a ferramenta caneta.




Crie um objeto como um botão, coloque uma cor de preenchimento, um contorno ou ate se quiser uma sombra.


Agora uma ferramenta muito utilizada e rápida de utilizar no Experience Design é quando você seleciona um determinado elemento e tem a possibilidade de duplica-lo rapidamente. Isso com o botão Repeat Grid, ele permite que você possa duplicar os elementos tanto na horizontal como na vertical. É simplesmente arrastar esses controles, e a facilidade de modificar os espaços entre eles também é automática. Assim o restante será modificar algumas quantas caraterísticas dos elementos.











Clique na aba Prototype, este é o espaço onde você ira a criar a interatividade. Assim por exemplo quando a pessoa clicar em determinado espaço ele vai levar para determinada pagina.





Para poder fazer isso você vai ir ligando os elemento e botões.





Uma vez finalizado o trabalho de ligações com os respectivos layouts você pode selecionar uma das opções do canto superior direito para poder obter o link de seu projeto e compartilhá-lo a seu cliente ou pode dar Play para visualizar seu protótipo em ação.






A ideia deste aplicativo é transformar a maneira como os designers criam. Designers podem mudar o mundo, mas também a maneira como eles trabalham precisa mudar muito. Por que não fazer uso de um aplicativo que além de desenhar, seja possível criar os protótipos e o no final o cliente possa testar e dar um feedback deles em tempo real.

Gostou deste conteúdo?

Nota 10 Nota 8 Nota 6 Nota 4 Nota 2