Description

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

Domina os fundamentos visuais do design de interfaces e aprende a criar produtos digitais visualmente apelativos, acessíveis e funcionais. Com este curso intensivo de UI Design, vais desenvolver um olhar crítico sobre cor, tipografia, hierarquia visual e os elementos essenciais para uma boa interface.

Ao longo de 4 semanas, vais pôr as mãos na massa com exercícios práticos e feedback individualizado, criando componentes, mockups e sistemas de design no Figma. Vais aprender a defender as tuas escolhas visuais e a aplicar boas práticas de UI que funcionam tanto para web como para mobile. O curso foca-se em criar uma base sólida e aplicável ao mercado de trabalho, com aulas ao vivo e exercícios semanais.

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