Description

Este curso pretende ajudar profissionais iniciantes em UX/UI e áreas relacionadas a melhorar as skills de Figma e design de interfaces (UI).

Aprende a criar interfaces de qualidade, desde os fundamentos básicos de UI Design, princípios de UX, até a entrega de protótipos com interações e animações, em alta fidelidade para devs, utilizando o Figma.

Este curso é indicado para UX/UI Designers em início de carreira que pretendem melhorar as suas skills visuais, e ganhar proficiência na ferramenta de design digital mais usada no mercado.

Introdução ao Design de Interfaces

.Introdução ao projeto .UX Design e Human Centered Design .Heurísticas de Nielsen e Vieses cognitivos .Wireframes .User flow e documentação

Domina o Figma

.Utilizando auto layout, componentes e variantes .Organização de arquivos .Plug ins / UI Kits .Protótipo .Espaçamento e Grids

Principios de Design e Acessibilidade

Wireframe não é protótipo Papel, Figma, X? Branding Visual Design Acessibilidade

Elementos e Princípios de UI Design

.Princípios de Design .Acessibilidade .Design Patterns .Elementos de UI: botões, cartões, navegação, icons, ilustrações, fotografias, etc. .Handoff

Introdução a Design Systems

O que é um Design System Design Tokens Vantagens de um Design System Como saber se precisas de um Design System Como começar a criar um Design System Manutenção de um Design System Exemplos de Design Systems

Do Design System ao Handoff

Benefícios de um Design System Métricas DesignOps Relação Ops e Design System Handoff + Documentação

Design de Websites Responsivos

.Introdução ao projeto .Wireframes .Fidelidade dos Wireframes .Porque os Wireframes são importantes .Construção do projeto com Figma .Mockups .Protótipos

Prototipagem

.Introdução à prototipagem .Construção de Componentes .Variantes .Organização e Documentação no Figma .Style Guides .Plug-ins

Princípios das Animações

.O que é uma animação? .Porque devemos ter animações? .Quais as principais características de uma animação? .Tipos de Animações .Vantagens e Desvantagens de Usar Animações .Considerações a ter .Programas de Animação