Formação Adobe XD

Passo a passo

1. 1 Os primeiros passos

   Aprenda a desenvolver um site mobile no Adobe XD, software gratuito especializado em Interfaces do Usuário. Entenda a importância de conhecer o cliente e seu projeto. Estruture, organize e ao final desenvolva um protótipo interativo do site.

   • 

     Curso Adobe XD: Design visual de um site mobile

     Curso | 10h | Básico

   Faça esse curso e:

   • Produza um site mobile com conceitos direcionados pra design visual
   • Lide com fontes, cores e pictogramas para compor o layout
   • Desenvolva o seu projeto a partir do Mockflow
   • Trabalhe com o Adobe XD e veja como funciona o seu workflow
   • Conheça conceitos direcionados ao UI Design.

   Mais detalhesdo curso Adobe XD: Design visual de um site mobile

   • 

     Curso Design Thinking: Concretizando ideias

     Curso | 05h | Básico

   Faça esse curso e:

   • Aprenda a olhar para seu usuário
   • Entenda o que de fato é o problema que precisa tratar
   • Gere soluções mais assertivas e focadas
   • Entenda o valor da prototipação
   • Aprenda algumas formas de validar suas ideias antes de lançá-las

   Mais detalhesdo curso Design Thinking: Concretizando ideias

2. 2 Interfaces

   A partir do desenvolvimento em aula de um aplicativo para um e-commerce, aprenda a criar telas baseadas em boas práticas do Design de Interfaces. Veja como o Design Patterns pode ajudar a encontrar soluções inteligentes para problemas frequentes. Entenda a metodologia do Design Atômico para criar inserir elementos gráficos, como textos, ícones, ilustrações, etc, para compor visualmente a estrutura do site. Ao final, crie um protótipo navegável para apresentar ao cliente.

   Entenda sobre os UI Design Patterns, padrões de interface mobile, para obter soluções elegantes para problemas de usabilidade do usuário. Veja como fazer uma análise de problemas de interatividade em um aplicativo que passou por testes e chegue à soluções simples para torná-lo mais amigável.

   • 

     Curso Adobe XD: Componentes da interface

     Curso | 10h | Intermediário

   Faça esse curso e:

   • Produza um site mobile com conceitos para design visual com Adobe XD
   • Lide com fontes, cores e pictogramas para compor o layout
   • Desenvolva o seu projeto a partir do uso de componentes
   • Trabalhe com refinamentos e prototipação de interface
   • Conheça conceitos direcionados ao UI Design.

   Mais detalhesdo curso Adobe XD: Componentes da interface

   • 

     Curso UI Design Patterns: Usabilidade em interfaces mobile

     Curso | 05h | Básico

   Faça esse curso e:

   • Entenda como refatorar interfaces a partir do feedback de usuários
   • Melhore a usabilidade da interface de projetos mobile
   • Conheça um pouco mais dos padrões de interface para e-commerce
   • Identifique os melhores casos de uso para cada padrão
   • Desenvolva interfaces mobile com base em boas práticas

   Mais detalhesdo curso UI Design Patterns: Usabilidade em interfaces mobile

3. 3 Aprimorando o visual

   Para incrementar suas criações no Design Digital com um visual interessante é muito importante adquirir os conhecimentos básicos de alguns softwares que são ótimos aliados para isto.

   Veja como trabalhar com desenho vetorial, que utiliza formas geométricas primitivas, como linhas, curvas, pontos, formas e polígonos, como base de construção para desenho escaláveis, que podem sofrer aumento ou diminuição de suas dimensões sem perda de qualidade.

   Conheça os principais conceitos da tipografia, sua história, parâmetros físicos que compõem os tipos e suas aplicações com o objetivo de aprender a compor peças gráficas com boa legibilidade, envolventes e que sejam conceitualmente harmônicas com o intuito do projeto.

   Aprenda conceitos avançados do Design de Interfaces no Adobe XD. Veja como fazer o redesenho de um site desktop, otimizando seu fluxo e melhorando sua parte visual. Entenda como adaptar o site para uma versão responsiva, para celular. Veja como os softwares Adobe Illustrator e Adobe Photoshop podem agregar valor ao seu projeto através do Design Gráfico.

   • 

     Curso Adobe Illustrator: Introdução ao desenho vetorial

     Curso | 10h | Básico

   Faça esse curso e:

   • Aprenda a vetorizar ilustrações.
   • Conheça o workflow dentro o Illustrator
   • Compreenda as principais ferramentas do Illustrator.
   • Desenvolva materiais para múltiplas finalidades.
   • Trabalhe com formas, traçados, preenchimentos e efeitos.

   Mais detalhesdo curso Adobe Illustrator: Introdução ao desenho vetorial

   • 

     Curso Introdução ao Adobe Photoshop: Conceitos essenciais

     Curso | 10h | Básico

   Faça esse curso e:

   • Aprenda os conceitos principais dentro do Photoshop
   • Desenvolva o seu workflow, entendendo como as ferramentas e painéis se apresentam
   • Saiba como funciona o processo de trabalhar em camadas
   • Lide com conceitos de seleção e saiba o quão importante é esse processo dentro de qualquer projeto

   Mais detalhesdo curso Introdução ao Adobe Photoshop: Conceitos essenciais

   • 

     Curso Tipografia: Conhecendo o que há por trás dos tipos

     Curso | 10h | Intermediário

   Faça esse curso e:

   • Entenda porque a tipografia é um dos termos mais importantes em qualquer peça de design
   • Saiba entender os parâmetros físicos que compõe o tipo
   • Conheça a história da tipografia
   • Trabalhe com fundamentos específicos como kerning e tracking
   • Saiba trabalhar com a variação de estilos que uma familia tipografica possui.

   Mais detalhesdo curso Tipografia: Conhecendo o que há por trás dos tipos

   • 

     Curso Adobe XD: refinando o visual da interface

     Curso | 10h | Intermediário

   Faça esse curso e:

   • Trabalhe com Style Guide
   • Entenda o processo de redesign de sistemas
   • Planeje a experiência do usuário
   • Crie a tela erro 404
   • Lide com Design Responsivo

   Mais detalhesdo curso Adobe XD: refinando o visual da interface

4. 4 Microinterações

   Saiba como criar interação entre as telas de um aplicativo, complementando o layout e trazendo boas experiências para seu usuário. Entenda os princípios das microinterações. Aprenda a criar animações dentro do Adobe XD com a ferramenta Auto-Animate. Ao final, gere um protótipo navegável.

   • 

     Curso Adobe XD: trabalhando com microinterações

     Curso | 10h | Básico

   Faça esse curso e:

   • Entenda os princípios que envolvem o trabalho de microinterações
   • Entenda o que é deslocamento e atraso
   • Lide com o Swipe para uma melhor UX
   • Aprenda sobre boas práticas para o onboarding
   • Aprenda a exportar sua prototipação

   Mais detalhesdo curso Adobe XD: trabalhando com microinterações