🎉 De R$ 597,00 por R$ 367,00 e acesso vitalício
vagas abertas
🎉 De R$ 597,00 por R$ 367,00 e acesso vitalício
vagas abertas
🎉 De R$ 597,00 por R$ 367,00 + vitalício
Boas práticas de ui & ux
para iniciar ou evoluir sua
jornada no design
Boas práticas de
ui & ux para iniciar ou evoluir sua jornada no design
Um curso completo com boas práticas e técnicas de UI/UX para criar interfaces bonitas, funcionais, e trazer segurança + repertório nas suas decisões.
+120 aulas e 25h de conteúdo original
comunidade no Discord para feedbacks e +
certificado de conclusão bonitão
acesso vitalício ao curso e updates
UI & UX ALIANDO ESTRATÉGIA NAS DECISÕES VISUAIS
UI & UX ALIANDO ESTRATÉGIA NAS DECISÕES
INICIE EM UI & UX DESIGN
Aprenda e domine o que nenhuma IA substitui: práticas para interfaces com impacto visual e +intencionalidade
Aprenda e domine o que nenhuma IA substitui: práticas para interfaces com impacto visual e + intencionalidade
Um curso criado para você iniciar e evoluir na área de design criando interfaces muito mais bonitas e usáveis, entendendo os porquês por trás de cada decisão para criar com segurança e propósito, coisa que IA nenhuma fará por você.
São + 100 aulas com tudo o que vc precisa saber sobre segredos de ui & ux para evitar erros ainda muito cometidos atualmente por designers que replicam telas sem entender técnicas, intenção e fundamento.
Vou te ensinar todas as boas práticas para que vc crie interfaces muito melhores, com segurança nas suas entregas e ideias trabalhando no mundo real de produto ou diretamente com clientes, sem enrolação.
Um curso criado para você iniciar e evoluir na área de design criando interfaces muito mais bonitas e usáveis, entendendo os porquês por trás de cada decisão para criar com segurança e propósito, coisa que IA nenhuma fará por você.
São + 100 aulas com tudo o que vc precisa saber sobre segredos de ui & ux para evitar erros ainda muito cometidos atualmente por designers que replicam telas sem entender técnicas, intenção e fundamento.
Vou te ensinar todas as boas práticas para que vc crie interfaces muito melhores, com segurança nas suas entregas e ideias trabalhando no mundo real de produto ou diretamente com clientes, sem enrolação.
Um curso criado para você iniciar e evoluir na área de design criando interfaces muito mais bonitas e usáveis, entendendo os porquês e ganhando mais segurança nas decisões visuais e entregas, coisa que IA nenhuma fará por você.
garantia de 7 dias
acesso vitalício
suporte com instrutor
comunidade no Discord
+1000 alunos e alunas
+100 aulas gravadas
garantia de 7 dias
acesso vitalício
suporte com instrutor
comunidade no Discord
+1000 alunos e alunas
+100 aulas gravadas
garantia de 7 dias
acesso vitalício
suporte com instrutor
comunidade no Discord
+1000 alunos e alunas
+100 aulas gravadas
ESTÉTICA + INTENÇÃO DE DESIGN
Você vai parar de cometer erros que designers experientes evitam
Vou te ajudar a começar a abrir portas e criar design pensando a nível de refinamento visual atrelado a estratégias de UX.
ESTÉTICA + INTENÇÃO DE DESIGN
Você vai parar de cometer erros que designers experientes evitam
Vou te ajudar a começar a abrir portas e criar design pensando a nível de refinamento visual atrelado a estratégias de UX.
PARA QUEM É O CURSO
SERVE PRA MIM?
O curso é para mim?
Como saber se o curso é para mim?
Como saber se o curso é para mim?
Um curso feito para você que cansou de criar interfaces ruins e não sabe como melhorar, ou até mesmo, não tem a base para saber o que é certo e errado na área de UI e UX.
🧳
Iniciando ou migrando para UI & UX Design
Começando do zero ou vindo de outra área, falta clareza para criar interfaces nos padrões de UI e UX.
🧳
Iniciando ou migrando para UI & UX Design
Começando do zero ou vindo de outra área, falta clareza para criar interfaces nos padrões de UI e UX.
💻
Entendeu que só conhecer Figma não basta
Percebeu que Figma é só o começo e quer unir uso prático e UI & UX para ser, de fato, um(a) designer.
💻
Entendeu que só conhecer Figma não basta
Percebeu que Figma é só o começo e quer unir uso prático e UI & UX para ser, de fato, um(a) designer.
🦜
Você sente que só replica tela igual papagaio
Tem medo de ser questionado sobre decisões visuais. O curso te livra desse clássico bloqueio.
🦜
Você sente que só replica tela igual papagaio
Tem medo de ser questionado sobre decisões visuais. O curso te livra desse clássico bloqueio.
🧐
Cria telas feias, ou não sabe se está criando certo
Não gosta do resultado e não consegue ligar suas decisões visuais a fundamentos e lógica de design.
🧐
Cria telas feias, ou não sabe se está criando certo
Não gosta do resultado e não consegue ligar suas decisões visuais a fundamentos e lógica de design.
🧠
Atua como Front-end, UX Designer ou PM
Precisa dominar a lógica de UI e UX para criar, avaliar e argumentar interfaces de igual para igual.
🧠
Atua como Front-end, UX Designer ou PM
Precisa dominar a lógica de UI e UX para criar, avaliar e argumentar interfaces de igual para igual.
🤝
Precisa de feedbacks para evoluir mas ninguém te ajuda
As aulas te levam a outro nível, dão mais segurança e incluem feedbacks particulares nas suas UI's.
🤝
Precisa de feedbacks para evoluir mas ninguém te ajuda
As aulas te levam a outro nível, dão mais segurança e incluem feedbacks particulares nas suas UI's.
🧳
Iniciando ou migrando para UI & UX Design
Começando do zero ou vindo de outra área, falta clareza para criar interfaces nos padrões de UI e UX.
💻
Entendeu que só conhecer Figma não basta
Percebeu que Figma é só o começo e quer unir uso prático e UI & UX para ser, de fato, um(a) designer.
🦜
Você sente que só replica tela igual papagaio
Tem medo de ser questionado sobre decisões visuais. O curso te livra desse clássico bloqueio.
🧐
Cria telas feias, ou não sabe se está criando certo
Não gosta do resultado e não consegue ligar suas decisões visuais a fundamentos e lógica de design.
🧠
Atua como Front-end, UX Designer ou PM
Precisa dominar a lógica de UI e UX para criar, avaliar e argumentar interfaces de igual para igual.
🤝
Precisa de feedbacks para evoluir mas ninguém te ajuda
As aulas te levam a outro nível, dão mais segurança e incluem feedbacks particulares nas suas UI's.
TRILHA COMPLETA DE ENSINO
Uma trilha onde cada aula fortalece sua percepção como designer
Estrutura das aulas
Todos os fundamentos, erros que sabotam a clareza e as técnicas que tornam uma boa interface estão aqui, explicados com lógica e progressão.
MÓD. 1
Boas vindas ao Intuitive Pixel
8 Aulas
AULA 01
⸱ Boas vindas, o que vamos aprender?
Boas vindas calorosas para a sua nova jornada comigo e tudo sobre o que vamos aprender.
AULA 02
⸱ Quem sou eu?
Mais sobre a trajetória do instrutor.
AULA 03
⸱ (Importante) Funcionamento do curso
Detalhes sobre a estrutura e dicas de estudo para melhor proveito no curso.
AULA 04
⸱ Comunidade e Regras importantes
Desbloqueando seu acesso ao Discord, WhatsApp e informações para feedbacks e networking com outros alunos.
AULA 05
⸱ Guia do Designer + Biblioteca de Links UI / UX 🎁
O primeiro presente a gente nunca esquece. Aqui você ganha acesso a biblioteca de recursos com +200 links que você com certeza irá precisar e, também, acesso ao Guia de Estudos em Notion com recursos para você que está começando, dicas de livros, roadmap de estudo para UX / UI, perfis para seguir e muito mais.
AULA 06
⸱ (Opcional) Acesso ao plano Figma Edu
Instruções para solicitação de acesso ao plano Figma Edu em parceria oficial com o Intuitive Pixel!
AULA 07
⸱ Criando o seu ID Card do curso
Aqui você cria seu cartão (opcional) de acesso e comemoração ao se juntar com +1000 alunos!
AULA 08
⸱ Guia de práticas para evoluir em UI & UX
Aqui você ganha sua primeira aula sobre como praticar interfaces no dia a dia e também segredos das práticas pessoas que me fizeram evoluir.
MÓD. 2
Tipografia
11 Aulas
AULA 01
⸱ Gerando hierarquia visual com tipografia
Aprenda a usar escala, contraste, peso e espaçamento para criar hierarquias tipográficas que guiam o olhar. Vamos entender os mesmos mecanismos de design que Spotify, HubSpot e Medium usam para induzir ações com elegância.
AULA 02
⸱ Guia de consistência em textos com escalas tipográficas
Evite variações inúteis de fontes e entenda como criar uma escala tipográfica que deixa suas páginas claras, elegantes e que não geram atrito com os devs.
AULA 03
⸱ Line height para textos legíveis e elegantes
Aprenda a definir o espaçamento ideal entre linhas para deixar seus textos mais legíveis e fluidos. Evite erros comuns de line-height que poluem a leitura e descubra cálculos e plugins que trazem ritmo e harmonia tipográfica.
AULA 04
⸱ Por que seu texto cansa, e como resolver com tipografia e ritmo visual
Aprenda a transformar blocos de texto cansativos em conteúdos leves e fáceis de ler. Descubra como usar hierarquia, espaçamento, largura ideal e tópicos para dar respiro e tornar suas interfaces mais escaneáveis e elegantes.
AULA 05
⸱ Cuidados com letras maiúsculas e cenários de uso
Descubra quando usar letras maiúsculas sem comprometer a legibilidade. Evite erros comuns em textos longos e aprenda a aplicar all caps em itens e cenários onde isto realmente funciona.
AULA 06
⸱ Letter-spacing: detalhes que transformam texto comuns em refinados
Entenda como o espaçamento entre caracteres pode arruinar ou elevar a legibilidade de um texto. Aprenda quando usar zero, positivo ou negativo e veja exemplos práticos (até cinematográficos) de como aplicar letter spacing com estilo em títulos e interfaces.
AULA 07
⸱ Como fazer combinações tipográficas (+ evitando uso excessivo)
Nesta aula eu te mostro na prática os riscos, exceções, e como descobrir casos para combinações tipográficas.
AULA 08
⸱ White space: criando textos com espaço e leveza
Aqui você entende como o white space influencia foco, leitura e estética, além de dicas práticas para aplicar nos seus layouts.
AULA 09
⸱ Texto justificado (e porque evitar)
Entenda por que a aparente “organização” do texto justificado engana. Veja como ele compromete a legibilidade, afasta a acessibilidade e aprenda as formas mais eficazes de estruturar parágrafos.
AULA 10
⸱ Decidindo fontes com contexto e intenção
Entenda como a escolha da tipografia pode reforçar ou quebrar a mensagem de uma interface. Aprenda a alinhar estilos de fonte ao contexto certo , do formal ao descontraído, e veja exemplos práticos para escolher com mais segurança.
AULA 11
⸱ Eliminando palavras soltas e melhorando fluidez de leitura
Dica prática que acaba passando despercebida por alguns designers a técnicas para evitar isto.
MÓD. 3
Cores
10 Aulas
AULA 01
⸱ Cores para divisões de blocos mais refinados e background neutros
Aprenda a variar backgrounds de forma elegante usando matizes da cores primárias. Descubra como transformar cinzas comuns em tons mais sofisticados e consistentes, criando interfaces muito mais harmônicas.
AULA 02
⸱ Dominando o cuidado com contrastes de cores
Entenda como o contraste entre cores impacta diretamente a legibilidade e a acessibilidade de uma interface. Aprenda a identificar erros comuns, medir contraste, guia de acessibilidade e aplicar combinações que funcionam em qualquer contexto, web, mobile, desktop, não importa!
AULA 03
⸱ Cor primária com propósito, aplicando 60/30/10
Entenda por que o excesso de cor compromete decisões na interface e aprenda a aplicar o método 60/30/10 para equilibrar cores como os grandes: destaque o que importa, reduza ruído visual e conduza ações com clareza.
AULA 04
⸱ Cor nos alertas: como evitar mensagens ignoradas por escolhas ruins
Aprenda a aplicar cores com precisão em alertas, erros e mensagens de sucesso. Entenda padrões semânticos de sistemas reais e evite decisões visuais que confundem o usuário.
AULA 05
⸱ A cor do perigo: realçando ações destrutivas (sem alarmismo)
Aprenda como aplicar o vermelho com estratégia para sinalizar ações destrutivas e evitar erros de UX. Veja boas práticas e exemplos reais de quando usar (e evitar) essa cor que carrega peso emocional e impacto imediato na decisão do usuário.
AULA 06
⸱ Evitando o tom 100% preto (e controvérsias)
Boas práticas de um leve ajuste no uso da cor para melhores resultados na UI.
AULA 07
⸱ Quando a cor cinza vira um problema
Descubra como evitar o erro clássico do uso de cinza na sua UI. Aprenda a criar hierarquia visual com contraste ideal e veja técnicas para adaptar textos e ícones automaticamente a qualquer background, sem perder harmonia.
AULA 08
⸱ Destacando itens selecionados com intencionalidade (e cor)
Entenda como reforçar decisões visuais com cor. Aprenda a sinalizar seleções com clareza, reduzir dúvidas do usuário e acelerar decisões com elementos simples como bordas, contraste e preenchimento, sem perder identidade da marca.
AULA 09
⸱ Simulando tipos de daltonismos em interfaces
Técnicas para simular tipos de daltonismos em UI's e antecipar possíveis problemas.
AULA 10
⸱ Prevendo cores aplicadas em interfaces
Descubra ferramentas práticas para testar paletas, prever harmonia entre cores e simular interfaces reais antes de aplicar, evitando erros, ganhando tempo e garantindo contraste e escalabilidade nos seus projetos de UI.
MÓD. 4
Botões
10 Aulas
AULA 01
⸱ Botões primários, secundários, terciários e prioridades
AULA 02
⸱ Estados de interações
AULA 03
⸱ Psicologia das formas dos botões (quando usar cada um)
AULA 04
⸱ Guia para áreas de toque acessíveis
AULA 05
⸱ Técnicas de Drop-Shadow e Elevações
AULA 06
⸱ Mantendo botões em linha única
AULA 07
⸱ Consistência de estilos
AULA 08
⸱ Ícones + Botões da forma correta
AULA 09
⸱ Botões full width
AULA 10
⸱ Labels com contexto
MÓD. 5
Grid & Layout
8 Aulas
AULA 01
⸱ Guia completo de consistência + Grid 8pts
AULA 02
⸱ Táticas de alinhamento vertical
AULA 03
⸱ Cards + Dominando White Space
AULA 04
⸱ Listas, Grids e Alinhamento Horizontal
AULA 05
⸱ Margens laterais mínimas
AULA 06
⸱ Affordance de scroll
AULA 07
⸱ Adeus alinhamento inconsistente
AULA 08
⸱ Espaçamento fantasma
MÓD. 6
Ícones
7 Aulas
AULA 01
⸱ Guia para o uso de ícones consistentes
AULA 02
⸱ Equilibrando ícones, pesos e textos
AULA 03
⸱ Espaçando ícones
AULA 04
⸱ Escalas de ícones e erros comuns
AULA 05
⸱ Entendendo o uso de ícones, vetores e PNG's
AULA 06
⸱ Ícones universais
AULA 07
⸱ Ícones e bounding boxes
MÓD. 7
Imagens & Textos
6 Aulas
AULA 01
⸱ Guia de combinações entre Imagens + Textos com contraste
AULA 02
⸱ Tons com narrativa da marca
AULA 03
⸱ É por isto que todo design de Dribbble é incrível
AULA 04
⸱ Imagens full width
AULA 05
⸱ Licenças de imagens e riscos invisíveis
AULA 06
⸱ Economizando tempo com imagens no Figma
MÓD. 8
Formulários & Inputs
7 Aulas
AULA 01
⸱ Dominando os principais cuidados com formulários
AULA 02
⸱ Padrões de escaneamento em formulários
AULA 03
⸱ Descomplicando formulários complexos (+Checklist🎁)
AULA 04
⸱ Utilizando labels da forma correta
AULA 05
⸱ Estados de inputs, Handoff e Erros
AULA 06
⸱ A maneira certa de utilizar placeholders
AULA 07
⸱ Detalhes e dicas visuais finais
MÓD. 9
Hero Sections
7 Aulas
AULA 01
⸱ Fundamentos essenciais para Hero's que funcionam
Os pilares que fazem uma Hero se destacar de verdade: impacto visual, mensagem clara e direção de atenção.
AULA 02
⸱ Dominando padrões de Hero's que convertem (+ Checklist 🎁)
Os modelos que funcionam e um checklist absurdo de prático para criar Hero Sections com mais conversão e menos tentativa.
AULA 03
⸱ Workflow estratégico para criação de Hero's
Veja o passo a passo de como estruturar uma Hero do zero com foco em propósito, hierarquia e refinamento.
AULA 04
⸱ Dominando elementos de profundidade em Hero's
Técnicas avançadas de camadas, sombras e sobreposições para criar profundidade com propósito, sem poluir o layout.
AULA 05
⸱ Princípio do olhar e imagens humanas
Descubra como o direcionamento visual do olhar nas imagens impacta a atenção do usuário e o comportamento na página.
AULA 06
⸱ Gerando imagens com IA (ImageFX + Firefly)
Como usar IA para criar imagens de impacto para Hero Sections, mantendo coesão visual com o restante do layout.
AULA 07
⸱ Adaptando Hero Sections para mobile
Como manter o impacto visual e a clareza da mensagem ao adaptar Hero Sections para telas menores.
MÓD. 10
Insights
8 Aulas
AULA 01
⸱ (UX / Usabilidade) Critérios de usabilidade para componentes de design
Um segredo que designers experientes seguem para entender se componentes seguem critérios de usabilidade.
AULA 02
⸱ (UI) Refinando a separação de conteúdo em lista
Absolutamente todas as maneiras do mundo para gerar separações de conteúdos de maneira elegante, aula de UI nível PRO.
AULA 03
⸱ (🎁Template / Figma) Preparando e organizando um arquivo no Figma para Projetos + Handoff
Os bastidores sobre como eu organizo e entrego meus arquivos com muitos insights extras do mundo real de produto, UX e UI.
AULA 04
⸱ Criando um teste de usabilidade do zero absoluto com Figma / Maze
"Não tive tempo ou não sei testar" com usuários não será mais uma desculpa para você, vou te colocar em outro nível com essa aula.
AULA 05
⸱ Como eu crio grids Desktop, Tablet e Mobile
Tudo sobre minha maneira de criar grids.
AULA 06
⸱ Criando uma paleta de cores do zero (Variáveis + Método 60/30/10)
Usando e definindo cores com variáveis no Figma e método 60/30/10.
AULA 07
⸱ Perguntas para iniciar uma tarefa como um designer de verdade
Perguntas e passos que faço (e que você deveria fazer) antes de sair abrindo o Figma.
AULA 08
⸱ Masterizando o uso de border-radius em interfaces
Arredondamento de bordas não será mais um problema para você, vou te mostrar tudo sobre este assunto na prática, desde técnica, cálculos e mais.
MÓD. 11
Corrigindo interfaces dos Alunos
7 Aulas
AULA 01
⸱ Feedback - Interface Mobile / Little Paws
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 02
⸱ Feedback - Landing Page / Portella
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 03
⸱ Feedback - Landing Page / Safira
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 04
⸱ Feedback - Interface Mobile / Vincula Ação
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 05
⸱ Feedback - Landing Page / Solar
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 06
⸱ Feedback - Landing Page / ADV
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 07
⸱ Feedback - App / Innovating Educating
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
MÓD. 12
Gestalt descomplicada
7 Aulas
AULA 01
⸱ Introdução a Gestalt
Entenda o que é a psicologia da Gestalt e por que ela é a base de toda decisão visual em UI.
AULA 02
⸱ Princípio da Proximidade
Como a distância entre elementos altera completamente a percepção de agrupamento e leitura visual.
AULA 03
⸱ Princípio da Semelhança
Como elementos semelhantes criam padrões, relações e consistência intuitiva na interface.
AULA 04
⸱ Princípio da Continuidade
Use linhas implícitas e fluxos naturais para guiar o olhar do usuário sem esforço.
AULA 05
⸱ Princípio do Fechamento
Como o cérebro completa o que está faltando, e como usar isso a favor do design limpo.
AULA 06
⸱ Princípio da Figura / Fundo
Aprenda a destacar o que importa e evitar ruído visual ao manipular contraste e hierarquia.
AULA 07
⸱ Princípio da Região Comum
Como agrupar visualmente elementos mesmo sem containers explícitos, usando fundo, espaçamento e alinhamento.
MÓD. 13
Bônus
Prototipação Interativa no Figma
Bônus
12 Aulas
AULA 01
⸱ Porque isto é importante?
Entendendo as facilidades de prototipar de forma interativa no Figma.
AULA 02
⸱ Navegação entre telas e dispositivos de mockup
A mais essêncial, mas a mais importante ação para testar com usuários ou ver protótipos.
AULA 03
⸱ Itens de sistema: iOS & Android
Entendendo algo que deveria ser comum, mas que passa despercebido para a maioria.
AULA 04
⸱ Scroll vertical, independente e componentes fixos
Monte fluxos com scroll vertical livre, travado e com cabeçalhos fixos de forma estruturada.
AULA 05
⸱ Comportamento de Scroll horizontal
Crie carrosséis e conteúdos navegáveis lateralmente de forma suave e sem bugs visuais.
AULA 06
⸱ Flow starting point e organização
Configuração básica de visualização no Figma.
AULA 07
⸱ Interação com delay
Uma maneira de mostrar ainda mais realismo nos seus protótipos. (Essa é a função que eu mais uso).
AULA 08
⸱ Reforçando a interação de Delay (Toast Message)
Aula complementar à anterior.
AULA 09
⸱ Dominando o Smart Animate
Aprenda a usar transições inteligentes com fluidez, consistência e elegância, sem passar trabalho.
AULA 10
⸱ Reforçando o Smart Animate
Aula complementar à anterior.
AULA 11
⸱ Interações de Hover + Variants
Interações para tornar seus protótipos ainda mais reais, principalmente ao testar com usuários.
AULA 12
⸱ Dominando as microinterações com Lottie Files
Aprenda a incorporar animações com Lottie para enriquecer a experiência do usuário sem perder performance + Handoff.
MÓD. 14
Bônus
Inteligência Artificial
Bônus
8 Aulas
AULA 01
⸱ Guia de Prompts em Notion 🎁
AULA 02
⸱ IA em design: como integrar, cenário atual e erros comuns
AULA 03
⸱ Gerando diagnóstico visual para suas interfaces
AULA 04
⸱ Protótipos com IA - Como estruturar bons Prompts
AULA 05
⸱ Protótipos com IA - Criando na prática
AULA 06
⸱ Migrando o protótipo do Figma para IA e vice-versa
AULA 07
⸱ Como ganhar argumentos e antecipar erros com IA
AULA 08
⸱ Identificando melhorias estratégicas nas suas conversas com IA + tabelas
MÓD. 1
Boas vindas ao Intuitive Pixel
8 Aulas
AULA 01
⸱ Boas vindas, o que vamos aprender?
Boas vindas calorosas para a sua nova jornada comigo e tudo sobre o que vamos aprender.
AULA 02
⸱ Quem sou eu?
Mais sobre a trajetória do instrutor.
AULA 03
⸱ (Importante) Funcionamento do curso
Detalhes sobre a estrutura e dicas de estudo para melhor proveito no curso.
AULA 04
⸱ Comunidade e Regras importantes
Desbloqueando seu acesso ao Discord, WhatsApp e informações para feedbacks e networking com outros alunos.
AULA 05
⸱ Guia do Designer + Biblioteca de Links UI / UX 🎁
O primeiro presente a gente nunca esquece. Aqui você ganha acesso a biblioteca de recursos com +200 links que você com certeza irá precisar e, também, acesso ao Guia de Estudos em Notion com recursos para você que está começando, dicas de livros, roadmap de estudo para UX / UI, perfis para seguir e muito mais.
AULA 06
⸱ (Opcional) Acesso ao plano Figma Edu
Instruções para solicitação de acesso ao plano Figma Edu em parceria oficial com o Intuitive Pixel!
AULA 07
⸱ Criando o seu ID Card do curso
Aqui você cria seu cartão (opcional) de acesso e comemoração ao se juntar com +1000 alunos!
AULA 08
⸱ Guia de práticas para evoluir em UI & UX
Aqui você ganha sua primeira aula sobre como praticar interfaces no dia a dia e também segredos das práticas pessoas que me fizeram evoluir.
MÓD. 2
Tipografia
11 Aulas
AULA 01
⸱ Gerando hierarquia visual com tipografia
Aprenda a usar escala, contraste, peso e espaçamento para criar hierarquias tipográficas que guiam o olhar. Vamos entender os mesmos mecanismos de design que Spotify, HubSpot e Medium usam para induzir ações com elegância.
AULA 02
⸱ Guia de consistência em textos com escalas tipográficas
Evite variações inúteis de fontes e entenda como criar uma escala tipográfica que deixa suas páginas claras, elegantes e que não geram atrito com os devs.
AULA 03
⸱ Line height para textos legíveis e elegantes
Aprenda a definir o espaçamento ideal entre linhas para deixar seus textos mais legíveis e fluidos. Evite erros comuns de line-height que poluem a leitura e descubra cálculos e plugins que trazem ritmo e harmonia tipográfica.
AULA 04
⸱ Por que seu texto cansa, e como resolver com tipografia e ritmo visual
Aprenda a transformar blocos de texto cansativos em conteúdos leves e fáceis de ler. Descubra como usar hierarquia, espaçamento, largura ideal e tópicos para dar respiro e tornar suas interfaces mais escaneáveis e elegantes.
AULA 05
⸱ Cuidados com letras maiúsculas e cenários de uso
Descubra quando usar letras maiúsculas sem comprometer a legibilidade. Evite erros comuns em textos longos e aprenda a aplicar all caps em itens e cenários onde isto realmente funciona.
AULA 06
⸱ Letter-spacing: detalhes que transformam texto comuns em refinados
Entenda como o espaçamento entre caracteres pode arruinar ou elevar a legibilidade de um texto. Aprenda quando usar zero, positivo ou negativo e veja exemplos práticos (até cinematográficos) de como aplicar letter spacing com estilo em títulos e interfaces.
AULA 07
⸱ Como fazer combinações tipográficas (+ evitando uso excessivo)
Nesta aula eu te mostro na prática os riscos, exceções, e como descobrir casos para combinações tipográficas.
AULA 08
⸱ White space: criando textos com espaço e leveza
Aqui você entende como o white space influencia foco, leitura e estética, além de dicas práticas para aplicar nos seus layouts.
AULA 09
⸱ Texto justificado (e porque evitar)
Entenda por que a aparente “organização” do texto justificado engana. Veja como ele compromete a legibilidade, afasta a acessibilidade e aprenda as formas mais eficazes de estruturar parágrafos.
AULA 10
⸱ Decidindo fontes com contexto e intenção
Entenda como a escolha da tipografia pode reforçar ou quebrar a mensagem de uma interface. Aprenda a alinhar estilos de fonte ao contexto certo , do formal ao descontraído, e veja exemplos práticos para escolher com mais segurança.
AULA 11
⸱ Eliminando palavras soltas e melhorando fluidez de leitura
Dica prática que acaba passando despercebida por alguns designers a técnicas para evitar isto.
MÓD. 3
Cores
10 Aulas
AULA 01
⸱ Cores para divisões de blocos mais refinados e background neutros
Aprenda a variar backgrounds de forma elegante usando matizes da cores primárias. Descubra como transformar cinzas comuns em tons mais sofisticados e consistentes, criando interfaces muito mais harmônicas.
AULA 02
⸱ Dominando o cuidado com contrastes de cores
Entenda como o contraste entre cores impacta diretamente a legibilidade e a acessibilidade de uma interface. Aprenda a identificar erros comuns, medir contraste, guia de acessibilidade e aplicar combinações que funcionam em qualquer contexto, web, mobile, desktop, não importa!
AULA 03
⸱ Cor primária com propósito, aplicando 60/30/10
Entenda por que o excesso de cor compromete decisões na interface e aprenda a aplicar o método 60/30/10 para equilibrar cores como os grandes: destaque o que importa, reduza ruído visual e conduza ações com clareza.
AULA 04
⸱ Cor nos alertas: como evitar mensagens ignoradas por escolhas ruins
Aprenda a aplicar cores com precisão em alertas, erros e mensagens de sucesso. Entenda padrões semânticos de sistemas reais e evite decisões visuais que confundem o usuário.
AULA 05
⸱ A cor do perigo: realçando ações destrutivas (sem alarmismo)
Aprenda como aplicar o vermelho com estratégia para sinalizar ações destrutivas e evitar erros de UX. Veja boas práticas e exemplos reais de quando usar (e evitar) essa cor que carrega peso emocional e impacto imediato na decisão do usuário.
AULA 06
⸱ Evitando o tom 100% preto (e controvérsias)
Boas práticas de um leve ajuste no uso da cor para melhores resultados na UI.
AULA 07
⸱ Quando a cor cinza vira um problema
Descubra como evitar o erro clássico do uso de cinza na sua UI. Aprenda a criar hierarquia visual com contraste ideal e veja técnicas para adaptar textos e ícones automaticamente a qualquer background, sem perder harmonia.
AULA 08
⸱ Destacando itens selecionados com intencionalidade (e cor)
Entenda como reforçar decisões visuais com cor. Aprenda a sinalizar seleções com clareza, reduzir dúvidas do usuário e acelerar decisões com elementos simples como bordas, contraste e preenchimento, sem perder identidade da marca.
AULA 09
⸱ Simulando tipos de daltonismos em interfaces
Técnicas para simular tipos de daltonismos em UI's e antecipar possíveis problemas.
AULA 10
⸱ Prevendo cores aplicadas em interfaces
Descubra ferramentas práticas para testar paletas, prever harmonia entre cores e simular interfaces reais antes de aplicar, evitando erros, ganhando tempo e garantindo contraste e escalabilidade nos seus projetos de UI.
MÓD. 4
Botões
10 Aulas
AULA 01
⸱ Botões primários, secundários, terciários e prioridades
AULA 02
⸱ Estados de interações
AULA 03
⸱ Psicologia das formas dos botões (quando usar cada um)
AULA 04
⸱ Guia para áreas de toque acessíveis
AULA 05
⸱ Técnicas de Drop-Shadow e Elevações
AULA 06
⸱ Mantendo botões em linha única
AULA 07
⸱ Consistência de estilos
AULA 08
⸱ Ícones + Botões da forma correta
AULA 09
⸱ Botões full width
AULA 10
⸱ Labels com contexto
MÓD. 5
Grid & Layout
8 Aulas
AULA 01
⸱ Guia completo de consistência + Grid 8pts
AULA 02
⸱ Táticas de alinhamento vertical
AULA 03
⸱ Cards + Dominando White Space
AULA 04
⸱ Listas, Grids e Alinhamento Horizontal
AULA 05
⸱ Margens laterais mínimas
AULA 06
⸱ Affordance de scroll
AULA 07
⸱ Adeus alinhamento inconsistente
AULA 08
⸱ Espaçamento fantasma
MÓD. 6
Ícones
7 Aulas
AULA 01
⸱ Guia para o uso de ícones consistentes
AULA 02
⸱ Equilibrando ícones, pesos e textos
AULA 03
⸱ Espaçando ícones
AULA 04
⸱ Escalas de ícones e erros comuns
AULA 05
⸱ Entendendo o uso de ícones, vetores e PNG's
AULA 06
⸱ Ícones universais
AULA 07
⸱ Ícones e bounding boxes
MÓD. 7
Imagens & Textos
6 Aulas
AULA 01
⸱ Guia de combinações entre Imagens + Textos com contraste
AULA 02
⸱ Tons com narrativa da marca
AULA 03
⸱ É por isto que todo design de Dribbble é incrível
AULA 04
⸱ Imagens full width
AULA 05
⸱ Licenças de imagens e riscos invisíveis
AULA 06
⸱ Economizando tempo com imagens no Figma
MÓD. 8
Formulários & Inputs
7 Aulas
AULA 01
⸱ Dominando os principais cuidados com formulários
AULA 02
⸱ Padrões de escaneamento em formulários
AULA 03
⸱ Descomplicando formulários complexos (+Checklist🎁)
AULA 04
⸱ Utilizando labels da forma correta
AULA 05
⸱ Estados de inputs, Handoff e Erros
AULA 06
⸱ A maneira certa de utilizar placeholders
AULA 07
⸱ Detalhes e dicas visuais finais
MÓD. 9
Hero Sections
7 Aulas
AULA 01
⸱ Fundamentos essenciais para Hero's que funcionam
Os pilares que fazem uma Hero se destacar de verdade: impacto visual, mensagem clara e direção de atenção.
AULA 02
⸱ Dominando padrões de Hero's que convertem (+ Checklist 🎁)
Os modelos que funcionam e um checklist absurdo de prático para criar Hero Sections com mais conversão e menos tentativa.
AULA 03
⸱ Workflow estratégico para criação de Hero's
Veja o passo a passo de como estruturar uma Hero do zero com foco em propósito, hierarquia e refinamento.
AULA 04
⸱ Dominando elementos de profundidade em Hero's
Técnicas avançadas de camadas, sombras e sobreposições para criar profundidade com propósito, sem poluir o layout.
AULA 05
⸱ Princípio do olhar e imagens humanas
Descubra como o direcionamento visual do olhar nas imagens impacta a atenção do usuário e o comportamento na página.
AULA 06
⸱ Gerando imagens com IA (ImageFX + Firefly)
Como usar IA para criar imagens de impacto para Hero Sections, mantendo coesão visual com o restante do layout.
AULA 07
⸱ Adaptando Hero Sections para mobile
Como manter o impacto visual e a clareza da mensagem ao adaptar Hero Sections para telas menores.
MÓD. 10
Insights
8 Aulas
AULA 01
⸱ (UX / Usabilidade) Critérios de usabilidade para componentes de design
Um segredo que designers experientes seguem para entender se componentes seguem critérios de usabilidade.
AULA 02
⸱ (UI) Refinando a separação de conteúdo em lista
Absolutamente todas as maneiras do mundo para gerar separações de conteúdos de maneira elegante, aula de UI nível PRO.
AULA 03
⸱ (🎁Template / Figma) Preparando e organizando um arquivo no Figma para Projetos + Handoff
Os bastidores sobre como eu organizo e entrego meus arquivos com muitos insights extras do mundo real de produto, UX e UI.
AULA 04
⸱ Criando um teste de usabilidade do zero absoluto com Figma / Maze
"Não tive tempo ou não sei testar" com usuários não será mais uma desculpa para você, vou te colocar em outro nível com essa aula.
AULA 05
⸱ Como eu crio grids Desktop, Tablet e Mobile
Tudo sobre minha maneira de criar grids.
AULA 06
⸱ Criando uma paleta de cores do zero (Variáveis + Método 60/30/10)
Usando e definindo cores com variáveis no Figma e método 60/30/10.
AULA 07
⸱ Perguntas para iniciar uma tarefa como um designer de verdade
Perguntas e passos que faço (e que você deveria fazer) antes de sair abrindo o Figma.
AULA 08
⸱ Masterizando o uso de border-radius em interfaces
Arredondamento de bordas não será mais um problema para você, vou te mostrar tudo sobre este assunto na prática, desde técnica, cálculos e mais.
MÓD. 11
Corrigindo interfaces dos Alunos
7 Aulas
AULA 01
⸱ Feedback - Interface Mobile / Little Paws
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 02
⸱ Feedback - Landing Page / Portella
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 03
⸱ Feedback - Landing Page / Safira
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 04
⸱ Feedback - Interface Mobile / Vincula Ação
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 05
⸱ Feedback - Landing Page / Solar
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 06
⸱ Feedback - Landing Page / ADV
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 07
⸱ Feedback - App / Innovating Educating
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
MÓD. 12
Gestalt descomplicada
7 Aulas
AULA 01
⸱ Introdução a Gestalt
Entenda o que é a psicologia da Gestalt e por que ela é a base de toda decisão visual em UI.
AULA 02
⸱ Princípio da Proximidade
Como a distância entre elementos altera completamente a percepção de agrupamento e leitura visual.
AULA 03
⸱ Princípio da Semelhança
Como elementos semelhantes criam padrões, relações e consistência intuitiva na interface.
AULA 04
⸱ Princípio da Continuidade
Use linhas implícitas e fluxos naturais para guiar o olhar do usuário sem esforço.
AULA 05
⸱ Princípio do Fechamento
Como o cérebro completa o que está faltando, e como usar isso a favor do design limpo.
AULA 06
⸱ Princípio da Figura / Fundo
Aprenda a destacar o que importa e evitar ruído visual ao manipular contraste e hierarquia.
AULA 07
⸱ Princípio da Região Comum
Como agrupar visualmente elementos mesmo sem containers explícitos, usando fundo, espaçamento e alinhamento.
MÓD. 13
Bônus
Prototipação Interativa no Figma
Bônus
12 Aulas
AULA 01
⸱ Porque isto é importante?
Entendendo as facilidades de prototipar de forma interativa no Figma.
AULA 02
⸱ Navegação entre telas e dispositivos de mockup
A mais essêncial, mas a mais importante ação para testar com usuários ou ver protótipos.
AULA 03
⸱ Itens de sistema: iOS & Android
Entendendo algo que deveria ser comum, mas que passa despercebido para a maioria.
AULA 04
⸱ Scroll vertical, independente e componentes fixos
Monte fluxos com scroll vertical livre, travado e com cabeçalhos fixos de forma estruturada.
AULA 05
⸱ Comportamento de Scroll horizontal
Crie carrosséis e conteúdos navegáveis lateralmente de forma suave e sem bugs visuais.
AULA 06
⸱ Flow starting point e organização
Configuração básica de visualização no Figma.
AULA 07
⸱ Interação com delay
Uma maneira de mostrar ainda mais realismo nos seus protótipos. (Essa é a função que eu mais uso).
AULA 08
⸱ Reforçando a interação de Delay (Toast Message)
Aula complementar à anterior.
AULA 09
⸱ Dominando o Smart Animate
Aprenda a usar transições inteligentes com fluidez, consistência e elegância, sem passar trabalho.
AULA 10
⸱ Reforçando o Smart Animate
Aula complementar à anterior.
AULA 11
⸱ Interações de Hover + Variants
Interações para tornar seus protótipos ainda mais reais, principalmente ao testar com usuários.
AULA 12
⸱ Dominando as microinterações com Lottie Files
Aprenda a incorporar animações com Lottie para enriquecer a experiência do usuário sem perder performance + Handoff.
MÓD. 14
Bônus
Inteligência Artificial
Bônus
8 Aulas
AULA 01
⸱ Guia de Prompts em Notion 🎁
AULA 02
⸱ IA em design: como integrar, cenário atual e erros comuns
AULA 03
⸱ Gerando diagnóstico visual para suas interfaces
AULA 04
⸱ Protótipos com IA - Como estruturar bons Prompts
AULA 05
⸱ Protótipos com IA - Criando na prática
AULA 06
⸱ Migrando o protótipo do Figma para IA e vice-versa
AULA 07
⸱ Como ganhar argumentos e antecipar erros com IA
AULA 08
⸱ Identificando melhorias estratégicas nas suas conversas com IA + tabelas
MÓD. 1
Boas vindas ao Intuitive Pixel
8 Aulas
AULA 01
⸱ Boas vindas, o que vamos aprender?
Boas vindas calorosas para a sua nova jornada comigo e tudo sobre o que vamos aprender.
AULA 02
⸱ Quem sou eu?
Mais sobre a trajetória do instrutor.
AULA 03
⸱ (Importante) Funcionamento do curso
Detalhes sobre a estrutura e dicas de estudo para melhor proveito no curso.
AULA 04
⸱ Comunidade e Regras importantes
Desbloqueando seu acesso ao Discord, WhatsApp e informações para feedbacks e networking com outros alunos.
AULA 05
⸱ Guia do Designer + Biblioteca de Links UI / UX 🎁
O primeiro presente a gente nunca esquece. Aqui você ganha acesso a biblioteca de recursos com +200 links que você com certeza irá precisar e, também, acesso ao Guia de Estudos em Notion com recursos para você que está começando, dicas de livros, roadmap de estudo para UX / UI, perfis para seguir e muito mais.
AULA 06
⸱ (Opcional) Acesso ao plano Figma Edu
Instruções para solicitação de acesso ao plano Figma Edu em parceria oficial com o Intuitive Pixel!
AULA 07
⸱ Criando o seu ID Card do curso
Aqui você cria seu cartão (opcional) de acesso e comemoração ao se juntar com +1000 alunos!
AULA 08
⸱ Guia de práticas para evoluir em UI & UX
Aqui você ganha sua primeira aula sobre como praticar interfaces no dia a dia e também segredos das práticas pessoas que me fizeram evoluir.
MÓD. 2
Tipografia
11 Aulas
AULA 01
⸱ Gerando hierarquia visual com tipografia
Aprenda a usar escala, contraste, peso e espaçamento para criar hierarquias tipográficas que guiam o olhar. Vamos entender os mesmos mecanismos de design que Spotify, HubSpot e Medium usam para induzir ações com elegância.
AULA 02
⸱ Guia de consistência em textos com escalas tipográficas
Evite variações inúteis de fontes e entenda como criar uma escala tipográfica que deixa suas páginas claras, elegantes e que não geram atrito com os devs.
AULA 03
⸱ Line height para textos legíveis e elegantes
Aprenda a definir o espaçamento ideal entre linhas para deixar seus textos mais legíveis e fluidos. Evite erros comuns de line-height que poluem a leitura e descubra cálculos e plugins que trazem ritmo e harmonia tipográfica.
AULA 04
⸱ Por que seu texto cansa, e como resolver com tipografia e ritmo visual
Aprenda a transformar blocos de texto cansativos em conteúdos leves e fáceis de ler. Descubra como usar hierarquia, espaçamento, largura ideal e tópicos para dar respiro e tornar suas interfaces mais escaneáveis e elegantes.
AULA 05
⸱ Cuidados com letras maiúsculas e cenários de uso
Descubra quando usar letras maiúsculas sem comprometer a legibilidade. Evite erros comuns em textos longos e aprenda a aplicar all caps em itens e cenários onde isto realmente funciona.
AULA 06
⸱ Letter-spacing: detalhes que transformam texto comuns em refinados
Entenda como o espaçamento entre caracteres pode arruinar ou elevar a legibilidade de um texto. Aprenda quando usar zero, positivo ou negativo e veja exemplos práticos (até cinematográficos) de como aplicar letter spacing com estilo em títulos e interfaces.
AULA 07
⸱ Como fazer combinações tipográficas (+ evitando uso excessivo)
Nesta aula eu te mostro na prática os riscos, exceções, e como descobrir casos para combinações tipográficas.
AULA 08
⸱ White space: criando textos com espaço e leveza
Aqui você entende como o white space influencia foco, leitura e estética, além de dicas práticas para aplicar nos seus layouts.
AULA 09
⸱ Texto justificado (e porque evitar)
Entenda por que a aparente “organização” do texto justificado engana. Veja como ele compromete a legibilidade, afasta a acessibilidade e aprenda as formas mais eficazes de estruturar parágrafos.
AULA 10
⸱ Decidindo fontes com contexto e intenção
Entenda como a escolha da tipografia pode reforçar ou quebrar a mensagem de uma interface. Aprenda a alinhar estilos de fonte ao contexto certo , do formal ao descontraído, e veja exemplos práticos para escolher com mais segurança.
AULA 11
⸱ Eliminando palavras soltas e melhorando fluidez de leitura
Dica prática que acaba passando despercebida por alguns designers a técnicas para evitar isto.
MÓD. 3
Cores
10 Aulas
AULA 01
⸱ Cores para divisões de blocos mais refinados e background neutros
Aprenda a variar backgrounds de forma elegante usando matizes da cores primárias. Descubra como transformar cinzas comuns em tons mais sofisticados e consistentes, criando interfaces muito mais harmônicas.
AULA 02
⸱ Dominando o cuidado com contrastes de cores
Entenda como o contraste entre cores impacta diretamente a legibilidade e a acessibilidade de uma interface. Aprenda a identificar erros comuns, medir contraste, guia de acessibilidade e aplicar combinações que funcionam em qualquer contexto, web, mobile, desktop, não importa!
AULA 03
⸱ Cor primária com propósito, aplicando 60/30/10
Entenda por que o excesso de cor compromete decisões na interface e aprenda a aplicar o método 60/30/10 para equilibrar cores como os grandes: destaque o que importa, reduza ruído visual e conduza ações com clareza.
AULA 04
⸱ Cor nos alertas: como evitar mensagens ignoradas por escolhas ruins
Aprenda a aplicar cores com precisão em alertas, erros e mensagens de sucesso. Entenda padrões semânticos de sistemas reais e evite decisões visuais que confundem o usuário.
AULA 05
⸱ A cor do perigo: realçando ações destrutivas (sem alarmismo)
Aprenda como aplicar o vermelho com estratégia para sinalizar ações destrutivas e evitar erros de UX. Veja boas práticas e exemplos reais de quando usar (e evitar) essa cor que carrega peso emocional e impacto imediato na decisão do usuário.
AULA 06
⸱ Evitando o tom 100% preto (e controvérsias)
Boas práticas de um leve ajuste no uso da cor para melhores resultados na UI.
AULA 07
⸱ Quando a cor cinza vira um problema
Descubra como evitar o erro clássico do uso de cinza na sua UI. Aprenda a criar hierarquia visual com contraste ideal e veja técnicas para adaptar textos e ícones automaticamente a qualquer background, sem perder harmonia.
AULA 08
⸱ Destacando itens selecionados com intencionalidade (e cor)
Entenda como reforçar decisões visuais com cor. Aprenda a sinalizar seleções com clareza, reduzir dúvidas do usuário e acelerar decisões com elementos simples como bordas, contraste e preenchimento, sem perder identidade da marca.
AULA 09
⸱ Simulando tipos de daltonismos em interfaces
Técnicas para simular tipos de daltonismos em UI's e antecipar possíveis problemas.
AULA 10
⸱ Prevendo cores aplicadas em interfaces
Descubra ferramentas práticas para testar paletas, prever harmonia entre cores e simular interfaces reais antes de aplicar, evitando erros, ganhando tempo e garantindo contraste e escalabilidade nos seus projetos de UI.
MÓD. 4
Botões
10 Aulas
AULA 01
⸱ Botões primários, secundários, terciários e prioridades
AULA 02
⸱ Estados de interações
AULA 03
⸱ Psicologia das formas dos botões (quando usar cada um)
AULA 04
⸱ Guia para áreas de toque acessíveis
AULA 05
⸱ Técnicas de Drop-Shadow e Elevações
AULA 06
⸱ Mantendo botões em linha única
AULA 07
⸱ Consistência de estilos
AULA 08
⸱ Ícones + Botões da forma correta
AULA 09
⸱ Botões full width
AULA 10
⸱ Labels com contexto
MÓD. 5
Grid & Layout
8 Aulas
AULA 01
⸱ Guia completo de consistência + Grid 8pts
AULA 02
⸱ Táticas de alinhamento vertical
AULA 03
⸱ Cards + Dominando White Space
AULA 04
⸱ Listas, Grids e Alinhamento Horizontal
AULA 05
⸱ Margens laterais mínimas
AULA 06
⸱ Affordance de scroll
AULA 07
⸱ Adeus alinhamento inconsistente
AULA 08
⸱ Espaçamento fantasma
MÓD. 6
Ícones
7 Aulas
AULA 01
⸱ Guia para o uso de ícones consistentes
AULA 02
⸱ Equilibrando ícones, pesos e textos
AULA 03
⸱ Espaçando ícones
AULA 04
⸱ Escalas de ícones e erros comuns
AULA 05
⸱ Entendendo o uso de ícones, vetores e PNG's
AULA 06
⸱ Ícones universais
AULA 07
⸱ Ícones e bounding boxes
MÓD. 7
Imagens & Textos
6 Aulas
AULA 01
⸱ Guia de combinações entre Imagens + Textos com contraste
AULA 02
⸱ Tons com narrativa da marca
AULA 03
⸱ É por isto que todo design de Dribbble é incrível
AULA 04
⸱ Imagens full width
AULA 05
⸱ Licenças de imagens e riscos invisíveis
AULA 06
⸱ Economizando tempo com imagens no Figma
MÓD. 8
Formulários & Inputs
7 Aulas
AULA 01
⸱ Dominando os principais cuidados com formulários
AULA 02
⸱ Padrões de escaneamento em formulários
AULA 03
⸱ Descomplicando formulários complexos (+Checklist🎁)
AULA 04
⸱ Utilizando labels da forma correta
AULA 05
⸱ Estados de inputs, Handoff e Erros
AULA 06
⸱ A maneira certa de utilizar placeholders
AULA 07
⸱ Detalhes e dicas visuais finais
MÓD. 9
Hero Sections
7 Aulas
AULA 01
⸱ Fundamentos essenciais para Hero's que funcionam
Os pilares que fazem uma Hero se destacar de verdade: impacto visual, mensagem clara e direção de atenção.
AULA 02
⸱ Dominando padrões de Hero's que convertem (+ Checklist 🎁)
Os modelos que funcionam e um checklist absurdo de prático para criar Hero Sections com mais conversão e menos tentativa.
AULA 03
⸱ Workflow estratégico para criação de Hero's
Veja o passo a passo de como estruturar uma Hero do zero com foco em propósito, hierarquia e refinamento.
AULA 04
⸱ Dominando elementos de profundidade em Hero's
Técnicas avançadas de camadas, sombras e sobreposições para criar profundidade com propósito, sem poluir o layout.
AULA 05
⸱ Princípio do olhar e imagens humanas
Descubra como o direcionamento visual do olhar nas imagens impacta a atenção do usuário e o comportamento na página.
AULA 06
⸱ Gerando imagens com IA (ImageFX + Firefly)
Como usar IA para criar imagens de impacto para Hero Sections, mantendo coesão visual com o restante do layout.
AULA 07
⸱ Adaptando Hero Sections para mobile
Como manter o impacto visual e a clareza da mensagem ao adaptar Hero Sections para telas menores.
MÓD. 10
Insights
8 Aulas
AULA 01
⸱ (UX / Usabilidade) Critérios de usabilidade para componentes de design
Um segredo que designers experientes seguem para entender se componentes seguem critérios de usabilidade.
AULA 02
⸱ (UI) Refinando a separação de conteúdo em lista
Absolutamente todas as maneiras do mundo para gerar separações de conteúdos de maneira elegante, aula de UI nível PRO.
AULA 03
⸱ (🎁Template / Figma) Preparando e organizando um arquivo no Figma para Projetos + Handoff
Os bastidores sobre como eu organizo e entrego meus arquivos com muitos insights extras do mundo real de produto, UX e UI.
AULA 04
⸱ Criando um teste de usabilidade do zero absoluto com Figma / Maze
"Não tive tempo ou não sei testar" com usuários não será mais uma desculpa para você, vou te colocar em outro nível com essa aula.
AULA 05
⸱ Como eu crio grids Desktop, Tablet e Mobile
Tudo sobre minha maneira de criar grids.
AULA 06
⸱ Criando uma paleta de cores do zero (Variáveis + Método 60/30/10)
Usando e definindo cores com variáveis no Figma e método 60/30/10.
AULA 07
⸱ Perguntas para iniciar uma tarefa como um designer de verdade
Perguntas e passos que faço (e que você deveria fazer) antes de sair abrindo o Figma.
AULA 08
⸱ Masterizando o uso de border-radius em interfaces
Arredondamento de bordas não será mais um problema para você, vou te mostrar tudo sobre este assunto na prática, desde técnica, cálculos e mais.
MÓD. 11
Corrigindo interfaces dos Alunos
7 Aulas
AULA 01
⸱ Feedback - Interface Mobile / Little Paws
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 02
⸱ Feedback - Landing Page / Portella
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 03
⸱ Feedback - Landing Page / Safira
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 04
⸱ Feedback - Interface Mobile / Vincula Ação
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 05
⸱ Feedback - Landing Page / Solar
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 06
⸱ Feedback - Landing Page / ADV
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 07
⸱ Feedback - App / Innovating Educating
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
MÓD. 12
Gestalt descomplicada
7 Aulas
AULA 01
⸱ Introdução a Gestalt
Entenda o que é a psicologia da Gestalt e por que ela é a base de toda decisão visual em UI.
AULA 02
⸱ Princípio da Proximidade
Como a distância entre elementos altera completamente a percepção de agrupamento e leitura visual.
AULA 03
⸱ Princípio da Semelhança
Como elementos semelhantes criam padrões, relações e consistência intuitiva na interface.
AULA 04
⸱ Princípio da Continuidade
Use linhas implícitas e fluxos naturais para guiar o olhar do usuário sem esforço.
AULA 05
⸱ Princípio do Fechamento
Como o cérebro completa o que está faltando, e como usar isso a favor do design limpo.
AULA 06
⸱ Princípio da Figura / Fundo
Aprenda a destacar o que importa e evitar ruído visual ao manipular contraste e hierarquia.
AULA 07
⸱ Princípio da Região Comum
Como agrupar visualmente elementos mesmo sem containers explícitos, usando fundo, espaçamento e alinhamento.
MÓD. 13
Bônus
Prototipação Interativa no Figma
12 Aulas
AULA 01
⸱ Porque isto é importante?
Entendendo as facilidades de prototipar de forma interativa no Figma.
AULA 02
⸱ Navegação entre telas e dispositivos de mockup
A mais essêncial, mas a mais importante ação para testar com usuários ou ver protótipos.
AULA 03
⸱ Itens de sistema: iOS & Android
Entendendo algo que deveria ser comum, mas que passa despercebido para a maioria.
AULA 04
⸱ Scroll vertical, independente e componentes fixos
Monte fluxos com scroll vertical livre, travado e com cabeçalhos fixos de forma estruturada.
AULA 05
⸱ Comportamento de Scroll horizontal
Crie carrosséis e conteúdos navegáveis lateralmente de forma suave e sem bugs visuais.
AULA 06
⸱ Flow starting point e organização
Configuração básica de visualização no Figma.
AULA 07
⸱ Interação com delay
Uma maneira de mostrar ainda mais realismo nos seus protótipos. (Essa é a função que eu mais uso).
AULA 08
⸱ Reforçando a interação de Delay (Toast Message)
Aula complementar à anterior.
AULA 09
⸱ Dominando o Smart Animate
Aprenda a usar transições inteligentes com fluidez, consistência e elegância, sem passar trabalho.
AULA 10
⸱ Reforçando o Smart Animate
Aula complementar à anterior.
AULA 11
⸱ Interações de Hover + Variants
Interações para tornar seus protótipos ainda mais reais, principalmente ao testar com usuários.
AULA 12
⸱ Dominando as microinterações com Lottie Files
Aprenda a incorporar animações com Lottie para enriquecer a experiência do usuário sem perder performance + Handoff.
MÓD. 14
Bônus
Inteligência Artificial
8 Aulas
AULA 01
⸱ Guia de Prompts em Notion 🎁
AULA 02
⸱ IA em design: como integrar, cenário atual e erros comuns
AULA 03
⸱ Gerando diagnóstico visual para suas interfaces
AULA 04
⸱ Protótipos com IA - Como estruturar bons Prompts
AULA 05
⸱ Protótipos com IA - Criando na prática
AULA 06
⸱ Migrando o protótipo do Figma para IA e vice-versa
AULA 07
⸱ Como ganhar argumentos e antecipar erros com IA
AULA 08
⸱ Identificando melhorias estratégicas nas suas conversas com IA + tabelas
DEPOIMENTOS DOS ALUNOS
O que meus +1000 alunos falam sobre o curso?
Antes do curso, eu tinha dificuldades em tomar decisões. Como sou nova na área, era difícil entender como as coisas funcionam e quais são os impactos das minhas escolhas. Depois do curso, estou colocando em prática os ensinamentos e aprendendo a tomar decisões mais conscientes e eficazes.
Livia Araujo
Product Designer
A didática apresentada no curso é muito boa e de fácil entendimento! Um curso bem prático, rápido e objetivo, com aulas direto ao ponto. Pude explorar minuciosamente detalhes sobre tipografia, cores, grids, botões, imagens, ícones e tantos outros aspectos que moldam experiências impactantes para os usuários.
Ricardo Miranda
Product Designer
Didática excelente e dicas que não vi em nenhum outro curso que fiz de UI Design. Sanou minhas maiores dúvidas e me fez ter certeza sobre minha migração de carreira.
Lívia Azevedo
Graphic Designer
Recomendo para todos, do iniciante ao avançado. O curso é recheado de dicas importantes e valiosas que auxiliam na construção de interfaces. Conteúdo prático e direto, mas ao mesmo tempo ensinando os porquês de cada decisão de design.
Eduardo Amaral
Product Designer
Cara, eu digo a todo mundo que eu recomendo seu curso: é uma enciclopédia, é uma bíblia, como o e-book. É um curso que dá gosto vc voltar pra sanar uma dúvida e sair aprendendo coisas novas mesmo revendo varias e varias vezes.
Williams Costa
Designer
O curso é incrível, super detalhado e as explicações são bem claras. Além disso, a qualidade das aulas e dos vídeos é top. Não posso deixar de falar dos materiais extras, como o Notion, que são demais e ajudam muito no aprendizado. Tudo junto faz com que o curso seja muito completo.
Juliana Colem
Product Designer
DEPOIMENTOS DOS ALUNOS
O que meus +1000 alunos falam sobre o curso?
Antes do curso, eu tinha dificuldades em tomar decisões. Como sou nova na área, era difícil entender como as coisas funcionam e quais são os impactos das minhas escolhas. Depois do curso, estou colocando em prática os ensinamentos e aprendendo a tomar decisões mais conscientes e eficazes.
Livia Araujo
Product Designer
A didática apresentada no curso é muito boa e de fácil entendimento! Um curso bem prático, rápido e objetivo, com aulas direto ao ponto. Pude explorar minuciosamente detalhes sobre tipografia, cores, grids, botões, imagens, ícones e tantos outros aspectos que moldam experiências impactantes para os usuários.
Ricardo Miranda
Product Designer
Didática excelente e dicas que não vi em nenhum outro curso que fiz de UI Design. Sanou minhas maiores dúvidas e me fez ter certeza sobre minha migração de carreira.
Lívia Azevedo
Graphic Designer
Recomendo para todos, do iniciante ao avançado. O curso é recheado de dicas importantes e valiosas que auxiliam na construção de interfaces. Conteúdo prático e direto, mas ao mesmo tempo ensinando os porquês de cada decisão de design.
Eduardo Amaral
Product Designer
Cara, eu digo a todo mundo que eu recomendo seu curso: é uma enciclopédia, é uma bíblia, como o e-book. É um curso que dá gosto vc voltar pra sanar uma dúvida e sair aprendendo coisas novas mesmo revendo varias e varias vezes.
Williams Costa
Designer
O curso é incrível, super detalhado e as explicações são bem claras. Além disso, a qualidade das aulas e dos vídeos é top. Não posso deixar de falar dos materiais extras, como o Notion, que são demais e ajudam muito no aprendizado. Tudo junto faz com que o curso seja muito completo.
Juliana Colem
Product Designer
DEPOIMENTOS DOS ALUNOS
O que meus +1000 alunos falam sobre o curso?
Antes do curso, eu tinha dificuldades em tomar decisões. Como sou nova na área, era difícil entender como as coisas funcionam e quais são os impactos das minhas escolhas. Depois do curso, estou colocando em prática os ensinamentos e aprendendo a tomar decisões mais conscientes e eficazes.
Livia Araujo
Product Designer
A didática apresentada no curso é muito boa e de fácil entendimento! Um curso bem prático, rápido e objetivo, com aulas direto ao ponto. Pude explorar minuciosamente detalhes sobre tipografia, cores, grids, botões, imagens, ícones e tantos outros aspectos que moldam experiências impactantes para os usuários.
Ricardo Miranda
Product Designer
Didática excelente e dicas que não vi em nenhum outro curso que fiz de UI Design. Sanou minhas maiores dúvidas e me fez ter certeza sobre minha migração de carreira.
Lívia Azevedo
Graphic Designer
Recomendo para todos, do iniciante ao avançado. O curso é recheado de dicas importantes e valiosas que auxiliam na construção de interfaces. Conteúdo prático e direto, mas ao mesmo tempo ensinando os porquês de cada decisão de design.
Eduardo Amaral
Product Designer
Cara, eu digo a todo mundo que eu recomendo seu curso: é uma enciclopédia, é uma bíblia, como o e-book. É um curso que dá gosto vc voltar pra sanar uma dúvida e sair aprendendo coisas novas mesmo revendo varias e varias vezes.
Williams Costa
Designer
O curso é incrível, super detalhado e as explicações são bem claras. Além disso, a qualidade das aulas e dos vídeos é top. Não posso deixar de falar dos materiais extras, como o Notion, que são demais e ajudam muito no aprendizado. Tudo junto faz com que o curso seja muito completo.
Juliana Colem
Product Designer
os alunos amam a minha entrega
Seu relato de sucesso aqui!
Assim que virar meu aluno (a) e se encantar com o curso, é só me enviar seu feedback no Instagram ;)
Seu relato de sucesso aqui!
Assim que virar meu aluno (a) e se encantar com o curso, é só me enviar seu feedback no Instagram ;)
inserir meu relato
UM RESUMO SOBRE MIM
Opa, eu me chamo Andrey 👋
Atuei como Product Designer na Organizze e estou há 4 anos atuando como Senior Product Designer na Simples Dental, o maior software odontológico da América Latina e parte do maior grupo odontológico do mundo, Henry Schein.
Criador do Guia de Boas Práticas para Interfaces com selo Best Seller na Hotmart, mais de 1000 alunos e nota 5/5 de satisfação.
Bacharel em Design Gráfico, se especializou e trabalha como UI/UX Designer.
Participou como instrutor em cursos de Design como Design Circuit, UI Pro, Projeto UX, Faculdade SATC, Mentorama, Deploy UX, Papo de UX e+!
Working on / 4y 3m
Past experience / 2y 9m
Past experience / 2y
UM RESUMO SOBRE MIM
Opa, eu me chamo Andrey Knabben 👋
UM RESUMO SOBRE MIM
Opa, eu me chamo Andrey 👋
Atuei como Product Designer na Organizze e estou há 4 anos atuando como Senior Product Designer na Simples Dental, o maior software odontológico da América Latina e parte do maior grupo odontológico do mundo, Henry Schein.
Criador do Guia de Boas Práticas para Interfaces com selo Best Seller na Hotmart, mais de 1000 alunos e nota 5/5 de satisfação.
Bacharel em Design Gráfico, se especializou e trabalha como UI/UX Designer.
Participou como instrutor em cursos de Design como Design Circuit, UI Pro, Projeto UX, Faculdade SATC, Mentorama, Deploy UX, Papo de UX e+!
Working on / 4y 3m
Past experience / 2y 9m
Past experience / 2y
UM RESUMO SOBRE MIM
Opa, eu me chamo Andrey Knabben 👋
PROMOÇÃO DO MÊS ATIVA
Sua compra em Outubro garante…
Comunidade no Discord
Para aprender, interagir e solicitar feedbacks com os alunos do curso!
Biblioteca de UI/UX
Uma lista extensa de links e recursos
para a área de UI & UX Design!
O Guia do Designer
Um guia completo em Notion com vários recursos e necessidades da área.
Lifetime access
Acesso vitalício as aulas para você avançar no ritmo que preferir.
Aulas extras e updates
Muito conhecimento extra e além
da conta para não ficar parado.
Networking no WhatsApp
Além do Discord e suporte, temos uma comunidade ativa no WhatsApp!
CERTIFICADO DE CONCLUSÃO
Seu design comunica, e seu
certificado também
Certificado pronto para publicar no LinkedIn.
EDIÇÃO 2025
"Recomendo este curso de olhos fechados, porque sei o quanto ele é capaz de abrir os seus"
+120 aulas gravadas
Certificado de conclusão
+25 horas de conteúdo
7 dias de garantia
Acesso a comunidade
Acesso vitalício
🙌 Meus alunos falam que eu entrego muito mais pelo preço que cobro no curso, e acho que vc vai concordar com isto :)
De R$ 597,00 por
12x R$ 37,96
ou R$ 367,00 à vista
7 dias de garantia! Se não gostar, devolvo 100% do seu dinheiro, zero riscos para vc :)
+120 aulas gravadas
Certificado de conclusão
+25 horas de conteúdo
7 dias de garantia
Acesso a comunidade
Acesso vitalício
"Recomendo este curso de olhos fechados, porque sei o quanto ele é capaz de abrir os seus"
+120 aulas gravadas
Certificado de conclusão
+25 horas de conteúdo
7 dias de garantia
Acesso a comunidade
Acesso vitalício
🙌 Meus alunos falam que eu entrego muito mais pelo preço que cobro no curso, e acho que vc vai concordar com isto :)
De R$ 597,00 por
12x R$ 37,96
ou R$ 367,00 à vista
7 dias de garantia! Se não gostar, devolvo 100% do seu dinheiro, zero riscos para vc :)
+120 aulas gravadas
Certificado de conclusão
+25 horas de conteúdo
7 dias de garantia
Acesso a comunidade
Acesso vitalício
"Recomendo este curso de olhos fechados, porque sei o quanto ele é capaz de abrir os seus"
+120 aulas gravadas
Certificado de conclusão
+25 horas de conteúdo
7 dias de garantia
Acesso a comunidade
Acesso vitalício
🙌 Meus alunos falam que eu entrego muito mais pelo preço que cobro no curso, e acho que vc vai concordar com isto :)
De R$ 597 por apenas:
12x R$ 37,96
ou R$ 367,00 à vista
7 dias de garantia! Se não gostar, devolvo 100% do seu dinheiro :)
+120 aulas gravadas
Certificado de conclusão
+25 horas de conteúdo
7 dias de garantia
Acesso a comunidade
Acesso vitalício
“Cara, eu digo a todo mundo que eu recomendo seu curso: é uma enciclopédia, é uma bíblia, como o e-book. É um curso que dá gosto vc voltar pra sanar uma dúvida e sair aprendendo coisas novas mesmo revendo várias e várias vezes.”
Williams Costa
Designer
“Um curso que saiu do óbvio. De modo geral as pessoas querem conteúdos que só ensinem a como operar o Figma, quando na realidade nosso mercado carece de base teórica e dicas em Design. Esse curso entregou fundamentos, dicas, práticas e+!”
Rodrigo Teixeira
Design Specialist
“Didática excelente e dicas que não vi em nenhum outro curso que fiz de UI Design. Sanou minhas maiores dúvidas e me fez ter certeza sobre minha migração de carreira.”
Lívia Azevedo
Graphic Designer
Recomendo para todos, do iniciante ao avançado. O curso é recheado de dicas importantes e valiosas que auxiliam na construção de interfaces. Conteúdo prático e direto, mas ao mesmo tempo ensinando os porquês de cada decisão de design.
Eduardo Amaral
Product Designer
Perguntas Frequentes
O FAQ não te ajudou? Envie um email
para contato@andreyknabbenn.com
Perguntas Frequentes
O FAQ não te ajudou? Envie um email
para contato@andreyknabbenn.com
Perguntas Frequentes
O FAQ não te ajudou? Envie um email
para contato@andreyknabbenn.com
Sou iniciante, o curso serve para mim?
Sou iniciante, o curso serve para mim?
Sou avançado e já crio tudo perfeito, é para mim?
Sou avançado e já crio tudo perfeito, é para mim?
Quando eu NÃO devo comprar o curso?
Quando eu NÃO devo comprar o curso?
Porque falam que o curso entrega mais do que promete?
Porque falam que o curso entrega mais do que promete?
Preciso dominar Figma para aproveitar o curso?
Preciso dominar Figma para aproveitar o curso?
Porque este curso é um diferencial no mercado de trabalho?
Porque este curso é um diferencial no mercado de trabalho?
Por quanto tempo terei acesso as aulas?
Por quanto tempo terei acesso as aulas?
Vou conseguir tirar dúvidas com o instrutor?
Vou conseguir tirar dúvidas com o instrutor?
Qual a carga horária do curso?
Qual a carga horária do curso?
Ganho certificado ao concluir?
Ganho certificado ao concluir?
E se eu acabar não gostando das aulas?
E se eu acabar não gostando das aulas?
Sou iniciante, o curso serve para mim?
Sou avançado e já crio tudo perfeito, é para mim?
Quando eu NÃO devo comprar o curso?
Porque falam que o curso entrega mais do que promete?
Preciso dominar Figma para aproveitar o curso?
Porque este curso é um diferencial no mercado de trabalho?
Por quanto tempo terei acesso as aulas?
Vou conseguir tirar dúvidas com o instrutor?
Qual a carga horária do curso?
Ganho certificado ao concluir?
E se eu acabar não gostando das aulas?
os alunos amam minha entrega!
ATUALIZAÇÕES CONSTANTES
Aulas novas, updates constantes
O curso não para de crescer, são atualizações constantes e aulas atualizadas para você não ficar atrasado (a).
ATUALIZAÇÕES CONSTANTES
Aulas novas, updates constantes
O curso não para de crescer, são atualizações constantes e aulas atualizadas para você não ficar atrasado (a).
“Cara, eu digo a todo mundo que eu recomendo seu curso: é uma enciclopédia, é uma bíblia, como o e-book. É um curso que dá gosto vc voltar pra sanar uma dúvida e sair aprendendo coisas novas mesmo revendo várias e várias vezes.”
Williams Costa
Designer
“Cara, eu digo a todo mundo que eu recomendo seu curso: é uma enciclopédia, é uma bíblia, como o e-book. É um curso que dá gosto vc voltar pra sanar uma dúvida e sair aprendendo coisas novas mesmo revendo várias e várias vezes.”
Williams Costa
Designer
“Um curso que saiu do óbvio. De modo geral as pessoas querem conteúdos que só ensinem a como operar o Figma, quando na realidade nosso mercado carece de base teórica e dicas em Design. Esse curso entregou fundamentos, dicas, práticas e+!”
Rodrigo Teixeira
Design Specialist
“Um curso que saiu do óbvio. De modo geral as pessoas querem conteúdos que só ensinem a como operar o Figma, quando na realidade nosso mercado carece de base teórica e dicas em Design. Esse curso entregou fundamentos, dicas, práticas e+!”
Rodrigo Teixeira
Design Specialist
“Didática excelente e dicas que não vi em nenhum outro curso que fiz de UI Design. Sanou minhas maiores dúvidas e me fez ter certeza sobre minha migração de carreira.”
Lívia Azevedo
Graphic Designer
“Didática excelente e dicas que não vi em nenhum outro curso que fiz de UI Design. Sanou minhas maiores dúvidas e me fez ter certeza sobre minha migração de carreira.”
Lívia Azevedo
Graphic Designer
Recomendo para todos, do iniciante ao avançado. O curso é recheado de dicas importantes e valiosas que auxiliam na construção de interfaces. Conteúdo prático e direto, mas ao mesmo tempo ensinando os porquês de cada decisão de design.
Eduardo Amaral
Product Designer
Recomendo para todos, do iniciante ao avançado. O curso é recheado de dicas importantes e valiosas que auxiliam na construção de interfaces. Conteúdo prático e direto, mas ao mesmo tempo ensinando os porquês de cada decisão de design.
Eduardo Amaral
Product Designer
e muito + alunos transformados!