50% OFF + VITALÍCIO
R$ 794,00 por R$ 397,00 + acesso vitalício
vagas abertas
50% OFF + VITALÍCIO
R$ 794,00 por R$ 397,00 + acesso vitalício
vagas abertas
🎉 De R$ 794,00 por R$ 397,00 + vitalício
Domine a lógica de UI & UX.
Crie, corrija e eleve o nível
das suas interfaces.
Domine a lógica de
UI & UX. Crie, corrija
e eleve o nível
das suas interfaces
Um curso completo com técnicas de UI/UX para criar interfaces e layouts bonitos, funcionais, e com argumentos lógicos para defender suas decisões.
+120 aulas e 30h 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
+1800 alunos e alunas
+130 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
12 Aulas
AULA 01
⸱ Dominando hierarquia visual com tipografia e intenção
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
⸱ (Pt.1) Textos facilmente escaneáveis (Ritmo, comprimento e hierarquia)
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
⸱ Uso do alinhamento justificado (+ mídia controlada x dinâmica)
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 com mídia controlada x dinâmica.
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
⸱ Equilíbrio visual e o problema das palavras soltas
Guia sobre um erro extremamente comum na construção de interfaces que prejudica fluidez de leitura, estética e equilíbrio de interface.
AULA 12
⸱ (Pt.2) Textos facilmente escaneáveis (Bullets & Feature Cards com IA)
Dicas e técnicas aplicáveis ainda mais avançadas para transformar blocos de textos cansativos em conteúdo inifito (e refinado visualmente) para as suas interfaces. A aula traz uma dica que também envolve IA para transformar blocos de textos chatos, comuns e cansativos em conteúdo textual muito mais atrativo.
MÓD. 3
Cores
11 Aulas
AULA 01
⸱ (Pt.1) Variações inteligentes de tons neutros (+HSB)
Nesta aula você aprende uma técnica usada em muitas interfaces profissionais para criar variações de cor a partir da cor principal da marca. Em vez de depender apenas do cinza para backgrounds e separações, você entenderá como gerar tons claros e escuros usando o sistema de cores HSB (Matiz, Saturação e Brilho), criando paletas mais refinadas, consistentes com o branding e com maior coesão visual na interface.
AULA 02
⸱ (Pt.2) Combinações em backgrounds coloridos (+ mundo real)
Nesta aula você aprende como evitar um erro muito comum no uso de cores em interfaces: a falta de harmonia entre elementos e o background. Utilizando o sistema HSB (Matiz, Saturação e Brilho), você entenderá como fazer cores “conversarem” entre si, criando combinações mais naturais, consistentes e visualmente equilibradas. Além disso, verá técnicas práticas para trabalhar com variações de uma mesma matiz, usar opacidade de forma estratégica e manter consistência cromática em textos, ícones e componentes da interface.
AULA 03
⸱ Guia completo de contraste de cores
Aprenda absolutamente tudo sobre contraste. Muitos designers pensam em contraste apenas como escolha de cores, o que gera erros de legibilidade e acessibilidade. Nesta aula você aprende como o contraste realmente funciona, analisando brilho, saturação e métricas da WCAG para criar interfaces mais bonitas, agradáveis e fáceis de ler.
AULA 04
⸱ Contraste muito além da cor (Guia PRO)
Muitos designers associam contraste apenas à diferença de cores, mas o contraste em interfaces vai muito além disso. Nesta aula você aprende como criar contraste por intenção, destacando elementos de acordo com a ação que o usuário deve realizar. A partir de exemplos práticos, você verá como usar cor, escala, peso tipográfico, espaço negativo, sombras, contornos e outras técnicas para criar hierarquia visual clara, guiar a atenção do usuário e elevar o nível de refinamento do seu design.
AULA 05
⸱ Dominando o método 60-30-10 em Cores
Aprenda tudo sobre o método 60-30-10 e como estruturar na prática. Entenda por que o excesso de cor compromete decisões na interface e aprenda a aplicar o método para equilibrar cores como os grandes: destaque o que importa, reduza ruído visual e conduza ações com clareza.
AULA 06
⸱ 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 07
⸱ Realçando ações destrutivas (a cor do perigo e como usar)
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 08
⸱ Tons absolutos White & Black (uso e controvérsias)
Entendendo sobre as melhores formas (e quando não usar) tons absolutos de cores Pure Black & Pure White, vamos analisar alternativas, cenários reais e impacto desses tons em acessibilidade, contraste, função e hierarquia.
AULA 09
⸱ Prevendo cores aplicadas em interfaces
Escolher cores para uma interface sem referência clara pode travar o processo de design. Nesta aula você aprende a usar ferramentas e técnicas (incluindo IA) para testar paletas rapidamente, prever cores aplicadas em componentes reais e tomar decisões visuais com mais segurança.
AULA 10
⸱ 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 11
⸱ Simulando visão daltônica nas suas interfaces
Técnicas para simular tipos de daltonismos em UI's e antecipar possíveis problemas.
MÓD. 4
Botões
10 Aulas
AULA 01
⸱ Botões primários, secundários, terciários e prioridades
Quando vários botões têm o mesmo destaque, a interface deixa de guiar o usuário e aumenta a confusão na tomada de decisão. Nesta aula você aprende a diferenciar ações primárias, secundárias e terciárias para criar hierarquia visual clara e orientar melhor as interações.
AULA 02
⸱ Estados de interações
Quando botões não possuem estados de interação, a interface deixa de comunicar o que está acontecendo após uma ação. Nesta aula você aprende os principais estados de botões, como hover, disabled, focus, pressed e loading, para criar interfaces mais claras e previsíveis.
AULA 03
⸱ Psicologia das formas dos botões (quando usar cada um)
Tentar ser “original” no formato de botões pode tornar a interface confusa e pouco familiar. Nesta aula você aprende por que seguir padrões visuais conhecidos, entender as diferenças entre botões retos e arredondados e escolher o formato certo para a personalidade do produto.
AULA 04
⸱ Guia para áreas de toque acessíveis
Botões muito pequenos ou com pouco espaçamento dificultam o clique e prejudicam a usabilidade. Nesta aula você aprende como definir áreas de toque acessíveis, entender recomendações como a Lei de Fitts e criar botões equilibrados usando padding e auto layout no Figma.
AULA 05
⸱ Técnicas de Drop-Shadow e Elevações
Sombras mal aplicadas deixam a interface pesada e com aparência amadora. Nesta aula você aprende como usar drop shadows para criar elevação de forma natural, ajustar blur, opacidade e direção da luz, além de técnicas para fundos claros e escuros.
AULA 06
⸱ Mantendo botões em linha única
Botões com muito texto ou que quebram em duas linhas prejudicam a hierarquia visual e deixam a interface confusa. Nesta aula você aprende a escrever labels mais curtos, manter botões em linha única e prever como eles se comportam em layouts responsivos.
AULA 07
⸱ Consistência de estilos
Botões com estilos diferentes na mesma interface criam ruído visual e passam sensação de desorganização. Nesta aula você aprende a manter consistência de forma, cor, tamanho e tipografia nos botões, criando padrões claros entre ações primárias, secundárias e terciárias.
AULA 08
⸱ Ícones + Botões da forma correta
Ícones em botões podem reduzir o esforço cognitivo e tornar a ação mais clara, mas apenas quando usados corretamente. Nesta aula você aprende a escolher ícones que reforçam o significado do botão, evitar associações erradas e usar padrões visuais já familiares para os usuários.
AULA 09
⸱ Botões full width
Botões pequenos podem desperdiçar espaço e reduzir a acessibilidade da interface. Nesta aula você aprende quando usar botões full width, como alinhar sua largura às margens ou à grid da página e criar layouts mais equilibrados e fáceis de interagir.
AULA 10
⸱ Labels com contexto
Nesta aula você aprende a escrever labels mais descritivas, usando verbos que refletem a ação do botão e tornam a interface mais clara e previsível.
MÓD. 5
Grid & Layout
8 Aulas
AULA 01
⸱ Guia completo de consistência + Grid 8pts
Muitos designers usam espaçamentos aleatórios e acabam criando interfaces inconsistentes. Nesta aula você aprende a organizar layouts com lógica, aplicar o grid de 8 pontos e criar um sistema de espaçamento consistente que deixa o design mais equilibrado e fácil de desenvolver.
AULA 02
⸱ Táticas de alinhamento vertical
Interfaces desalinhadas criam sensação de desorganização e falta de unidade visual. Nesta aula você aprende como usar alinhamento vertical e linhas imaginárias para organizar elementos, centralizar componentes no Figma e criar interfaces mais equilibradas e consistentes.
AULA 03
⸱ Cards + Dominando White Space
Cards são um dos componentes mais usados em interfaces, mas muitas vezes são criados sem critérios claros de espaçamento e alinhamento. Nesta aula você aprende como estruturar cards com grid, padding, whitespace e hierarquia para criar layouts mais organizados, equilibrados e fáceis de escalar.
AULA 04
⸱ Listas, Grids e Alinhamento Horizontal
Menus e listas desalinhados criam um efeito de “zigue-zague” que quebra o ritmo visual da interface. Nesta aula você aprende como alinhar corretamente ícones e textos, aplicar alinhamento horizontal e manter consistência visual para criar interfaces mais organizadas e fáceis de navegar.
AULA 05
⸱ Margens laterais mínimas
Muitos designers focam apenas no conteúdo interno e esquecem das margens laterais da interface. Nesta aula você aprende como definir espaçamentos laterais corretos para desktop e mobile e usar grids no Figma para garantir respiro visual e layouts mais equilibrados.
AULA 06
⸱ Affordance de scroll
Quando a interface não indica que existe mais conteúdo, o usuário pode achar que a página acabou e parar de navegar. Nesta aula você aprende a criar pistas visuais de scroll, trabalhar com dobras e considerar diferentes tamanhos de tela para melhorar a navegação.
AULA 07
⸱ Adeus alinhamento inconsistente
Alinhamentos inconsistentes quebram o ritmo visual e fazem a interface parecer desorganizada. Nesta aula você aprende como manter consistência nos alinhamentos, organizar informações por agrupamento e usar centralização ou alinhamento à esquerda de forma estratégica.
AULA 08
⸱ Espaçamento fantasma
Espaços extras no texto podem passar despercebidos, mas quebram o alinhamento e o ritmo visual da interface. Nesta aula você aprende a identificar o “espaçamento fantasma”, corrigir textos no Figma e evitar desalinhamentos "fantasmas".
MÓD. 6
Ícones
7 Aulas
AULA 01
⸱ Guia para o uso de ícones consistentes
Muitos designers usam ícones apenas como decoração ou os buscam de qualquer lugar na internet, o que pode gerar problemas de consistência, qualidade e licença. Nesta aula você aprende o papel real dos ícones na interface e como utilizá-los corretamente em formato SVG.
AULA 02
⸱ Escalas de ícones e erros comuns
Usar ícones em tamanhos muito grandes pode quebrar a hierarquia visual e prejudicar a leitura da interface. Nesta aula você aprende qual é a escala ideal para ícones e quando é melhor usar ilustrações ou imagens para destacar conteúdos sem comprometer o design.
AULA 03
⸱ Espaçando ícones
Pequenas inconsistências de espaçamento entre ícones podem quebrar o ritmo visual e transmitir falta de cuidado na interface. Nesta aula você aprende como manter alinhamentos consistentes, aplicar agrupamento visual e usar Auto Layout no Figma para organizar elementos com precisão.
AULA 04
⸱ Ícones e bounding boxes
Cuidados ao usar ícones e boas práticas com as caixas delimitadoras padrão.
AULA 05
⸱ Guia PRO de consistência
Usar estilos de ícones diferentes na mesma interface quebra a consistência visual. Nesta aula você aprende sobre diferenças e estilos de íconesquando usar cada um e quais erros evitar para manter uma UI consistente.
AULA 06
⸱ Equilibrando ícones, pesos e textos
Quando ícones e textos têm pesos diferentes, a interface perde equilíbrio visual. Nesta aula você aprende a alinhar o peso e a escala entre tipografia e ícones, criando mais harmonia, agrupamento visual e consistência nos componentes da UI.
AULA 07
⸱ Ícones universais
Ícones podem tornar a interface mais rápida de entender, mas só funcionam bem quando o significado é claro. Nesta aula você aprende a identificar ícones universais, quando usar texto de apoio e como validar se o usuário realmente entende a ação representada.
MÓD. 7
Imagens & Textos
6 Aulas
AULA 01
⸱ Guia de combinações entre Imagens + Textos com contraste
Textos aplicados sobre imagens ou fundos complexos podem perder contraste e se tornar difíceis de ler. Nesta aula, navegamos por todas as técnicas e ferramentas possíveis para você solucionar e evitar este problema na prática, ainda assim, mantendo o bom gosto visual.
AULA 02
⸱ Tons com narrativa da marca
Imagens que não combinam com a cor da marca podem quebrar a sensação de unidade da interface. Nesta aula você aprende como ajustar imagens para harmonizar com a identidade visual do produto, usando ajustes simples de cor no Figma para criar layouts mais coesos e refinados.
AULA 03
⸱ É por isto que todo design de Dribbble é incrível
Imagens mal escolhidas podem arruinar a percepção de toda a interface. Nesta aula você aprende como selecionar imagens com boa qualidade, evitar fotos clichês de banco de imagens e escolher composições mais naturais, que transmitam mais confiança e valorizem o design.
AULA 04
⸱ Imagens full width
Seguir a grid de forma rígida pode deixar a interface previsível e limitar o impacto visual das imagens. Nesta aula você aprende quando quebrar a grid de forma estratégica, ampliando imagens para criar mais destaque, continuidade visual e layouts mais dinâmicos.
AULA 05
⸱ Licenças de imagens e riscos invisíveis
Usar imagens encontradas no Google pode gerar problemas legais quando não existe licença para uso. Nesta aula você aprende a identificar tipos de licença, entender quando uma imagem pode ser usada comercialmente e conhecer fontes seguras para evitar multas ou uso indevido.
AULA 06
⸱ Economizando tempo com imagens no Figma
Buscar e inserir imagens manualmente pode consumir muito tempo durante a criação de interfaces. Nesta aula você conhece plugins do Figma que ajudam a encontrar imagens, preencher avatares e gerar conteúdos realistas automaticamente, agilizando seu fluxo de trabalho no design.
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
9 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.
AULA 08
⸱ Feedback - Landing Page / Caco Class
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 09
⸱ Feedback - Landing Page / Dream On
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
12 Aulas
AULA 01
⸱ Dominando hierarquia visual com tipografia e intenção
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
⸱ (Pt.1) Textos facilmente escaneáveis (Ritmo, comprimento e hierarquia)
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
⸱ Uso do alinhamento justificado (+ mídia controlada x dinâmica)
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 com mídia controlada x dinâmica.
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
⸱ Equilíbrio visual e o problema das palavras soltas
Guia sobre um erro extremamente comum na construção de interfaces que prejudica fluidez de leitura, estética e equilíbrio de interface.
AULA 12
⸱ (Pt.2) Textos facilmente escaneáveis (Bullets & Feature Cards com IA)
Dicas e técnicas aplicáveis ainda mais avançadas para transformar blocos de textos cansativos em conteúdo inifito (e refinado visualmente) para as suas interfaces. A aula traz uma dica que também envolve IA para transformar blocos de textos chatos, comuns e cansativos em conteúdo textual muito mais atrativo.
MÓD. 3
Cores
11 Aulas
AULA 01
⸱ (Pt.1) Variações inteligentes de tons neutros (+HSB)
Nesta aula você aprende uma técnica usada em muitas interfaces profissionais para criar variações de cor a partir da cor principal da marca. Em vez de depender apenas do cinza para backgrounds e separações, você entenderá como gerar tons claros e escuros usando o sistema de cores HSB (Matiz, Saturação e Brilho), criando paletas mais refinadas, consistentes com o branding e com maior coesão visual na interface.
AULA 02
⸱ (Pt.2) Combinações em backgrounds coloridos (+ mundo real)
Nesta aula você aprende como evitar um erro muito comum no uso de cores em interfaces: a falta de harmonia entre elementos e o background. Utilizando o sistema HSB (Matiz, Saturação e Brilho), você entenderá como fazer cores “conversarem” entre si, criando combinações mais naturais, consistentes e visualmente equilibradas. Além disso, verá técnicas práticas para trabalhar com variações de uma mesma matiz, usar opacidade de forma estratégica e manter consistência cromática em textos, ícones e componentes da interface.
AULA 03
⸱ Guia completo de contraste de cores
Aprenda absolutamente tudo sobre contraste. Muitos designers pensam em contraste apenas como escolha de cores, o que gera erros de legibilidade e acessibilidade. Nesta aula você aprende como o contraste realmente funciona, analisando brilho, saturação e métricas da WCAG para criar interfaces mais bonitas, agradáveis e fáceis de ler.
AULA 04
⸱ Contraste muito além da cor (Guia PRO)
Muitos designers associam contraste apenas à diferença de cores, mas o contraste em interfaces vai muito além disso. Nesta aula você aprende como criar contraste por intenção, destacando elementos de acordo com a ação que o usuário deve realizar. A partir de exemplos práticos, você verá como usar cor, escala, peso tipográfico, espaço negativo, sombras, contornos e outras técnicas para criar hierarquia visual clara, guiar a atenção do usuário e elevar o nível de refinamento do seu design.
AULA 05
⸱ Dominando o método 60-30-10 em Cores
Aprenda tudo sobre o método 60-30-10 e como estruturar na prática. Entenda por que o excesso de cor compromete decisões na interface e aprenda a aplicar o método para equilibrar cores como os grandes: destaque o que importa, reduza ruído visual e conduza ações com clareza.
AULA 06
⸱ 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 07
⸱ Realçando ações destrutivas (a cor do perigo e como usar)
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 08
⸱ Tons absolutos White & Black (uso e controvérsias)
Entendendo sobre as melhores formas (e quando não usar) tons absolutos de cores Pure Black & Pure White, vamos analisar alternativas, cenários reais e impacto desses tons em acessibilidade, contraste, função e hierarquia.
AULA 09
⸱ Prevendo cores aplicadas em interfaces
Escolher cores para uma interface sem referência clara pode travar o processo de design. Nesta aula você aprende a usar ferramentas e técnicas (incluindo IA) para testar paletas rapidamente, prever cores aplicadas em componentes reais e tomar decisões visuais com mais segurança.
AULA 10
⸱ 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 11
⸱ Simulando visão daltônica nas suas interfaces
Técnicas para simular tipos de daltonismos em UI's e antecipar possíveis problemas.
MÓD. 4
Botões
10 Aulas
AULA 01
⸱ Botões primários, secundários, terciários e prioridades
Quando vários botões têm o mesmo destaque, a interface deixa de guiar o usuário e aumenta a confusão na tomada de decisão. Nesta aula você aprende a diferenciar ações primárias, secundárias e terciárias para criar hierarquia visual clara e orientar melhor as interações.
AULA 02
⸱ Estados de interações
Quando botões não possuem estados de interação, a interface deixa de comunicar o que está acontecendo após uma ação. Nesta aula você aprende os principais estados de botões, como hover, disabled, focus, pressed e loading, para criar interfaces mais claras e previsíveis.
AULA 03
⸱ Psicologia das formas dos botões (quando usar cada um)
Tentar ser “original” no formato de botões pode tornar a interface confusa e pouco familiar. Nesta aula você aprende por que seguir padrões visuais conhecidos, entender as diferenças entre botões retos e arredondados e escolher o formato certo para a personalidade do produto.
AULA 04
⸱ Guia para áreas de toque acessíveis
Botões muito pequenos ou com pouco espaçamento dificultam o clique e prejudicam a usabilidade. Nesta aula você aprende como definir áreas de toque acessíveis, entender recomendações como a Lei de Fitts e criar botões equilibrados usando padding e auto layout no Figma.
AULA 05
⸱ Técnicas de Drop-Shadow e Elevações
Sombras mal aplicadas deixam a interface pesada e com aparência amadora. Nesta aula você aprende como usar drop shadows para criar elevação de forma natural, ajustar blur, opacidade e direção da luz, além de técnicas para fundos claros e escuros.
AULA 06
⸱ Mantendo botões em linha única
Botões com muito texto ou que quebram em duas linhas prejudicam a hierarquia visual e deixam a interface confusa. Nesta aula você aprende a escrever labels mais curtos, manter botões em linha única e prever como eles se comportam em layouts responsivos.
AULA 07
⸱ Consistência de estilos
Botões com estilos diferentes na mesma interface criam ruído visual e passam sensação de desorganização. Nesta aula você aprende a manter consistência de forma, cor, tamanho e tipografia nos botões, criando padrões claros entre ações primárias, secundárias e terciárias.
AULA 08
⸱ Ícones + Botões da forma correta
Ícones em botões podem reduzir o esforço cognitivo e tornar a ação mais clara, mas apenas quando usados corretamente. Nesta aula você aprende a escolher ícones que reforçam o significado do botão, evitar associações erradas e usar padrões visuais já familiares para os usuários.
AULA 09
⸱ Botões full width
Botões pequenos podem desperdiçar espaço e reduzir a acessibilidade da interface. Nesta aula você aprende quando usar botões full width, como alinhar sua largura às margens ou à grid da página e criar layouts mais equilibrados e fáceis de interagir.
AULA 10
⸱ Labels com contexto
Nesta aula você aprende a escrever labels mais descritivas, usando verbos que refletem a ação do botão e tornam a interface mais clara e previsível.
MÓD. 5
Grid & Layout
8 Aulas
AULA 01
⸱ Guia completo de consistência + Grid 8pts
Muitos designers usam espaçamentos aleatórios e acabam criando interfaces inconsistentes. Nesta aula você aprende a organizar layouts com lógica, aplicar o grid de 8 pontos e criar um sistema de espaçamento consistente que deixa o design mais equilibrado e fácil de desenvolver.
AULA 02
⸱ Táticas de alinhamento vertical
Interfaces desalinhadas criam sensação de desorganização e falta de unidade visual. Nesta aula você aprende como usar alinhamento vertical e linhas imaginárias para organizar elementos, centralizar componentes no Figma e criar interfaces mais equilibradas e consistentes.
AULA 03
⸱ Cards + Dominando White Space
Cards são um dos componentes mais usados em interfaces, mas muitas vezes são criados sem critérios claros de espaçamento e alinhamento. Nesta aula você aprende como estruturar cards com grid, padding, whitespace e hierarquia para criar layouts mais organizados, equilibrados e fáceis de escalar.
AULA 04
⸱ Listas, Grids e Alinhamento Horizontal
Menus e listas desalinhados criam um efeito de “zigue-zague” que quebra o ritmo visual da interface. Nesta aula você aprende como alinhar corretamente ícones e textos, aplicar alinhamento horizontal e manter consistência visual para criar interfaces mais organizadas e fáceis de navegar.
AULA 05
⸱ Margens laterais mínimas
Muitos designers focam apenas no conteúdo interno e esquecem das margens laterais da interface. Nesta aula você aprende como definir espaçamentos laterais corretos para desktop e mobile e usar grids no Figma para garantir respiro visual e layouts mais equilibrados.
AULA 06
⸱ Affordance de scroll
Quando a interface não indica que existe mais conteúdo, o usuário pode achar que a página acabou e parar de navegar. Nesta aula você aprende a criar pistas visuais de scroll, trabalhar com dobras e considerar diferentes tamanhos de tela para melhorar a navegação.
AULA 07
⸱ Adeus alinhamento inconsistente
Alinhamentos inconsistentes quebram o ritmo visual e fazem a interface parecer desorganizada. Nesta aula você aprende como manter consistência nos alinhamentos, organizar informações por agrupamento e usar centralização ou alinhamento à esquerda de forma estratégica.
AULA 08
⸱ Espaçamento fantasma
Espaços extras no texto podem passar despercebidos, mas quebram o alinhamento e o ritmo visual da interface. Nesta aula você aprende a identificar o “espaçamento fantasma”, corrigir textos no Figma e evitar desalinhamentos "fantasmas".
MÓD. 6
Ícones
7 Aulas
AULA 01
⸱ Guia para o uso de ícones consistentes
Muitos designers usam ícones apenas como decoração ou os buscam de qualquer lugar na internet, o que pode gerar problemas de consistência, qualidade e licença. Nesta aula você aprende o papel real dos ícones na interface e como utilizá-los corretamente em formato SVG.
AULA 02
⸱ Escalas de ícones e erros comuns
Usar ícones em tamanhos muito grandes pode quebrar a hierarquia visual e prejudicar a leitura da interface. Nesta aula você aprende qual é a escala ideal para ícones e quando é melhor usar ilustrações ou imagens para destacar conteúdos sem comprometer o design.
AULA 03
⸱ Espaçando ícones
Pequenas inconsistências de espaçamento entre ícones podem quebrar o ritmo visual e transmitir falta de cuidado na interface. Nesta aula você aprende como manter alinhamentos consistentes, aplicar agrupamento visual e usar Auto Layout no Figma para organizar elementos com precisão.
AULA 04
⸱ Ícones e bounding boxes
Cuidados ao usar ícones e boas práticas com as caixas delimitadoras padrão.
AULA 05
⸱ Guia PRO de consistência
Usar estilos de ícones diferentes na mesma interface quebra a consistência visual. Nesta aula você aprende sobre diferenças e estilos de íconesquando usar cada um e quais erros evitar para manter uma UI consistente.
AULA 06
⸱ Equilibrando ícones, pesos e textos
Quando ícones e textos têm pesos diferentes, a interface perde equilíbrio visual. Nesta aula você aprende a alinhar o peso e a escala entre tipografia e ícones, criando mais harmonia, agrupamento visual e consistência nos componentes da UI.
AULA 07
⸱ Ícones universais
Ícones podem tornar a interface mais rápida de entender, mas só funcionam bem quando o significado é claro. Nesta aula você aprende a identificar ícones universais, quando usar texto de apoio e como validar se o usuário realmente entende a ação representada.
MÓD. 7
Imagens & Textos
6 Aulas
AULA 01
⸱ Guia de combinações entre Imagens + Textos com contraste
Textos aplicados sobre imagens ou fundos complexos podem perder contraste e se tornar difíceis de ler. Nesta aula, navegamos por todas as técnicas e ferramentas possíveis para você solucionar e evitar este problema na prática, ainda assim, mantendo o bom gosto visual.
AULA 02
⸱ Tons com narrativa da marca
Imagens que não combinam com a cor da marca podem quebrar a sensação de unidade da interface. Nesta aula você aprende como ajustar imagens para harmonizar com a identidade visual do produto, usando ajustes simples de cor no Figma para criar layouts mais coesos e refinados.
AULA 03
⸱ É por isto que todo design de Dribbble é incrível
Imagens mal escolhidas podem arruinar a percepção de toda a interface. Nesta aula você aprende como selecionar imagens com boa qualidade, evitar fotos clichês de banco de imagens e escolher composições mais naturais, que transmitam mais confiança e valorizem o design.
AULA 04
⸱ Imagens full width
Seguir a grid de forma rígida pode deixar a interface previsível e limitar o impacto visual das imagens. Nesta aula você aprende quando quebrar a grid de forma estratégica, ampliando imagens para criar mais destaque, continuidade visual e layouts mais dinâmicos.
AULA 05
⸱ Licenças de imagens e riscos invisíveis
Usar imagens encontradas no Google pode gerar problemas legais quando não existe licença para uso. Nesta aula você aprende a identificar tipos de licença, entender quando uma imagem pode ser usada comercialmente e conhecer fontes seguras para evitar multas ou uso indevido.
AULA 06
⸱ Economizando tempo com imagens no Figma
Buscar e inserir imagens manualmente pode consumir muito tempo durante a criação de interfaces. Nesta aula você conhece plugins do Figma que ajudam a encontrar imagens, preencher avatares e gerar conteúdos realistas automaticamente, agilizando seu fluxo de trabalho no design.
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
9 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.
AULA 08
⸱ Feedback - Landing Page / Caco Class
Correção e acionáveis de melhorias feitas por mim em interface enviada por aluno com permissão.
AULA 09
⸱ Feedback - Landing Page / Dream On
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 +1400 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 +1400 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 👋
Curso Parceiro Oficial
do Figma 2026
De R$ 90,00 /mês (Plano PRO) por R$ 0,00 para alunos com o Figma Edu
De R$ 90,00 /mês (Plano PRO)
por R$ 0,00 para alunos com o Figma Edu
O Intuitive Pixel é um parceiro oficial do Figma. Ao se tornar aluno(a),
você garante a elegibilidade necessária para solicitar o
Plano Education (equivalente ao Professional), economizando
centenas de reais enquanto estuda com recursos premium.
O Intuitive Pixel é um parceiro oficial do Figma. Ao se tornar aluno(a), você garante a elegibilidade necessária para solicitar o Plano Education (equivalente ao Professional), economizando centenas de reais enquanto estuda com recursos premium.
*Sujeito a aprovação de acordo com os critérios próprios do Figma
*Sujeito a aprovação de acordo com os critérios próprios do Figma
PROMOÇÃO ativa
Sua compra em Março 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 2026
"Recomendo este curso de olhos fechados, porque sei o quanto ele é capaz de abrir os seus"
+120 aulas gravadas
Certificado de conclusão
30 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$ 794,00 por
12x R$ 41,06
ou R$ 397,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
30 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$ 794,00 por
12x R$ 41,06
ou R$ 397,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
30 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$ 794 por apenas:
12x R$ 41,06
ou R$ 397,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 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?
Consigo licença de acesso ao Figma Edu com o curso?
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?
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?
Consigo licença de acesso ao Figma Edu com o curso?
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
“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
e muito + alunos transformados!