UI Unicórnio | UX Unicórnio 2.0

Ementa do curso

Nós temos um comprometimento com a qualidade de nossos cursos, e nossa grade curricular é a mais completa do mercado sobre o tema. Ela foi criada por especialistas e pensada desde o primeiro dia em sua aplicabilidade prática.

Vídeo ao fundo mostrando momentos do desenvolvimento de interface

Baixe a Ementa Completa

O Curso de UI Design é para quem:

Está em transição de carreira e quer aprender mais

Está iniciando do zero no UI Design

Quer evoluir seu conhecimento e ser mais valorizado

Nivelamento para iniciantes

Começando agora? Sente que não nasceu com dom para desenho? UI não é dom, é uma profissão. Junte-se a nós e aprenda desde o básico ao avançado, com suporte diário por um ano.

O que é Design de Interfaces

Ferramentas, Processos e Repertório
Relembrando as diferenças entre UX e UI Design
UX, UI, Usabilidade, Acessibilidade, CX, Inovação
Dicas e Cuidados ao Buscar Referências
Live mão na massa usando referências na prática (Redesign de alunos)

Acabou o medo de inovar - Lápis e Papel

Lápis, Papel e Formas Geométricas
Seus primeiros rabiscos com 10 apps famosos

Protótipos em Papel com vida do Spotify
Prototipando TikTok no Figma
Prototipando Airbnb no Figma - Elevando a barra
Decompondo Spotify e Youtube
Atomic Design e Guias de Estilos
Ilustração de imagens e ícones avançada em UX

Figma 2024 replicando Nubank, Land Rover a Flo

Domine o Figma na prática desde o começo, sem blá blá blá. Aprenda cada funcionalidade com exemplos reais.

App Nubank e overview da ferramenta

Entendendo as funcionalidades do Figma colocando a mão na massa
Canvas, Camadas, Ferramentas e Propriedades
Componentes
Responsividade e Constraints
Auto layout
Grids de 8 pontos, Box Model e Plugin de Vetorização

Site Land Rover - Responsividade e recursos avançados

Organizando Componentes
Componentes Interativos e Propriedades de Textos, Formas e Efeitos

Dark UI Dashboard - Gráficos e Posicionamento

Referências visuais para dashboards
Gráficos de pie, donut, line e bar
Fill container, Hug Contents e Absolute position

Flo - Protótipos

Criando o app Flo
Criando interações
Transições de Animações

Fundamentos avançados de UI Design

Aprenda conceitos essenciais e estratégicos para ter um olhar profissional de design em qualquer projeto. Esses fundamentos vão diferenciá-lo e proporcionar o crescimento de sua carreira com uma base sólida.

Aula do MBA

Percepção visual

Encontrabilidade
Descobribilidade
Change blindness
Estímulo Externo e Interno
Exemplo real: Site da Apple
Contraste e Hierarquia Visual
Cor
Tipografia
Tamanho
Posicionamento
Whitespace

Aulas do MBA

Gestalt aplicada em Interfaces

Fechamento
Proximidade
Região comum
Similaridade
Continuidade
Destino comum
Figure Ground

Aulas do MBA

Atenção, Memória e Familiaridade

Atenção
Memória de curto e longo prazo
O poder das comparações no design
Familiaridade
O conceito de Power Law of Learning
Botão de $300 milhões da Amazon e o Paywall
Pensar é difícil: como isso afeta o design
Escolha compensatória vs. Não compensatória
O efeito da estética na usabilidade

Aulas do MBA

Heurísticas de Nielsen com exemplos práticos

Devemos seguir a consistência ou as heurísticas?

Visibilidade do estado no sistema
Correspondência entre sistema e mundo real
Controle e liberdade para o usuário na prática
Consistência e padronização
Prevenção de erros
Reconhecimento ao invés de memorização
Flexibilidade e eficiência de uso
Estética e design minimalista
Recuperação de erros
Ajuda e documentação

Aulas do MBA

As leis de UX e aplicações práticas em UI

Efeito da estética na usabilidade
Limiar Doherty
Lei de Fitts
O efeito do objetivo gradiente
Lei de Hick
Lei de Jakob
Lei da Região Comum
Lei da Similaridade
Lei de Prägnanz (Lei da Concisão)
Lei da uniformidade conectada
Lei de Miller
Occam’s Razor
Princípio de Pareto
Lei de Parkinson
Regra do Pico-Fim
Lei de Postel
Efeito de posição serial
Lei de Tesler
Efeito Von Restorff
Efeito Zeigarnik

Aulas do MBA

Trends Padrões emergentes e motivadores humanos

Acessibilidade, guia WCAG e VPAT - Voluntary Product Accessibility Template
O melhor formulário é nenhum formulário
Autocompletar informações
Cuidados a fazer animações
Personalização e Customização
Personalizar
Customizar
Conteúdo com base em comportamento
Google Awareness API e Visão geral da API Fence
Privacidade
Projetando para exibir dados operacionais e analíticos
HIghcharts e bibliotecas de gráficos
Motivadores Humanos e Hierarquia das Necessidades de Maslow

Aulas do MBA

Teoria das Cores

Princípios Gerais
Material Design e Apple Guidelines
O papel das cores
Material Design e Apple Guidelines
Hierarquia
Legibilidade
Cores de superfície,fundo e erro
Cores alternativas
Temas claros e escuros
Ferramentas para escolher cores
Aplicando cor em UI com consistência
Dark Theme (energia, acessibilidade, anatomia, contraste, dessaturação, erros e estados)
Modelos HSB, HEX, RGB
Sombras
Cores primárias
Cores secundárias
Círculo Cromático
Cores triádicas
Complementares
Complementar dividida
Quadrado
Composto
Sites que servem de inspiração para harmonia de cores
Ferramentas para gradientes
Dribbble - o perigo
Ferramentas de avaliação de daltonismo
Significado das cores quentes
Significado das cores frias
Cores Neutras
Como escolher os tons de cor
Aplicações em produtos e guias de estilos
Configurando o Design System no Figma

Aulas do MBA

Tipografia

Princípios Gerais
Material Design e Apple Guidelines
Importância da forma na tipografia
F Pattern
Dicas para melhorar a leitura dos seus textos
Padrão Z
Como criar textos que as pessoas gostam de ler
Princípios de textos
Aplicação de escalas de fontes
Anatomia de uma tipografia
A estrutura do Medium
Outras partes da anatomia da tipografia
Fontes monoespaçadas
Legibilidade e Leiturabilidade
Comprimento da linha (line length)
Espaçamento entre parágrafos
Alinhamentos de texto
Combinação de fontes
Tipo de família da fonte (Typeface)
Google Fonts
Combinando fontes
Typeface e Fonte
Mobile vs. Desktop
Aplicações em produtos e guias de estilos
Configurando o Design System no Figma

Aulas do MBA

Botões e Formulários

Princípios Gerais de Botões e Formuários
Material Design e Apple Guidelines
Definição de botão e quando usar
Tipos e estados do botão
Anatomia de um botão
Dicas para conteúdo para botões
Aplicações em produtos e guias de estilos de Botões
Configurando Botões no Design System no Figma
Como melhorar a qualidade do seu formulário
Princípios de uso para campos de formulário
Aplicações em produtos e guias de estilos de Formulários
Formulários Lineares
Formulário por Etapas
Formulários que não parecem formulários

Aulas do MBA

Exemplos práticos para ganhar repertório

Componentes - Imagens
- Imagens em produtos digitais
- Hero
- Thumbnail
- Avatares
Componente - Overlays
- Overlays - Definição
- Caixas de diálogos
- Tooltips
- Toast
- Ações de dispositivos IOS (Apple)
- Ações de dispositivos Android
Componentes - Itens de visualização
- Badges
- Tags e Chips
- Mapas (Pin)
- Tabelas
- Divisores
- Listas
- Cards
- Galeria de fotos
- Acordeon e Colapso (Accordion & Collapse)
- Banner
- Carousel
- Skeleton
- Celebração
- Dark Mode
Padrões de dados
- Gráficos
- Barras de progresso (gerenciamento de expectativa)
- Dashboards
- Guia de tamanhos
Coleções de usuários
Favoritos
- Offline
- Playlist
- Lixeira
Páginas de Conteúdo
- Home
- Discovery & Explorer
- News Feed (Feed de notícias)
- Item List
- E-mails & Messages
- Artigos
- TV Show & Movies
- Podcast & Song
- Recipe & Menu
- Note
- Goal & Talk
- Post
- Stories
- Chat
- Evento
- Quiz
- Games
- Class
- Product
- Realidade aumentada (Augmented Reality)
- Conquistas
- Notificações
- Adicionar amigos
- Comentários
- Feed (Redes Sociais)
- Followers & Following
- Rakings (Leaderboard)
- Conta e perfil
- Reviews Sociais
- Comunidades
Telas de Comunicação
- Sobre
- Action Option
- Telas de sucesso
- Telas de erro
- Confirmação
- Permissões
- Estado vazio
- Loading
- Pull to refresh (arrastar e recarregar)
- Coach Marks & Instruction
- Exemplos de telas de instruções
- Feature Info - Atualizações (Gestão de mudança)
- Exemplos de atualizações
- Configurações e preferências
- Exemplos de telas de configurações e preferências
- Ajuda e suporte
- Exemplos de telas de ajuda e suporte
- Feedback
- Exemplos de telas de feedback
- Políticas de privacidade
- Termos e Condições
- Sugestões e itens similares
Ações comuns
- Adicionar e criar
- Editar
- Excluir
- Upload & download
- Seleção
- Mover
- Reordenar
- Desenhar e anotar
- Salvar
- Cancelar
- Configurações
- Agendamento
- Votar
- Seguir
- Compartilhar
- Denunciar
- Banir e bloquear
- Filtrar e classificar
- Pesquisar
- Transferir recursos financeiros
E-commerces
Onboarding
Outros padrões úteis
- Timeline
- Calendário
- Data e hora
- Temporizador e relógio
- Lembrete
- Localização e endereço
- Mapas
- Browser (in-app browser)
- Chatbots
- Audio player
- Video player
- Gravadores
- Editor de mídia
- Câmera e Scanner
- Filtros e stickers
- Ligações

Aulas do MBA

Wireframes

Fundamentos de nível de fidelidade baixa, média e alta
Referências para wireframes
Wireframes de Vieses com Richard Jesus - UX Manager Pipedrive Estônia

Aulas do MBA

Processo de Design com Clientes do Papel ao handoff

Meu processo de trabalho

Atrair o cliente e Entender seu problema (briefing)
- Website
- Projeto
- Pedidos especiais
- Análise do produto atual
Fechar contratos
Preparação do projeto
Pesquisas (quando necessárias)
UI Design
Entrega e Handoff

Principais preocupações e como lidar com elas

Aulas do MBA

Vaga e Oportunidades de UI Design. Como se preparar para um desafio real.

Introdução ao desafio
Dicas para revisão final
Apresentações para o cliente

O Curso de UI Design é para quem:

Está em transição de carreira e quer aprender mais

Está iniciando do zero no UI Design

Quer evoluir seu conhecimento e ser mais valorizado

Alunos que migraram de carreira e conseguiram mudar sua realidade

Veja o que falam os alunos que migraram de carreira com cursos do UX Unicórnio

Adyla Lira

UX Designer - Take Blip

Robson Leonel

UX Designer - Globo

Bea Scabelli

Pesquisadora de experiência do usuário - SAP

Camila Petená

Product Designer - Quinto Andar

Beatriz Burgo

Product Designer - Asaas

Monalisa Fukuda

Product Designer Senior - SKY Brasil

Murilo Ferreira

UX Designer - Mercado Livre

Catarina Yang

Product Designer - MeuTudo

Sarah Fields

Product Designer - Itaú Unibanco

Garantia incondicional de 14 dias.
Sem letras miúdas.

O dobro do prazo exigido por lei. Se o conteúdo não for o que você esperava, basta pedir em até 14 dias que devolvemos 100% do seu investimento.

Você dá o primeiro passo de cabeça tranquila e nós assumimos o risco e a responsabilidade de te impressionar. É o quanto acreditamos na qualidade do nosso conteúdo.

Alunos que migraram de carreira e conseguiram mudar sua realidade

Sites, aplicativos, dashboards de grandes empresas com técnicas que vao te preparar para o mercado

Thais Dias

UI Designer

HUK-COBURG AUTOWELT

To aqui pra dividir uma ótima notícia. Consegui a tão sonhada transição para UI Design. Comecei há mais ou menos 3 semanas em uma empresa aqui na Alemanha.

Mara Ishioka

Product Designer

Americanas Delivery

Consegui meu primeiro emprego na Americanas Delivery com um valor bem acima de outras propostas que recebi! Estou muito feliz e sou muuuito grata ao UX Unicórnio pelos aprendizados, pelo suporte de vocês

Thais Dias

UI Designer

HUK-COBURG AUTOWELT

To aqui pra dividir uma ótima notícia. Consegui a tão sonhada transição para UI Design. Comecei há mais ou menos 3 semanas em uma empresa aqui na Alemanha.

Mara Ishioka

Product Designer

Americanas Delivery

Amanda Araujo

UI Designer

Plurix Design Estratégico

Eu finalmente consegui migrar do Design Gráfico para UI! Tô muito feliz em dizer que eu consegui uma vaga de UI Designer Pleno numa consultoria de UX incrível e que tem uma cultura maravilhosa.

Lucas Pires

UX/UI Designer Pleno

Bradesco

Finalmente após 9 meses consegui minha primeira oportunidade de ux, vou ser um UX/UI Pleno no Banco Bradesco pelo pessoal da The Bridge. Estou muito feliz com essa conquista, o seu curso foi fundamental nela.

Adrian Diaz

UI/UX Designer Pleno I

CoreBiz

Fui contratado pela COREBIZ! A maior empresa no ramo de E-commerce da América Latina. Meu salário triplicou! Estou com Pleno nível I. Só tenho a agradecer a UX Unicórnio!

Hygor Seabra de Oliveira

UX/UI Designer

Tangerino

Comecei ano passado na turma 8 com o intuito de começar na área de ux ...Antes trabalhava como analista de sistemas e em setembro consegui mudar para um estágio em UX/UI. Recebi essa semana a proposta.

Elaine Lima

UX/UI Designer

Arcos Dourados

Eu sempre quis aprender a criar interfaces de usuário atraentes e funcionais, e o curso de UI Design me proporcionou exatamente isso. Agora eu me sinto confiante para criar designs profissionais para qualquer projeto que eu trabalhar.

Rafael Sordi

UX Designer

Fly - MarTech Made Easy

Entrei no seu curso na turma 11 em Outubro e no dia 11 de Dezembro eu consegui literalmente meu primeiro emprego da vida como UX/UI Designer e estou com entrevista marcada com uma empresa do Vale do Silício

Elisângela Rocha

Analista UX Designer

Just a Little Data

Em plena pandemia, em março de 2020 comecei o Curso UX Unicórnio e em Agosto já estava empregada. Seu curso foi fundamental para conseguir essa vaga. Que alegria!! Só gratidão, educação muda vidas, você mudou a minha!!!

Você está pronto para migrar de carreira e se tornar o profissional mais desejado do mercado?

Com nossa abordagem prática e orientada para projetos, você aprenderá as técnicas mais recentes para criar layouts intuitivos, modernos, e fáceis de usar.

TIRE SUAS DÚVIDAS

Perguntas mais frequentes

Separamos algumas perguntas e respostas que podem te ajudar na sua decisão. Tem alguma pergunta e ela não está listada ao lado? Entre em contato com nossa equipe e tire suas dúvidas sobre o Curso de UI.

Falar com o suporte

Eu nunca trabalhei com design, vou conseguir acompanhar as aulas?

Sim. O curso é criado para te nivelar do básico ao avançado em UI Design. Desde o desenho básico de componentes no papel até conceitos avançados de psicologia, mente humana e guias de estilos nas ferramentas mais modernas do mercado, como Figma 2024.

Como este curso pode me posicionar em relação à carreira em UX Design?

Apesar de Ux Design ser uma profissão centrada no entendimento das dores dos usuários , a maioria das empresas ainda acreditam que Ux se resume a telinhas bonitas. Então não basta criar a coisa certa, também é necessário impressionar no visual. Criar telas simples, desejáveis, fáceis de usar e visualmente agradáveis é a proposta principal desse curso.

Quais serão os horários das aulas? Teremos aulas presenciais? As aulas são gravadas ou ao vivo?

As aulas são 100% flexíveis e você pode fazer no melhor horário para você.

Existe suporte a dúvidas ou estarei sozinho?

Você não está mais sozinho nessa jornada! Respondemos todas as dúvidas em até 48h úteis mas a grande maioria é respondida no mesmo dia na plataforma da comunidade.

Por quanto tempo terei acesso ao curso?

Você terá 1 ano de acesso ao curso e todas atualizações que surgirem nesse período. Se você entrar no Programa UX Unicórnio, você terá o acesso renovado por mais um e o valor pago poderá ser usado integralmente como desconto no upgrade do UX Unicórnio.

Vou receber um certificado ao final do curso?

Sim. Você terá direito a um certificado de conclusão de curso ao completar todos os módulos do curso.

Terei reembolso se não gostar do curso?

Você terá 14 dias de garantia para avaliar a qualidade dos conteúdos. Se por algum motivo, dentro deste prazo, você não ficar satisfeito eu te devolvo 100% do seu dinheiro.

Quais são os meios de pagamento?

O curso pode ser adquirido por cartão, PIX e boleto à vista ou cartão parcelado.

Existe um grupo para alunos?

Sim, você fará parte da nossa comunidade com mais de 4100 profissionais da área, atuantes nas maiores empresas do Brasil. É sua oportunidade para fazer networking, desenvolver parcerias de trabalho, ampliar sua experiência de aprendizado e melhorar sua carreira. Você estará junto com nossos mentores, alunos veteranos do UX Unicórnio, alunos do MBA, e nosso time de professores da pós graduação. Um networking que você não vê em outros lugares.

Terei algum benefício ao fazer no futuro o upgrade para o Programa UX Unicórnio?

Sim, o valor pago poderá ser usado integralmente como desconto no upgrade do UX Unicórnio 2.0.

Ainda estou com dúvidas, com quem posso falar?

Você pode falar com o nosso time de suporte no e-mail: contato@leandrorezende.com.br ou pelo WhatsApp: +55 41 8820-6511 (http://leandrorezende.com.br/ux/suporte-uidesign)

Domine as técnicas de UI Design do papel ao Handoff