Módulo: 🤘🏻 Comece por aqui!

Aula: 1.1 Boas-vindas!

Aula: 1.2 Como o Curso UI Expert irá funcionar e como aproveita-lo ao máximo
[Importante!]
Aula: 1.3 ID Card: Arquivo de acompanhamento
Módulo: ⚡ UI e UX Design
Aula: 2.1 O que é UI & UX Design
Módulo: 💡 Processos e Etapas de um Produto Digital
Aula: 3.1 Visão Geral: Processos de um projeto de Interface
Módulo: 📄 Briefing
Aula: 4.1 Briefing: Sua importância e como aplicar
Aula: 4.2 Situações relacionadas ao Briefing
Aula: 4.3 Questões chave de um bom Briefing
Aula: 4.4 Briefing com Formulários Interativos
Módulo: 🔍 Pesquisa, Planejamento, Inspiração e Imersão
Aula: 5.1 Planejamento: Montando o Cronograma de Entregas
Aula: 5.2 Pesquisa/Análise: Definindo Problemas e Objetivos
Aula: 5.3 Pesquisa: Segmentando nosso Usuário (Público Alvo)
Aula: 5.4 Pesquisa: Análise rápida de Concorrentes
Aula: 5.5 Inspiração: Como criar um Moodboard
Módulo: 📝 Wireframe
Aula: 6.1 O que é Wireframe
Aula: 6.2 Tipos, Ferrametas e quando usar Wireframes
Aula: 6.3 Sitemap + Mapa Mental: Definindo a Estrutura e Conteúdo do Projeto
Aula: 6.4 Componentes de um Wireframe
Aula: 6.5 Wireframe de Baixa Fidelidade com Papel e Caneta
Aula: 6.6 Wireframe de Média Fidelidade com Figma
Aula: 6.7 User Flow: O que é e quando usar
Módulo: 🔥 Básico de Figma
Aula: 7.1 Por que usar o Figma
Aula: 7.2 Dashboard, Menus e Tipos de Zoom
Aula: 7.3 Frames, Grids, Guides e Outline Mode
Aula: 7.4 Layers, Grupos e Importando Elementos
Aula: 7.5 Shape Tools (Formas) e Pen Tool
Aula: 7.6 Local Styles e Copiando Propriedades
Aula: 7.7 Imagens: Redimensionar, Opacidade, Bland Modes
Aula: 7.8 Configurações de Textos
Aula: 7.9 Constraints, Fix Position e Autolayout
Aula: 7.10 Alinhamentos e Tidy Up
Aula: 7.11 Operações Booleanas e Mascaras
Aula: 7.12 Compartilhamento, Versionamento, Comentários e Exportando
Elementos
Módulo: 💎 Elementos, Componentes e Princípios da Interface do Usuário
Aula: 8.1 Comece por aqui! [Importante]
Aula: 8.2 ♦ Tipografia: Sua importância
Aula: 8.3 Tipografia: Classificações
Aula: 8.4 ♦ Tipografia: Sobre Famílias Tipográficas
Aula: 8.5 Tipografia: Anatomia dos Tipos
Aula: 8.6 ♦ Tipografia: Tamanho, Escala e Hierarquia
Aula: 8.7 ♦ Tipografia: Corpo de texto e espaçamentos em UI Design
(parágrafos)
Aula: 8.8 ♦ Tipografia: Como aplicar Cores em Textos
Aula: 8.9 ☛ Tipografia na prática 01.1 - Hierarquia & Cores
Aula: 8.10 ☛ Tipografia na prática 01.2 - Hierarquia & Cores
Aula: 8.11 Tipografia: Como usar All Caps em UI Design
Aula: 8.12 ♦ Tipografia: Sobreposição de Textos em Imagens
Aula: 8.13 ☛ Tipografia na prática 02 - Sobreposição de Textos
Aula: 8.14 ♦ Tipografia: Combinando Typefaces
Aula: 8.15 ☛ Tipografia na prática 03 - Combinações Tipográficas
 Aula: 8.16 ♦ Grids: O que é, Anatomia e Benefícios
Aula: 8.17 ☛ Grid na prática - Configurando grids no Figma
Aula: 8.18 Grid: Como distribuir conteúdo no Grid
Aula: 8.19 Botões: Anatomia
Aula: 8.20 ♦ Botões: Tipos (CTA, Primário, Ghost Button, etc)
Aula: 8.21 ♦ Botões: Propriedades (Tamanho, Cor, Tipografia, Padding,
Sombras, Estados, etc)
Aula: 8.22 Botões: Estilos Visuais
Aula: 8.23 ♦ Botões: Rótulos (Copy/Tom de voz)
Aula: 8.24 ♦ Espaço em Branco: O que é, tipos e porque usar
Aula: 8.25 ♦ Alinhamento: Como organizar os Elementos
Aula: 8.26 ♦ Cores: Introdução
Aula: 8.27 ♦ Cores: Significados e Associações mais Comuns
Aula: 8.28 ♦ Cores: Diretrizes para Aplicação (10 dicas)
Aula: 8.29 Cores: Como usar Gradientes
Aula: 8.30 ☛ Cores na prática - Criando variações e colorindo uma Interface
Aula: 8.31 Cores: Dark UI (Interfaces Escuras)
Aula: 8.32 ☛ Cores na prática - Colorindo uma Dark UI
Aula: 8.33 ♦ Imagens: Guia prático de como aplicar
Aula: 8.34 Ilustrações: O papel das ilustrações na UI
Aula: 8.35 ♦ Ícones: O que são, Tipos, Porque usar e Formatos
Aula: 8.36 ♦ Ícones: Como aplicar ícones corretamente (Diretrizes)
Aula: 8.37 ☛ Ícones na prática - Trabalhando com Ícones no Illustrator
[Importante!]
Aula: 8.38 ♦ Formulários: O que é, Tipos e Diretrizes
Aula: 8.39 ♦ Formulários: Formatos, Estilos e Estados dos campos de Textos
Aula: 8.40 ♦ Divisores Visuais (Separadores)
Aula: 8.41 ♦ Menus de Navegação
Aula: 8.42 ♦ Controles de Seleção
Módulo: 📣 Design Comportamental
Aula: 9.1 O que são Heurísticas e Vieses Cognitivos
Aula: 9.2 Vieses Cognitivos 01 - Prova Social, Lei de Fitts e mais..
Aula: 9.3 Vieses Cognitivos 02 - Viés de Autoridade, Efeito de Ancoragem e
mais..
Aula: 9.4 Vieses Cognitivos 03 - Escassez, Efeito da Curiosidade e mais..
Aula: 9.5 Vieses Cognitivos 04 - Viés de Risco Zero, Efeito Padrão e mais..
Módulo: 🚀 Start
Aula: 10.1 Fórmula para dominar UI Design
Aula: 10.2 Analisar: Estudando e entendendo uma Interface
Aula: 10.3 Reproduzir: Fixando o conhecimento adquirido
Aula: 10.4 Aplicar: Exercício Prático
Aula: 10.5 Observações e Recomendações [Importante!]
Módulo: 💻 Projeto 01 • Interface Web
Aula: 11.1 Introdução ao Projeto
Aula: 11.2 Preparando o Documento e Recursos
Aula: 11.3 Wireframe Rápido
Aula: 11.4 SafraPay 01: Header, Menu, Banner, Componentes e suas Variantes
Aula: 11.5 SafraPay 02: Seção Benefícios
Aula: 11.6 SafraPay 03: Máquinas
Aula: 11.7 SafraPay 04: Bandeiras e Alguns Ícones
Aula: 11.8 SafraPay 05: Acesso a Crédito e Link de Pagamento
Aula: 11.9 SafraPay 06: Taxas e Simulador
Aula: 11.10 SafraPay 07: Banco Digital, Cartão Safra e Cliente Especial
Aula: 11.11 SafraPay 08: Atendimento e Rodapé
Aula: 11.12 Observações e Justificativas de Design [importante!]
Módulo: 📱 Design Responsivo
Aula: 12.1 O que é Responsividade
Aula: 12.2 Na Prática com SafraPay
Módulo: 📐 UI Style Guide
 Aula: 13.1 Introdução: O que são UI Style Guides
Aula: 13.2 Elementos de um Style Guide
Aula: 13.3 Vamos ver alguns Exemplos
Aula: 13.4 Montando um UI Style Guide Part. 01
Aula: 13.5 Montando um UI Style Guide Part. 02
Módulo: 📌 Design Handoff: Entregando um Projeto
Aula: 14.1 O que é handoff e Colaboração
Aula: 14.2 Organização do Arquivo
Aula: 14.3 Compartilhando o Projeto
Módulo: 👉 Desafio 01 [Redesign Web]
Aula: 15.1 Entenda o Desafio!
Módulo: 📲 Projeto 02 • Interface Mobile
Aula: 16.1 Introdução ao Projeto Homekey
Aula: 16.2 Construindo o Logotipo
Aula: 16.3 Homekey 01: Iniciando o Projeto (Splash Screen e Login)
Aula: 16.4 Homekey 02: Criar Conta
Aula: 16.5 Homekey 03: Busca Principal
Aula: 16.6 Homekey 04: Backdrops (Local e Tipo de imóvel)
Aula: 16.7 Homekey 05: Listagem de Imóveis
Aula: 16.8 Homekey 06: Mapa
Aula: 16.9 Homekey 07: Detalhe do Imóvel
Aula: 16.10 Homekey 08: Favoritos e Alertas
Aula: 16.11 Homekey 09: Inbox
Aula: 16.12 Homekey 10: Perfil
Aula: 16.13 Observações e Justificativas de Design [importante!]
Módulo: 🔗 Prototype: Criando um Protótipo de alta fidelidade com Figma
Aula: 17.1 Marvel: Ótima alternativa para Protótipos Básicos
Aula: 17.2 Introdução e Conceitos Básicos da Prototipação no Figma
Aula: 17.3 Criando Links e usando Overlay
Aula: 17.4 Transições animadas com Smart Animate e função arrastar (Drag)
Aula: 17.5 Simulando página de Loading e criando Carrossel Horizontal
Aula: 17.6 Animando o Zoom do Mapa e criando um Carrossel Interativo
Aula: 17.7 Função Scroll To (âncora) e Animação Push
Aula: 17.8 Animando função "Arquivar" com Mensagem de feedback da ação
Módulo: 👉 Desafio 02 [Trust Bank]
Aula: 18.1 Entenda o Desafio!
Módulo: 🖥️ Projeto 03 • Dashboard
Aula: 19.1 Dashboard: O que é e para que serve
Aula: 19.2 Analisando Dashboards e Referências
Aula: 19.3 Padrões de design & Componentes comuns em Dashboards
Aula: 19.4 Data Visualization e alguns Materiais
Aula: 19.5 Grids em Dashboards
Aula: 19.6 Explorando algumas ideais com a Homekey
Aula: 19.7 Introdução ao Projeto de Dashboard
Aula: 19.8 Definindo o Grid e Iniciando o Wireframe
Aula: 19.9 Inserindo conteúdo no Wireframe
Aula: 19.10 Continuação do Wireframe
Aula: 19.11 Finalizando o Wireframe de alta Fidelidade
Aula: 19.12 Concluindo a Dashboard
Aula: 19.13 Mostrando outras telas da Dashboard BMW e Justificativas de
Design [importante!]
Módulo: 👉 Desafio 03 [ZeroPaper]
Aula: 20.1 Entenda o Desafio!
Módulo: 👉 Desafios Bônus! [+3]
Aula: Desafio 04: E-commerce
Aula: Desafio 05: Cardápio Digital
Aula: Desafio 06: Tema Crypto
Módulo: 🎓 Considerações Finais
Aula: Próximos Passos e Sobre o Certificado
 Aula: NPS - O que você achou do UI Expert?
Módulo: 💼 Bônus: Postura Comercial, Carreira e Mercado
Aula: Sobre o mercado: Níveis, Salários, Onde trabalhar, Hard & Soft Skills,
etc.
Aula: O que uma empresa espera de um UI/UX Designer? (Analisando vagas)
Aula: Ser um designer CLT ou Freelancer? Entenda as diferenças.
Aula: Os 6 passos para começar a trabalhar como Freelancer
Aula: 10 dicas para trabalhar Home Office como UI Designer
Aula: Precificação, Descontos e formas de Pagamento
Aula: Como aumentar seu Faturamento
Aula: Definindo e lindando com Prazos
Aula: Como lidar com Alterações
Aula: Overdelivery: A maior estratégia de fidelização
Aula: Como montar um bom Currículo (CV)
Aula: LinkedIn para UI Designers
Módulo: ✏ ️ #NaPrática com Lucas Assis
Aula: Novo site UI Expert #01
Módulo: 🔑 Bônus: Tudo sobre Portfólio
Aula: O conteúdo deste módulo está em produção e será disponibilizado em
breve.
Módulo: 🍔 Projeto Bônus: Landing Page Rock Burger (Photoshop)
Aula: Aula 01 - Introdução, Menu e Full Banner
Aula: Aula 02 - Sobre
Aula: Aula 03 - Serviços
Aula: Aula 04 - Cardápio
Aula: Aula 05 - Vídeo Institucional
Aula: Aula 06 - Instagram
Aula: Aula 07 - Endereço e Faça sua Reserva
Aula: Aula 08 - Rodapé
Aula: Aula 09 - Modal de Reserva
Módulo: 🛒 Projeto Bônus: E-commerce Outono Fashion (Photoshop)
Aula: Aula 01 - Página Inicial: Introdução e Header
Aula: Aula 02 - Página Inicial: Banner Principal
Aula: Aula 03 - Página Inicial: Produtos em Destaque
Aula: Aula 04 - Página Inicial: Lançamentos
Aula: Aula 05 - Página Inicial: Segundo Banner
Aula: Aula 06 - Página Inicial: Carrossel e Marcas
Aula: Aula 07 - Página Inicial: Newsletter
Aula: Aula 08 - Página Inicial: Rodapé
Aula: Aula 09 - Página Inicial: Ferramenta de Busca
Aula: Aula 10 - Página Inicial: Dropdown do Menu
Aula: Aula 11 - Página Inicial: Dropdown Minha Sacola
Aula: Aula 12 - Página de Login
Aula: Aula 13 - Listagem de Produtos: Título, Menu Lateral/Filtros
Aula: Aula 14 - Listagem de Produtos: Produtos e Paginação
Aula: Aula 15 - Detalhe do Produto: Informações e Produtos Similares
Aula: Aula 16 - Minha Sacola/Carrinho: Informações e Compre Junto
Aula: Aula 17 - Checkout: Login
Aula: Aula 18 - Checkout: Endereço
Aula: Aula 19 - Checkout: Pagamento
Aula: Aula 20 - Checkout: Resumo do Pedido e Cupom de Desconto
Aula: Aula 21 - Checkout: Confirmação (Feedback)
Aula: Aula 22 - Minha Conta: Dados Pessoais
Aula: Aula 23 - Minha Conta: Meus Pedidos
Aula: Aula 24 - Minha Conta: Endereços
Aula: Aula 25 - Minha Conta: Atendimento
Módulo: 💣 SDI 1ª Edição - Aplicativo ui.academy
Aula: Ep. 01 - Tudo sobre a profissão e os 6 passos para se tornar UI
Designer
 Aula: Ep. 02 - Construindo um app do zero utilizando o Figma
Aula: Ep. 03 - Criando um protótipo navegável e animado no Figma
Módulo: 🛠️ Central de Recursos e Ferramentas para UI Design
Aula: Recursos e Ferramentas
Módulo: 🤘🏻 Comece por aqui!
Aula: 1.1 Boas-vindas!
Aula: 1.2 Como o Curso UI Expert irá funcionar e como aproveita-lo ao máximo
[Importante!]
Aula: 1.3 ID Card: Arquivo de acompanhamento
Módulo: ⚡ UI e UX Design
Aula: 2.1 O que é UI & UX Design
Módulo: 💡 Processos e Etapas de um Produto Digital
Aula: 3.1 Visão Geral: Processos de um projeto de Interface
Módulo: 📄 Briefing
Aula: 4.1 Briefing: Sua importância e como aplicar
Aula: 4.2 Situações relacionadas ao Briefing
Aula: 4.3 Questões chave de um bom Briefing
Aula: 4.4 Briefing com Formulários Interativos
Módulo: 🔍 Pesquisa, Planejamento, Inspiração e Imersão
Aula: 5.1 Planejamento: Montando o Cronograma de Entregas
Aula: 5.2 Pesquisa/Análise: Definindo Problemas e Objetivos
Aula: 5.3 Pesquisa: Segmentando nosso Usuário (Público Alvo)
Aula: 5.4 Pesquisa: Análise rápida de Concorrentes
Aula: 5.5 Inspiração: Como criar um Moodboard
Módulo: 📝 Wireframe
Aula: 6.1 O que é Wireframe
Aula: 6.2 Tipos, Ferrametas e quando usar Wireframes
Aula: 6.3 Sitemap + Mapa Mental: Definindo a Estrutura e Conteúdo do Projeto
Aula: 6.4 Componentes de um Wireframe
Aula: 6.5 Wireframe de Baixa Fidelidade com Papel e Caneta
Aula: 6.6 Wireframe de Média Fidelidade com Figma
Aula: 6.7 User Flow: O que é e quando usar
Módulo: 🔥 Básico de Figma
Aula: 7.1 Por que usar o Figma
Aula: 7.2 Dashboard, Menus e Tipos de Zoom
Aula: 7.3 Frames, Grids, Guides e Outline Mode
Aula: 7.4 Layers, Grupos e Importando Elementos
Aula: 7.5 Shape Tools (Formas) e Pen Tool
Aula: 7.6 Local Styles e Copiando Propriedades
Aula: 7.7 Imagens: Redimensionar, Opacidade, Bland Modes
Aula: 7.8 Configurações de Textos
Aula: 7.9 Constraints, Fix Position e Autolayout
Aula: 7.10 Alinhamentos e Tidy Up
Aula: 7.11 Operações Booleanas e Mascaras
Aula: 7.12 Compartilhamento, Versionamento, Comentários e Exportando
Elementos
Módulo: 💎 Elementos, Componentes e Princípios da Interface do Usuário
Aula: 8.1 Comece por aqui! [Importante]
Aula: 8.2 ♦ Tipografia: Sua importância
Aula: 8.3 Tipografia: Classificações
Aula: 8.4 ♦ Tipografia: Sobre Famílias Tipográficas
Aula: 8.5 Tipografia: Anatomia dos Tipos
Aula: 8.6 ♦ Tipografia: Tamanho, Escala e Hierarquia
Aula: 8.7 ♦ Tipografia: Corpo de texto e espaçamentos em UI Design
(parágrafos)
Aula: 8.8 ♦ Tipografia: Como aplicar Cores em Textos
Aula: 8.9 ☛ Tipografia na prática 01.1 - Hierarquia & Cores
Aula: 8.10 ☛ Tipografia na prática 01.2 - Hierarquia & Cores
Aula: 8.11 Tipografia: Como usar All Caps em UI Design
 Aula: 8.12 ♦ Tipografia: Sobreposição de Textos em Imagens
Aula: 8.13 ☛ Tipografia na prática 02 - Sobreposição de Textos
Aula: 8.14 ♦ Tipografia: Combinando Typefaces
Aula: 8.15 ☛ Tipografia na prática 03 - Combinações Tipográficas
Aula: 8.16 ♦ Grids: O que é, Anatomia e Benefícios
Aula: 8.17 ☛ Grid na prática - Configurando grids no Figma
Aula: 8.18 Grid: Como distribuir conteúdo no Grid
Aula: 8.19 Botões: Anatomia
Aula: 8.20 ♦ Botões: Tipos (CTA, Primário, Ghost Button, etc)
Aula: 8.21 ♦ Botões: Propriedades (Tamanho, Cor, Tipografia, Padding,
Sombras, Estados, etc)
Aula: 8.22 Botões: Estilos Visuais
Aula: 8.23 ♦ Botões: Rótulos (Copy/Tom de voz)
Aula: 8.24 ♦ Espaço em Branco: O que é, tipos e porque usar
Aula: 8.25 ♦ Alinhamento: Como organizar os Elementos
Aula: 8.26 ♦ Cores: Introdução
Aula: 8.27 ♦ Cores: Significados e Associações mais Comuns
Aula: 8.28 ♦ Cores: Diretrizes para Aplicação (10 dicas)
Aula: 8.29 Cores: Como usar Gradientes
Aula: 8.30 ☛ Cores na prática - Criando variações e colorindo uma Interface
Aula: 8.31 Cores: Dark UI (Interfaces Escuras)
Aula: 8.32 ☛ Cores na prática - Colorindo uma Dark UI
Aula: 8.33 ♦ Imagens: Guia prático de como aplicar
Aula: 8.34 Ilustrações: O papel das ilustrações na UI
Aula: 8.35 ♦ Ícones: O que são, Tipos, Porque usar e Formatos
Aula: 8.36 ♦ Ícones: Como aplicar ícones corretamente (Diretrizes)
Aula: 8.37 ☛ Ícones na prática - Trabalhando com Ícones no Illustrator
[Importante!]
Aula: 8.38 ♦ Formulários: O que é, Tipos e Diretrizes
Aula: 8.39 ♦ Formulários: Formatos, Estilos e Estados dos campos de Textos
Aula: 8.40 ♦ Divisores Visuais (Separadores)
Aula: 8.41 ♦ Menus de Navegação
Aula: 8.42 ♦ Controles de Seleção
Módulo: 📣 Design Comportamental
Aula: 9.1 O que são Heurísticas e Vieses Cognitivos
Aula: 9.2 Vieses Cognitivos 01 - Prova Social, Lei de Fitts e mais..
Aula: 9.3 Vieses Cognitivos 02 - Viés de Autoridade, Efeito de Ancoragem e
mais..
Aula: 9.4 Vieses Cognitivos 03 - Escassez, Efeito da Curiosidade e mais..
Aula: 9.5 Vieses Cognitivos 04 - Viés de Risco Zero, Efeito Padrão e mais..
Módulo: 🚀 Start
Aula: 10.1 Fórmula para dominar UI Design
Aula: 10.2 Analisar: Estudando e entendendo uma Interface
Aula: 10.3 Reproduzir: Fixando o conhecimento adquirido
Aula: 10.4 Aplicar: Exercício Prático
Aula: 10.5 Observações e Recomendações [Importante!]
Módulo: 💻 Projeto 01 • Interface Web
Aula: 11.1 Introdução ao Projeto
Aula: 11.2 Preparando o Documento e Recursos
Aula: 11.3 Wireframe Rápido
Aula: 11.4 SafraPay 01: Header, Menu, Banner, Componentes e suas Variantes
Aula: 11.5 SafraPay 02: Seção Benefícios
Aula: 11.6 SafraPay 03: Máquinas
Aula: 11.7 SafraPay 04: Bandeiras e Alguns Ícones
Aula: 11.8 SafraPay 05: Acesso a Crédito e Link de Pagamento
Aula: 11.9 SafraPay 06: Taxas e Simulador
Aula: 11.10 SafraPay 07: Banco Digital, Cartão Safra e Cliente Especial
Aula: 11.11 SafraPay 08: Atendimento e Rodapé
Aula: 11.12 Observações e Justificativas de Design [importante!]
Módulo: 📱 Design Responsivo
Aula: 12.1 O que é Responsividade
Aula: 12.2 Na Prática com SafraPay
Módulo: 📐 UI Style Guide
Aula: 13.1 Introdução: O que são UI Style Guides
Aula: 13.2 Elementos de um Style Guide
Aula: 13.3 Vamos ver alguns Exemplos
Aula: 13.4 Montando um UI Style Guide Part. 01
Aula: 13.5 Montando um UI Style Guide Part. 02
Módulo: 📌 Design Handoff: Entregando um Projeto
Aula: 14.1 O que é handoff e Colaboração
Aula: 14.2 Organização do Arquivo
Aula: 14.3 Compartilhando o Projeto
Módulo: 👉 Desafio 01 [Redesign Web]
Aula: 15.1 Entenda o Desafio!
Módulo: 📲 Projeto 02 • Interface Mobile
Aula: 16.1 Introdução ao Projeto Homekey
Aula: 16.2 Construindo o Logotipo
Aula: 16.3 Homekey 01: Iniciando o Projeto (Splash Screen e Login)
Aula: 16.4 Homekey 02: Criar Conta
Aula: 16.5 Homekey 03: Busca Principal
Aula: 16.6 Homekey 04: Backdrops (Local e Tipo de imóvel)
Aula: 16.7 Homekey 05: Listagem de Imóveis
Aula: 16.8 Homekey 06: Mapa
Aula: 16.9 Homekey 07: Detalhe do Imóvel
Aula: 16.10 Homekey 08: Favoritos e Alertas
Aula: 16.11 Homekey 09: Inbox
Aula: 16.12 Homekey 10: Perfil
Aula: 16.13 Observações e Justificativas de Design [importante!]
Módulo: 🔗 Prototype: Criando um Protótipo de alta fidelidade com Figma
Aula: 17.1 Marvel: Ótima alternativa para Protótipos Básicos
Aula: 17.2 Introdução e Conceitos Básicos da Prototipação no Figma
Aula: 17.3 Criando Links e usando Overlay
Aula: 17.4 Transições animadas com Smart Animate e função arrastar (Drag)
Aula: 17.5 Simulando página de Loading e criando Carrossel Horizontal
Aula: 17.6 Animando o Zoom do Mapa e criando um Carrossel Interativo
Aula: 17.7 Função Scroll To (âncora) e Animação Push
Aula: 17.8 Animando função "Arquivar" com Mensagem de feedback da ação
Módulo: 👉 Desafio 02 [Trust Bank]
Aula: 18.1 Entenda o Desafio!
Módulo: 🖥️ Projeto 03 • Dashboard
Aula: 19.1 Dashboard: O que é e para que serve
Aula: 19.2 Analisando Dashboards e Referências
Aula: 19.3 Padrões de design & Componentes comuns em Dashboards
Aula: 19.4 Data Visualization e alguns Materiais
Aula: 19.5 Grids em Dashboards
Aula: 19.6 Explorando algumas ideais com a Homekey
Aula: 19.7 Introdução ao Projeto de Dashboard
Aula: 19.8 Definindo o Grid e Iniciando o Wireframe
Aula: 19.9 Inserindo conteúdo no Wireframe
Aula: 19.10 Continuação do Wireframe
Aula: 19.11 Finalizando o Wireframe de alta Fidelidade
Aula: 19.12 Concluindo a Dashboard
Aula: 19.13 Mostrando outras telas da Dashboard BMW e Justificativas de
Design [importante!]
Módulo: 👉 Desafio 03 [ZeroPaper]
Aula: 20.1 Entenda o Desafio!
Módulo: 👉 Desafios Bônus! [+3]
Aula: Desafio 04: E-commerce
 Aula: Desafio 05: Cardápio Digital
Aula: Desafio 06: Tema Crypto
Módulo: 🎓 Considerações Finais
Aula: Próximos Passos e Sobre o Certificado
Aula: NPS - O que você achou do UI Expert?
Módulo: 💼 Bônus: Postura Comercial, Carreira e Mercado
Aula: Sobre o mercado: Níveis, Salários, Onde trabalhar, Hard & Soft Skills,
etc.
Aula: O que uma empresa espera de um UI/UX Designer? (Analisando vagas)
Aula: Ser um designer CLT ou Freelancer? Entenda as diferenças.
Aula: Os 6 passos para começar a trabalhar como Freelancer
Aula: 10 dicas para trabalhar Home Office como UI Designer
Aula: Precificação, Descontos e formas de Pagamento
Aula: Como aumentar seu Faturamento
Aula: Definindo e lindando com Prazos
Aula: Como lidar com Alterações
Aula: Overdelivery: A maior estratégia de fidelização
Aula: Como montar um bom Currículo (CV)
Aula: LinkedIn para UI Designers
Módulo: ✏️ #NaPrática com Lucas Assis
Aula: Novo site UI Expert #01
Módulo: 🔑 Bônus: Tudo sobre Portfólio
Aula: O conteúdo deste módulo está em produção e será disponibilizado em
breve.
Módulo: 🍔 Projeto Bônus: Landing Page Rock Burger (Photoshop)
Aula: Aula 01 - Introdução, Menu e Full Banner
Aula: Aula 02 - Sobre
Aula: Aula 03 - Serviços
Aula: Aula 04 - Cardápio
Aula: Aula 05 - Vídeo Institucional
Aula: Aula 06 - Instagram
Aula: Aula 07 - Endereço e Faça sua Reserva
Aula: Aula 08 - Rodapé
Aula: Aula 09 - Modal de Reserva
Módulo: 🛒 Projeto Bônus: E-commerce Outono Fashion (Photoshop)
Aula: Aula 01 - Página Inicial: Introdução e Header
Aula: Aula 02 - Página Inicial: Banner Principal
Aula: Aula 03 - Página Inicial: Produtos em Destaque
Aula: Aula 04 - Página Inicial: Lançamentos
Aula: Aula 05 - Página Inicial: Segundo Banner
Aula: Aula 06 - Página Inicial: Carrossel e Marcas
Aula: Aula 07 - Página Inicial: Newsletter
Aula: Aula 08 - Página Inicial: Rodapé
Aula: Aula 09 - Página Inicial: Ferramenta de Busca
Aula: Aula 10 - Página Inicial: Dropdown do Menu
Aula: Aula 11 - Página Inicial: Dropdown Minha Sacola
Aula: Aula 12 - Página de Login
Aula: Aula 13 - Listagem de Produtos: Título, Menu Lateral/Filtros
Aula: Aula 14 - Listagem de Produtos: Produtos e Paginação
Aula: Aula 15 - Detalhe do Produto: Informações e Produtos Similares
Aula: Aula 16 - Minha Sacola/Carrinho: Informações e Compre Junto
Aula: Aula 17 - Checkout: Login
Aula: Aula 18 - Checkout: Endereço
Aula: Aula 19 - Checkout: Pagamento
Aula: Aula 20 - Checkout: Resumo do Pedido e Cupom de Desconto
Aula: Aula 21 - Checkout: Confirmação (Feedback)
Aula: Aula 22 - Minha Conta: Dados Pessoais
Aula: Aula 23 - Minha Conta: Meus Pedidos
Aula: Aula 24 - Minha Conta: Endereços
 Aula: Aula 25 - Minha Conta: Atendimento
Módulo: 💣 SDI 1ª Edição - Aplicativo ui.academy
Aula: Ep. 01 - Tudo sobre a profissão e os 6 passos para se tornar UI
Designer
Aula: Ep. 02 - Construindo um app do zero utilizando o Figma
Aula: Ep. 03 - Criando um protótipo navegável e animado no Figma
Módulo: 🛠️ Central de Recursos e Ferramentas para UI Design
Aula: Recursos e Ferramentas
Módulo: 🤘🏻 Comece por aqui!
Aula: 1.1 Boas-vindas!
Aula: 1.2 Como o Curso UI Expert irá funcionar e como aproveita-lo ao máximo
[Importante!]
Aula: 1.3 ID Card: Arquivo de acompanhamento
Módulo: ⚡ UI e UX Design
Aula: 2.1 O que é UI & UX Design
Módulo: 💡 Processos e Etapas de um Produto Digital
Aula: 3.1 Visão Geral: Processos de um projeto de Interface
Módulo: 📄 Briefing
Aula: 4.1 Briefing: Sua importância e como aplicar
Aula: 4.2 Situações relacionadas ao Briefing
Aula: 4.3 Questões chave de um bom Briefing
Aula: 4.4 Briefing com Formulários Interativos
Módulo: 🔍 Pesquisa, Planejamento, Inspiração e Imersão
Aula: 5.1 Planejamento: Montando o Cronograma de Entregas
Aula: 5.2 Pesquisa/Análise: Definindo Problemas e Objetivos
Aula: 5.3 Pesquisa: Segmentando nosso Usuário (Público Alvo)
Aula: 5.4 Pesquisa: Análise rápida de Concorrentes
Aula: 5.5 Inspiração: Como criar um Moodboard
Módulo: 📝 Wireframe
Aula: 6.1 O que é Wireframe
Aula: 6.2 Tipos, Ferrametas e quando usar Wireframes
Aula: 6.3 Sitemap + Mapa Mental: Definindo a Estrutura e Conteúdo do Projeto
Aula: 6.4 Componentes de um Wireframe
Aula: 6.5 Wireframe de Baixa Fidelidade com Papel e Caneta
Aula: 6.6 Wireframe de Média Fidelidade com Figma
Aula: 6.7 User Flow: O que é e quando usar
Módulo: 🔥 Básico de Figma
Aula: 7.1 Por que usar o Figma
Aula: 7.2 Dashboard, Menus e Tipos de Zoom
Aula: 7.3 Frames, Grids, Guides e Outline Mode
Aula: 7.4 Layers, Grupos e Importando Elementos
Aula: 7.5 Shape Tools (Formas) e Pen Tool
Aula: 7.6 Local Styles e Copiando Propriedades
Aula: 7.7 Imagens: Redimensionar, Opacidade, Bland Modes
Aula: 7.8 Configurações de Textos
Aula: 7.9 Constraints, Fix Position e Autolayout
Aula: 7.10 Alinhamentos e Tidy Up
Aula: 7.11 Operações Booleanas e Mascaras
Aula: 7.12 Compartilhamento, Versionamento, Comentários e Exportando
Elementos
Módulo: 💎 Elementos, Componentes e Princípios da Interface do Usuário
Aula: 8.1 Comece por aqui! [Importante]
Aula: 8.2 ♦ Tipografia: Sua importância
Aula: 8.3 Tipografia: Classificações
Aula: 8.4 ♦ Tipografia: Sobre Famílias Tipográficas
Aula: 8.5 Tipografia: Anatomia dos Tipos
Aula: 8.6 ♦ Tipografia: Tamanho, Escala e Hierarquia
Aula: 8.7 ♦ Tipografia: Corpo de texto e espaçamentos em UI Design
(parágrafos)
 Aula: 8.8 ♦ Tipografia: Como aplicar Cores em Textos
Aula: 8.9 ☛ Tipografia na prática 01.1 - Hierarquia & Cores
Aula: 8.10 ☛ Tipografia na prática 01.2 - Hierarquia & Cores
Aula: 8.11 Tipografia: Como usar All Caps em UI Design
Aula: 8.12 ♦ Tipografia: Sobreposição de Textos em Imagens
Aula: 8.13 ☛ Tipografia na prática 02 - Sobreposição de Textos
Aula: 8.14 ♦ Tipografia: Combinando Typefaces
Aula: 8.15 ☛ Tipografia na prática 03 - Combinações Tipográficas
Aula: 8.16 ♦ Grids: O que é, Anatomia e Benefícios
Aula: 8.17 ☛ Grid na prática - Configurando grids no Figma
Aula: 8.18 Grid: Como distribuir conteúdo no Grid
Aula: 8.19 Botões: Anatomia
Aula: 8.20 ♦ Botões: Tipos (CTA, Primário, Ghost Button, etc)
Aula: 8.21 ♦ Botões: Propriedades (Tamanho, Cor, Tipografia, Padding,
Sombras, Estados, etc)
Aula: 8.22 Botões: Estilos Visuais
Aula: 8.23 ♦ Botões: Rótulos (Copy/Tom de voz)
Aula: 8.24 ♦ Espaço em Branco: O que é, tipos e porque usar
Aula: 8.25 ♦ Alinhamento: Como organizar os Elementos
Aula: 8.26 ♦ Cores: Introdução
Aula: 8.27 ♦ Cores: Significados e Associações mais Comuns
Aula: 8.28 ♦ Cores: Diretrizes para Aplicação (10 dicas)
Aula: 8.29 Cores: Como usar Gradientes
Aula: 8.30 ☛ Cores na prática - Criando variações e colorindo uma Interface
Aula: 8.31 Cores: Dark UI (Interfaces Escuras)
Aula: 8.32 ☛ Cores na prática - Colorindo uma Dark UI
Aula: 8.33 ♦ Imagens: Guia prático de como aplicar
Aula: 8.34 Ilustrações: O papel das ilustrações na UI
Aula: 8.35 ♦ Ícones: O que são, Tipos, Porque usar e Formatos
Aula: 8.36 ♦ Ícones: Como aplicar ícones corretamente (Diretrizes)
Aula: 8.37 ☛ Ícones na prática - Trabalhando com Ícones no Illustrator
[Importante!]
Aula: 8.38 ♦ Formulários: O que é, Tipos e Diretrizes
Aula: 8.39 ♦ Formulários: Formatos, Estilos e Estados dos campos de Textos
Aula: 8.40 ♦ Divisores Visuais (Separadores)
Aula: 8.41 ♦ Menus de Navegação
Aula: 8.42 ♦ Controles de Seleção
Módulo: 📣 Design Comportamental
Aula: 9.1 O que são Heurísticas e Vieses Cognitivos
Aula: 9.2 Vieses Cognitivos 01 - Prova Social, Lei de Fitts e mais..
Aula: 9.3 Vieses Cognitivos 02 - Viés de Autoridade, Efeito de Ancoragem e
mais..
Aula: 9.4 Vieses Cognitivos 03 - Escassez, Efeito da Curiosidade e mais..
Aula: 9.5 Vieses Cognitivos 04 - Viés de Risco Zero, Efeito Padrão e mais..
Módulo: 🚀 Start
Aula: 10.1 Fórmula para dominar UI Design
Aula: 10.2 Analisar: Estudando e entendendo uma Interface
Aula: 10.3 Reproduzir: Fixando o conhecimento adquirido
Aula: 10.4 Aplicar: Exercício Prático
Aula: 10.5 Observações e Recomendações [Importante!]
Módulo: 💻 Projeto 01 • Interface Web
Aula: 11.1 Introdução ao Projeto
Aula: 11.2 Preparando o Documento e Recursos
Aula: 11.3 Wireframe Rápido
Aula: 11.4 SafraPay 01: Header, Menu, Banner, Componentes e suas Variantes
Aula: 11.5 SafraPay 02: Seção Benefícios
Aula: 11.6 SafraPay 03: Máquinas
Aula: 11.7 SafraPay 04: Bandeiras e Alguns Ícones
Aula: 11.8 SafraPay 05: Acesso a Crédito e Link de Pagamento
 Aula: 11.9 SafraPay 06: Taxas e Simulador
Aula: 11.10 SafraPay 07: Banco Digital, Cartão Safra e Cliente Especial
Aula: 11.11 SafraPay 08: Atendimento e Rodapé
Aula: 11.12 Observações e Justificativas de Design [importante!]
Módulo: 📱 Design Responsivo
Aula: 12.1 O que é Responsividade
Aula: 12.2 Na Prática com SafraPay
Módulo: 📐 UI Style Guide
Aula: 13.1 Introdução: O que são UI Style Guides
Aula: 13.2 Elementos de um Style Guide
Aula: 13.3 Vamos ver alguns Exemplos
Aula: 13.4 Montando um UI Style Guide Part. 01
Aula: 13.5 Montando um UI Style Guide Part. 02
Módulo: 📌 Design Handoff: Entregando um Projeto
Aula: 14.1 O que é handoff e Colaboração
Aula: 14.2 Organização do Arquivo
Aula: 14.3 Compartilhando o Projeto
Módulo: 👉 Desafio 01 [Redesign Web]
Aula: 15.1 Entenda o Desafio!
Módulo: 📲 Projeto 02 • Interface Mobile
Aula: 16.1 Introdução ao Projeto Homekey
Aula: 16.2 Construindo o Logotipo
Aula: 16.3 Homekey 01: Iniciando o Projeto (Splash Screen e Login)
Aula: 16.4 Homekey 02: Criar Conta
Aula: 16.5 Homekey 03: Busca Principal
Aula: 16.6 Homekey 04: Backdrops (Local e Tipo de imóvel)
Aula: 16.7 Homekey 05: Listagem de Imóveis
Aula: 16.8 Homekey 06: Mapa
Aula: 16.9 Homekey 07: Detalhe do Imóvel
Aula: 16.10 Homekey 08: Favoritos e Alertas
Aula: 16.11 Homekey 09: Inbox
Aula: 16.12 Homekey 10: Perfil
Aula: 16.13 Observações e Justificativas de Design [importante!]
Módulo: 🔗 Prototype: Criando um Protótipo de alta fidelidade com Figma
Aula: 17.1 Marvel: Ótima alternativa para Protótipos Básicos
Aula: 17.2 Introdução e Conceitos Básicos da Prototipação no Figma
Aula: 17.3 Criando Links e usando Overlay
Aula: 17.4 Transições animadas com Smart Animate e função arrastar (Drag)
Aula: 17.5 Simulando página de Loading e criando Carrossel Horizontal
Aula: 17.6 Animando o Zoom do Mapa e criando um Carrossel Interativo
Aula: 17.7 Função Scroll To (âncora) e Animação Push
Aula: 17.8 Animando função "Arquivar" com Mensagem de feedback da ação
Módulo: 👉 Desafio 02 [Trust Bank]
Aula: 18.1 Entenda o Desafio!
Módulo: 🖥️ Projeto 03 • Dashboard
Aula: 19.1 Dashboard: O que é e para que serve
Aula: 19.2 Analisando Dashboards e Referências
Aula: 19.3 Padrões de design & Componentes comuns em Dashboards
Aula: 19.4 Data Visualization e alguns Materiais
Aula: 19.5 Grids em Dashboards
Aula: 19.6 Explorando algumas ideais com a Homekey
Aula: 19.7 Introdução ao Projeto de Dashboard
Aula: 19.8 Definindo o Grid e Iniciando o Wireframe
Aula: 19.9 Inserindo conteúdo no Wireframe
Aula: 19.10 Continuação do Wireframe
Aula: 19.11 Finalizando o Wireframe de alta Fidelidade
Aula: 19.12 Concluindo a Dashboard
Aula: 19.13 Mostrando outras telas da Dashboard BMW e Justificativas de
Design [importante!]
Módulo: 👉 Desafio 03 [ZeroPaper]
Aula: 20.1 Entenda o Desafio!
Módulo: 👉 Desafios Bônus! [+3]
Aula: Desafio 04: E-commerce
Aula: Desafio 05: Cardápio Digital
Aula: Desafio 06: Tema Crypto
Módulo: 🎓 Considerações Finais
Aula: Próximos Passos e Sobre o Certificado
Aula: NPS - O que você achou do UI Expert?
Módulo: 💼 Bônus: Postura Comercial, Carreira e Mercado
Aula: Sobre o mercado: Níveis, Salários, Onde trabalhar, Hard & Soft Skills,
etc.
Aula: O que uma empresa espera de um UI/UX Designer? (Analisando vagas)
Aula: Ser um designer CLT ou Freelancer? Entenda as diferenças.
Aula: Os 6 passos para começar a trabalhar como Freelancer
Aula: 10 dicas para trabalhar Home Office como UI Designer
Aula: Precificação, Descontos e formas de Pagamento
Aula: Como aumentar seu Faturamento
Aula: Definindo e lindando com Prazos
Aula: Como lidar com Alterações
Aula: Overdelivery: A maior estratégia de fidelização
Aula: Como montar um bom Currículo (CV)
Aula: LinkedIn para UI Designers
Módulo: ✏️ #NaPrática com Lucas Assis
Aula: Novo site UI Expert #01
Módulo: 🔑 Bônus: Tudo sobre Portfólio
Aula: O conteúdo deste módulo está em produção e será disponibilizado em
breve.
Módulo: 🍔 Projeto Bônus: Landing Page Rock Burger (Photoshop)
Aula: Aula 01 - Introdução, Menu e Full Banner
Aula: Aula 02 - Sobre
Aula: Aula 03 - Serviços
Aula: Aula 04 - Cardápio
Aula: Aula 05 - Vídeo Institucional
Aula: Aula 06 - Instagram
Aula: Aula 07 - Endereço e Faça sua Reserva
Aula: Aula 08 - Rodapé
Aula: Aula 09 - Modal de Reserva
Módulo: 🛒 Projeto Bônus: E-commerce Outono Fashion (Photoshop)
Aula: Aula 01 - Página Inicial: Introdução e Header
Aula: Aula 02 - Página Inicial: Banner Principal
Aula: Aula 03 - Página Inicial: Produtos em Destaque
Aula: Aula 04 - Página Inicial: Lançamentos
Aula: Aula 05 - Página Inicial: Segundo Banner
Aula: Aula 06 - Página Inicial: Carrossel e Marcas
Aula: Aula 07 - Página Inicial: Newsletter
Aula: Aula 08 - Página Inicial: Rodapé
Aula: Aula 09 - Página Inicial: Ferramenta de Busca
Aula: Aula 10 - Página Inicial: Dropdown do Menu
Aula: Aula 11 - Página Inicial: Dropdown Minha Sacola
Aula: Aula 12 - Página de Login
Aula: Aula 13 - Listagem de Produtos: Título, Menu Lateral/Filtros
Aula: Aula 14 - Listagem de Produtos: Produtos e Paginação
Aula: Aula 15 - Detalhe do Produto: Informações e Produtos Similares
Aula: Aula 16 - Minha Sacola/Carrinho: Informações e Compre Junto
Aula: Aula 17 - Checkout: Login
Aula: Aula 18 - Checkout: Endereço
Aula: Aula 19 - Checkout: Pagamento
Aula: Aula 20 - Checkout: Resumo do Pedido e Cupom de Desconto
 Aula: Aula 21 - Checkout: Confirmação (Feedback)
Aula: Aula 22 - Minha Conta: Dados Pessoais
Aula: Aula 23 - Minha Conta: Meus Pedidos
Aula: Aula 24 - Minha Conta: Endereços
Aula: Aula 25 - Minha Conta: Atendimento
Módulo: 💣 SDI 1ª Edição - Aplicativo ui.academy
Aula: Ep. 01 - Tudo sobre a profissão e os 6 passos para se tornar UI
Designer
Aula: Ep. 02 - Construindo um app do zero utilizando o Figma
Aula: Ep. 03 - Criando um protótipo navegável e animado no Figma
Módulo: 🛠️ Central de Recursos e Ferramentas para UI Design
Aula: Recursos e Ferramentas
Módulo: 🤘🏻 Comece por aqui!
Aula: 1.1 Boas-vindas!
Aula: 1.2 Como o Curso UI Expert irá funcionar e como aproveita-lo ao máximo
[Importante!]
Aula: 1.3 ID Card: Arquivo de acompanhamento
Módulo: ⚡ UI e UX Design
Aula: 2.1 O que é UI & UX Design
Módulo: 💡 Processos e Etapas de um Produto Digital
Aula: 3.1 Visão Geral: Processos de um projeto de Interface
Módulo: 📄 Briefing
Aula: 4.1 Briefing: Sua importância e como aplicar
Aula: 4.2 Situações relacionadas ao Briefing
Aula: 4.3 Questões chave de um bom Briefing
Aula: 4.4 Briefing com Formulários Interativos
Módulo: 🔍 Pesquisa, Planejamento, Inspiração e Imersão
Aula: 5.1 Planejamento: Montando o Cronograma de Entregas
Aula: 5.2 Pesquisa/Análise: Definindo Problemas e Objetivos
Aula: 5.3 Pesquisa: Segmentando nosso Usuário (Público Alvo)
Aula: 5.4 Pesquisa: Análise rápida de Concorrentes
Aula: 5.5 Inspiração: Como criar um Moodboard
Módulo: 📝 Wireframe
Aula: 6.1 O que é Wireframe
Aula: 6.2 Tipos, Ferrametas e quando usar Wireframes
Aula: 6.3 Sitemap + Mapa Mental: Definindo a Estrutura e Conteúdo do Projeto
Aula: 6.4 Componentes de um Wireframe
Aula: 6.5 Wireframe de Baixa Fidelidade com Papel e Caneta
Aula: 6.6 Wireframe de Média Fidelidade com Figma
Aula: 6.7 User Flow: O que é e quando usar
Módulo: 🔥 Básico de Figma
Aula: 7.1 Por que usar o Figma
Aula: 7.2 Dashboard, Menus e Tipos de Zoom
Aula: 7.3 Frames, Grids, Guides e Outline Mode
Aula: 7.4 Layers, Grupos e Importando Elementos
Aula: 7.5 Shape Tools (Formas) e Pen Tool
Aula: 7.6 Local Styles e Copiando Propriedades
Aula: 7.7 Imagens: Redimensionar, Opacidade, Bland Modes
Aula: 7.8 Configurações de Textos
Aula: 7.9 Constraints, Fix Position e Autolayout
Aula: 7.10 Alinhamentos e Tidy Up
Aula: 7.11 Operações Booleanas e Mascaras
Aula: 7.12 Compartilhamento, Versionamento, Comentários e Exportando
Elementos
Módulo: 💎 Elementos, Componentes e Princípios da Interface do Usuário
Aula: 8.1 Comece por aqui! [Importante]
Aula: 8.2 ♦ Tipografia: Sua importância
Aula: 8.3 Tipografia: Classificações
Aula: 8.4 ♦ Tipografia: Sobre Famílias Tipográficas
 Aula: 8.5 Tipografia: Anatomia dos Tipos
Aula: 8.6 ♦ Tipografia: Tamanho, Escala e Hierarquia
Aula: 8.7 ♦ Tipografia: Corpo de texto e espaçamentos em UI Design
(parágrafos)
Aula: 8.8 ♦ Tipografia: Como aplicar Cores em Textos
Aula: 8.9 ☛ Tipografia na prática 01.1 - Hierarquia & Cores
Aula: 8.10 ☛ Tipografia na prática 01.2 - Hierarquia & Cores
Aula: 8.11 Tipografia: Como usar All Caps em UI Design
Aula: 8.12 ♦ Tipografia: Sobreposição de Textos em Imagens
Aula: 8.13 ☛ Tipografia na prática 02 - Sobreposição de Textos
Aula: 8.14 ♦ Tipografia: Combinando Typefaces
Aula: 8.15 ☛ Tipografia na prática 03 - Combinações Tipográficas
Aula: 8.16 ♦ Grids: O que é, Anatomia e Benefícios
Aula: 8.17 ☛ Grid na prática - Configurando grids no Figma
Aula: 8.18 Grid: Como distribuir conteúdo no Grid
Aula: 8.19 Botões: Anatomia
Aula: 8.20 ♦ Botões: Tipos (CTA, Primário, Ghost Button, etc)
Aula: 8.21 ♦ Botões: Propriedades (Tamanho, Cor, Tipografia, Padding,
Sombras, Estados, etc)
Aula: 8.22 Botões: Estilos Visuais
Aula: 8.23 ♦ Botões: Rótulos (Copy/Tom de voz)
Aula: 8.24 ♦ Espaço em Branco: O que é, tipos e porque usar
Aula: 8.25 ♦ Alinhamento: Como organizar os Elementos
Aula: 8.26 ♦ Cores: Introdução
Aula: 8.27 ♦ Cores: Significados e Associações mais Comuns
Aula: 8.28 ♦ Cores: Diretrizes para Aplicação (10 dicas)
Aula: 8.29 Cores: Como usar Gradientes
Aula: 8.30 ☛ Cores na prática - Criando variações e colorindo uma Interface
Aula: 8.31 Cores: Dark UI (Interfaces Escuras)
Aula: 8.32 ☛ Cores na prática - Colorindo uma Dark UI
Aula: 8.33 ♦ Imagens: Guia prático de como aplicar
Aula: 8.34 Ilustrações: O papel das ilustrações na UI
Aula: 8.35 ♦ Ícones: O que são, Tipos, Porque usar e Formatos
Aula: 8.36 ♦ Ícones: Como aplicar ícones corretamente (Diretrizes)
Aula: 8.37 ☛ Ícones na prática - Trabalhando com Ícones no Illustrator
[Importante!]
Aula: 8.38 ♦ Formulários: O que é, Tipos e Diretrizes
Aula: 8.39 ♦ Formulários: Formatos, Estilos e Estados dos campos de Textos
Aula: 8.40 ♦ Divisores Visuais (Separadores)
Aula: 8.41 ♦ Menus de Navegação
Aula: 8.42 ♦ Controles de Seleção
Módulo: 📣 Design Comportamental
Aula: 9.1 O que são Heurísticas e Vieses Cognitivos
Aula: 9.2 Vieses Cognitivos 01 - Prova Social, Lei de Fitts e mais..
Aula: 9.3 Vieses Cognitivos 02 - Viés de Autoridade, Efeito de Ancoragem e
mais..
Aula: 9.4 Vieses Cognitivos 03 - Escassez, Efeito da Curiosidade e mais..
Aula: 9.5 Vieses Cognitivos 04 - Viés de Risco Zero, Efeito Padrão e mais..
Módulo: 🚀 Start
Aula: 10.1 Fórmula para dominar UI Design
Aula: 10.2 Analisar: Estudando e entendendo uma Interface
Aula: 10.3 Reproduzir: Fixando o conhecimento adquirido
Aula: 10.4 Aplicar: Exercício Prático
Aula: 10.5 Observações e Recomendações [Importante!]
Módulo: 💻 Projeto 01 • Interface Web
Aula: 11.1 Introdução ao Projeto
Aula: 11.2 Preparando o Documento e Recursos
Aula: 11.3 Wireframe Rápido
Aula: 11.4 SafraPay 01: Header, Menu, Banner, Componentes e suas Variantes
 Aula: 11.5 SafraPay 02: Seção Benefícios
Aula: 11.6 SafraPay 03: Máquinas
Aula: 11.7 SafraPay 04: Bandeiras e Alguns Ícones
Aula: 11.8 SafraPay 05: Acesso a Crédito e Link de Pagamento
Aula: 11.9 SafraPay 06: Taxas e Simulador
Aula: 11.10 SafraPay 07: Banco Digital, Cartão Safra e Cliente Especial
Aula: 11.11 SafraPay 08: Atendimento e Rodapé
Aula: 11.12 Observações e Justificativas de Design [importante!]
Módulo: 📱 Design Responsivo
Aula: 12.1 O que é Responsividade
Aula: 12.2 Na Prática com SafraPay
Módulo: 📐 UI Style Guide
Aula: 13.1 Introdução: O que são UI Style Guides
Aula: 13.2 Elementos de um Style Guide
Aula: 13.3 Vamos ver alguns Exemplos
Aula: 13.4 Montando um UI Style Guide Part. 01
Aula: 13.5 Montando um UI Style Guide Part. 02
Módulo: 📌 Design Handoff: Entregando um Projeto
Aula: 14.1 O que é handoff e Colaboração
Aula: 14.2 Organização do Arquivo
Aula: 14.3 Compartilhando o Projeto
Módulo: 👉 Desafio 01 [Redesign Web]
Aula: 15.1 Entenda o Desafio!
Módulo: 📲 Projeto 02 • Interface Mobile
Aula: 16.1 Introdução ao Projeto Homekey
Aula: 16.2 Construindo o Logotipo
Aula: 16.3 Homekey 01: Iniciando o Projeto (Splash Screen e Login)
Aula: 16.4 Homekey 02: Criar Conta
Aula: 16.5 Homekey 03: Busca Principal
Aula: 16.6 Homekey 04: Backdrops (Local e Tipo de imóvel)
Aula: 16.7 Homekey 05: Listagem de Imóveis
Aula: 16.8 Homekey 06: Mapa
Aula: 16.9 Homekey 07: Detalhe do Imóvel
Aula: 16.10 Homekey 08: Favoritos e Alertas
Aula: 16.11 Homekey 09: Inbox
Aula: 16.12 Homekey 10: Perfil
Aula: 16.13 Observações e Justificativas de Design [importante!]
Módulo: 🔗 Prototype: Criando um Protótipo de alta fidelidade com Figma
Aula: 17.1 Marvel: Ótima alternativa para Protótipos Básicos
Aula: 17.2 Introdução e Conceitos Básicos da Prototipação no Figma
Aula: 17.3 Criando Links e usando Overlay
Aula: 17.4 Transições animadas com Smart Animate e função arrastar (Drag)
Aula: 17.5 Simulando página de Loading e criando Carrossel Horizontal
Aula: 17.6 Animando o Zoom do Mapa e criando um Carrossel Interativo
Aula: 17.7 Função Scroll To (âncora) e Animação Push
Aula: 17.8 Animando função "Arquivar" com Mensagem de feedback da ação
Módulo: 👉 Desafio 02 [Trust Bank]
Aula: 18.1 Entenda o Desafio!
Módulo: 🖥️ Projeto 03 • Dashboard
Aula: 19.1 Dashboard: O que é e para que serve
Aula: 19.2 Analisando Dashboards e Referências
Aula: 19.3 Padrões de design & Componentes comuns em Dashboards
Aula: 19.4 Data Visualization e alguns Materiais
Aula: 19.5 Grids em Dashboards
Aula: 19.6 Explorando algumas ideais com a Homekey
Aula: 19.7 Introdução ao Projeto de Dashboard
Aula: 19.8 Definindo o Grid e Iniciando o Wireframe
Aula: 19.9 Inserindo conteúdo no Wireframe
Aula: 19.10 Continuação do Wireframe
 Aula: 19.11 Finalizando o Wireframe de alta Fidelidade
Aula: 19.12 Concluindo a Dashboard
Aula: 19.13 Mostrando outras telas da Dashboard BMW e Justificativas de
Design [importante!]
Módulo: 👉 Desafio 03 [ZeroPaper]
Aula: 20.1 Entenda o Desafio!
Módulo: 👉 Desafios Bônus! [+3]
Aula: Desafio 04: E-commerce
Aula: Desafio 05: Cardápio Digital
Aula: Desafio 06: Tema Crypto
Módulo: 🎓 Considerações Finais
Aula: Próximos Passos e Sobre o Certificado
Aula: NPS - O que você achou do UI Expert?
Módulo: 💼 Bônus: Postura Comercial, Carreira e Mercado
Aula: Sobre o mercado: Níveis, Salários, Onde trabalhar, Hard & Soft Skills,
etc.
Aula: O que uma empresa espera de um UI/UX Designer? (Analisando vagas)
Aula: Ser um designer CLT ou Freelancer? Entenda as diferenças.
Aula: Os 6 passos para começar a trabalhar como Freelancer
Aula: 10 dicas para trabalhar Home Office como UI Designer
Aula: Precificação, Descontos e formas de Pagamento
Aula: Como aumentar seu Faturamento
Aula: Definindo e lindando com Prazos
Aula: Como lidar com Alterações
Aula: Overdelivery: A maior estratégia de fidelização
Aula: Como montar um bom Currículo (CV)
Aula: LinkedIn para UI Designers
Módulo: ✏️ #NaPrática com Lucas Assis
Aula: Novo site UI Expert #01
Módulo: 🔑 Bônus: Tudo sobre Portfólio
Aula: O conteúdo deste módulo está em produção e será disponibilizado em
breve.
Módulo: 🍔 Projeto Bônus: Landing Page Rock Burger (Photoshop)
Aula: Aula 01 - Introdução, Menu e Full Banner
Aula: Aula 02 - Sobre
Aula: Aula 03 - Serviços
Aula: Aula 04 - Cardápio
Aula: Aula 05 - Vídeo Institucional
Aula: Aula 06 - Instagram
Aula: Aula 07 - Endereço e Faça sua Reserva
Aula: Aula 08 - Rodapé
Aula: Aula 09 - Modal de Reserva
Módulo: 🛒 Projeto Bônus: E-commerce Outono Fashion (Photoshop)
Aula: Aula 01 - Página Inicial: Introdução e Header
Aula: Aula 02 - Página Inicial: Banner Principal
Aula: Aula 03 - Página Inicial: Produtos em Destaque
Aula: Aula 04 - Página Inicial: Lançamentos
Aula: Aula 05 - Página Inicial: Segundo Banner
Aula: Aula 06 - Página Inicial: Carrossel e Marcas
Aula: Aula 07 - Página Inicial: Newsletter
Aula: Aula 08 - Página Inicial: Rodapé
Aula: Aula 09 - Página Inicial: Ferramenta de Busca
Aula: Aula 10 - Página Inicial: Dropdown do Menu
Aula: Aula 11 - Página Inicial: Dropdown Minha Sacola
Aula: Aula 12 - Página de Login
Aula: Aula 13 - Listagem de Produtos: Título, Menu Lateral/Filtros
Aula: Aula 14 - Listagem de Produtos: Produtos e Paginação
Aula: Aula 15 - Detalhe do Produto: Informações e Produtos Similares
Aula: Aula 16 - Minha Sacola/Carrinho: Informações e Compre Junto
 Aula: Aula 17 - Checkout: Login
Aula: Aula 18 - Checkout: Endereço
Aula: Aula 19 - Checkout: Pagamento
Aula: Aula 20 - Checkout: Resumo do Pedido e Cupom de Desconto
Aula: Aula 21 - Checkout: Confirmação (Feedback)
Aula: Aula 22 - Minha Conta: Dados Pessoais
Aula: Aula 23 - Minha Conta: Meus Pedidos
Aula: Aula 24 - Minha Conta: Endereços
Aula: Aula 25 - Minha Conta: Atendimento
Módulo: 💣 SDI 1ª Edição - Aplicativo ui.academy
Aula: Ep. 01 - Tudo sobre a profissão e os 6 passos para se tornar UI
Designer
Aula: Ep. 02 - Construindo um app do zero utilizando o Figma
Aula: Ep. 03 - Criando um protótipo navegável e animado no Figma
Módulo: 🛠️ Central de Recursos e Ferramentas para UI Design
Aula: Recursos e Ferramentas