Formação Figma

Passo a passo

1. 1 Os primeiros passos

   Aprenda a produzir um site mobile no Figma com conceitos direcionados para o UI design e para design visual, entendendo seu workflow. Entenda como trabalhar com fontes, cores e pictogramas para compor layout interessantes. Entenda as heurísticas criadas por Jakob Nielsen, cientista da computação, que ajudam a projetar uma boa interface e por consequência uma ótima experiência de uso.

   Entenda o que é o Design Thinking e como ele pode inovar e apoiar na geração de novas ideias a partir de um projeto para uma empresa de viagens. Aprenda a olhar para o usuário, entendendo de fato o problema que se apresenta e gere soluções assertivas e focadas. Veja formas de validar ideias antes de lançá-las e entenda como apresentar um projeto de qualidade para seus futuros clientes.

   • 

     Curso Figma: Design visual de um site mobile

     Curso | 10h

   Faça esse curso e:

   • Produza um site mobile com conceitos direcionados para design visual.
   • Lide com fontes, cores e pictogramas para compor o layout.
   • Desenvolva interfaces entendendo as Heurísticas de Nielsen.
   • Trabalhe com o Figma e veja como funciona o seu workflow.
   • Conheça conceitos direcionados ao UI Design.

   Mais detalhesdo curso Figma: Design visual de um site mobile

   • 

     Alura+ Auto-layout no Figma

   • 

     Alura+ Tipografias para tela

   • 

     Alura+ Trabalhando com cores em interfaces

   • 

     Curso Design Thinking: Concretizando ideias

     Curso | 05h

   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

   Aprenda a criar um aplicativo no Figma a partir da construção de sua interface. Entenda diretrizes do Design de Interfaces e boas práticas para obter resultados amigáveis e intuitivos. Veja as melhores formas de trabalhar os componentes da interface com conceitos como o Design Atômico e o Design Patterns, aprendendo a criar elementos reutilizáveis. Entenda a importância dos grids para a organização visual do seu aplicativo. Ao final, aprenda a criar 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 Figma: Componentes da interface

     Curso | 10h

   Faça esse curso e:

   • Produza um site mobile com conceitos para design visual com Figma
   • 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 Figma: Componentes da interface

   • 

     Alura+ Espaçamentos de 8pt para interfaces

   • 

     Alura+ Simplicidade no Design de Interface

   • 

     Alura+ Utilizando o Smart Animate do Figma

   • 

     Curso UI Design Patterns: Usabilidade em interfaces mobile

     Curso | 05h

   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

   Aprenda a 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.

   Aprenda a trabalhar no Adobe Photoshop desde o início, conhecendo sua interface e o que significam seus elementos. Veja como criar uma peça gráfica interessante de forma simples. Para isso, aprenda a tratar imagens e trabalhar com elementos gráficos que farão parte da peça. Ao final aprenda a dar o acabamento em sua peça com ajustes de cor e iluminação e entenda como utilizar filtros que podem enriquecer a composição criada.

   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.

   Veja como fazer o redesign de um site no Figma, obtendo um resultado mais atraente e rebuscado. Veja como o Adobe Photoshop e o Illustrator podem ser bons aliados na edição e criação de imagens que compõem este site. Aprenda a adaptar as interfaces criadas para a versão mobile.

   • 

     Curso Adobe Illustrator: Introdução ao desenho vetorial

     Curso | 10h

   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

   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

   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 Figma: Refinando o visual da interface

     Curso | 12h

   Faça esse curso e:

   • Trabalhe em guias de estilo utilizando o Figma
   • Lide com conceitos relacionados a redesign de sistemas
   • Saiba como diferenciar páginas de acordo com suas particularidades de informação
   • Desenvolva um site responsivo
   • Trabalhe no processo de prototipação

   Mais detalhesdo curso Figma: Refinando o visual da interface

   • 

     Alura+ Usando o Jira para a metologia Scrum

   • 

     Alura+ Viewports no Figma

   • 

     Alura+ Criando o efeito de Parallax no Framer

4. 4 Microinterações

   Aprenda a criar protótipos realistas de alta fidelidade para aplicativos no ProtoPie. Utilize telas criadas no Figma para gerar interações. Aprenda princípios da interação, trabalho com gatilhos, condições, modal e muito mais. Ao final, veja como exportar seu protótipo e crie uma apresentação com as interações criadas pronta para ser mostrada para clientes, usuário ou usada em seu portfólio.

   • 

     Curso Introdução ao ProtoPie: Prototipação e microinterações

     Curso | 10h

   Faça esse curso e:

   • Conheça os princípios que envolvem a interação
   • Saiba o que é o Gatilho de Início
   • Trabalhe a partir das boas práticas para Onboarding
   • Entenda o Gatilho de Jump
   • Trabalhe na animação de elementos

   Mais detalhesdo curso Introdução ao ProtoPie: Prototipação e microinterações