Formação Sketch

Passo a passo

1. 1 Introdução a interface de usuário

   • 

     Curso Sketch: Design visual de um site mobile

     Curso | 10h

   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 entendo as Heurísticas de Nielsen
   • Trabalhe com o Sketch e veja como funciona o seu workflow
   • Conheça conceitos direcionados ao UI Design.

   Mais detalhesdo curso Sketch: Design visual de um site mobile

   • 

     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

   A partir do desenvolvimento em aula de um aplicativo de aluguel de bicicletas, aprenda a trabalhar com os componentes baseados 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 e reutilizar componentes. Além disso, aprenda a criar grids flexíveis para posicionar os elementos.

   Aprenda mais sobre os UI Design Patterns, padrões de interface mobile, para obter soluções elegantes para solucionar 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 Sketch: Componentes da interface

     Curso | 10h

   Faça esse curso e:

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

   • 

     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

   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.

   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, para incrementar suas criações no Design Digital.

   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 Sketch e do Design de Interfaces. 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

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

     Curso | 10h

   Faça esse curso e:

   • Trabalhe com guia de estilos
   • Lide com modal
   • Faça seu design pensando na responsividade
   • Conheça o Zeplin

   Mais detalhesdo curso Sketch: Refinando o visual da interface

4. 4 Microinterações

   • 

     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