UI Expert ‒ Curso de UI Design
Aprenda todos os processos, ferramentas e fundamentos de que você precisa para se tornar um especialista em design de interfaces. Durante o curso você passará por aulas teóricas, exercícios, e vai colocar a mão na massa com projetos e desafios. O objetivo é que você aprenda de fato e, ao mesmo tempo, desenvolva um sólido portfólio.
Confira informações sobre o treinamento em https://uiexpert.com.br/
Conteúdo Vantagens Detalhes
- 1.1 Boas-vindas!
- 1.2 Como o Curso UI Expert irá funcionar e como aproveita-lo ao máximo [Importante!]
- 1.3 ID Card: Arquivo de acompanhamento
- 2.1 O que é UI & UX Design
- 3.1 Visão Geral: Processos de um projeto de Interface
- 4.1 Briefing: Sua importância e como aplicar
- 4.2 Situações relacionadas ao Briefing
- 4.3 Questões chave de um bom Briefing
- 4.4 Briefing com Formulários Interativos
- 5.1 Planejamento: Montando o Cronograma de Entregas
- 5.2 Pesquisa/Análise: Definindo Problemas e Objetivos
- 5.3 Pesquisa: Segmentando nosso Usuário (Público Alvo)
- 5.4 Pesquisa: Análise rápida de Concorrentes
- 5.5 Inspiração: Como criar um Moodboard
- 6.1 O que é Wireframe
- 6.2 Tipos, Ferramentas e quando usar Wireframes
- 6.3 Sitemap + Mapa Mental: Definindo a Estrutura e Conteúdo do Projeto
- 6.4 Componentes de um Wireframe
- 6.5 Wireframe de Baixa Fidelidade com Papel e Caneta
- 6.6 Wireframe de Média Fidelidade com Figma
- 6.7 User Flow: O que é e quando usar
- 7.1 Por que usar o Figma
- 7.2 Dashboard, Menus e Tipos de Zoom
- 7.3 Frames, Grids, Guides e Outline Mode
- 7.4 Layers, Grupos e Importando Elementos
- 7.5 Shape Tools (Formas) e Pen Tool
- 7.6 Local Styles e Copiando Propriedades
- 7.7 Imagens: Redimensionar, Opacidade, Bland Modes
- 7.8 Configurações de Textos
- 7.9 Constraints, Fix Position e Autolayout
- 7.10 Alinhamentos e Tidy Up
- 7.11 Operações Booleanas e Mascaras
- 7.12 Compartilhamento, Versionamento, Comentários e Exportando Elementos
- 8.1 Comece por aqui! [Importante]
- 8.2 ♦ Tipografia: Sua importância
- 8.3 Tipografia: Classificações
- 8.4 ♦ Tipografia: Sobre Famílias Tipográficas
- 8.5 Tipografia: Anatomia dos Tipos
- 8.6 ♦ Tipografia: Tamanho, Escala e Hierarquia
- 8.7 ♦ Tipografia: Corpo de texto e espaçamentos em UI Design (parágrafos)
- 8.8 ♦ Tipografia: Como aplicar Cores em Textos
- 8.9 ☛ Tipografia na prática 01.1 - Hierarquia & Cores
- 8.10 ☛ Tipografia na prática 01.2 - Hierarquia & Cores
- 8.11 Tipografia: Como usar All Caps em UI Design
- 8.12 ♦ Tipografia: Sobreposição de Textos em Imagens
- 8.13 ☛ Tipografia na prática 02 - Sobreposição de Textos
- 8.14 ♦ Tipografia: Combinando Typefaces
- 8.15 ☛ Tipografia na prática 03 - Combinações Tipográficas
- 8.16 ♦ GridS: O que é, Anatomia e Benefícios
- 8.17 ☛ Grid na prática - Configurando grids no Figma
- 8.18 Grid: Como distribuir conteúdo no Grid
- 8.19 Botões: Anatomia
- 8.20 ♦ Botões: Tipos (CTA, Primário, Ghost Button, etc)
- 8.21 ♦ Botões: Propriedades (Tamanho, Cor, Tipografia, Padding, Sombras, Estados, etc)
- 8.22 Botões: Estilos Visuais
- 8.23 ♦ Botões: Rótulos (Copy/Tom de voz)
- 8.24 ♦ Espaço em Branco: O que é, tipos e porque usar
- 8.25 ♦ Alinhamento: Como organizar os Elementos
- 8.26 ♦ Cores: Introdução
- 8.27 ♦ Cores: Significados e Associações mais Comuns
- 8.28 ♦ Cores: Diretrizes para Aplicação (10 dicas)
- 8.29 Cores: Como usar Gradientes
- 8.30 ☛ Cores na prática - Criando variações e colorindo uma Interface
- 8.31 Cores: Dark UI (Interfaces Escuras)
- 8.32 ☛ Cores na prática - Colorindo uma Dark UI
- 8.33 ♦ Imagens: Guia prático de como aplicar
- 8.34 Ilustrações: O papel das ilustrações na UI
- 8.35 ♦ Ícones: O que são, Tipos, Porque usar e Formatos
- 8.36 ♦ Ícones: Como aplicar ícones corretamente (Diretrizes)
- 8.37 ☛ Ícones na prática - Trabalhando com Ícones no Illustrator [Importante!]
- 8.38 ♦ Formulários: O que é, Tipos e Diretrizes
- 8.39 ♦ Formulários: Formatos, Estilos e Estados dos campos de Textos
- 8.40 ♦ Divisores Visuais (Separadores)
- 8.41 ♦ Menus de Navegação
- 8.42 ♦ Controles de Seleção
- 9.1 O que são Heurísticas e Vieses Cognitivos
- 9.2 Vieses Cognitivos 01 - Prova Social, Lei de Fitts e mais..
- 9.3 Vieses Cognitivos 02 - Viés de Autoridade, Efeito de Ancoragem e mais..
- 9.4 Vieses Cognitivos 03 - Escassez, Efeito da Curiosidade e mais..
- 9.5 Vieses Cognitivos 04 - Viés de Risco Zero, Efeito Padrão e mais..
- 10.1 Fórmula para dominar UI Design
- 10.2 Analisar: Estudando e entendendo uma Interface
- 10.3 Reproduzir: Fixando o conhecimento adquirido
- 10.4 Aplicar: Exercício Prático
- 10.5 Observações e Recomendações [Importante!]
- 11.1 Introdução ao Projeto
- 11.2 Preparando o Documento e Recursos
- 11.3 Wireframe Rápido
- 11.4 SafraPay 01: Header, Menu, Banner, Componentes e suas Variantes
- 11.5 SafraPay 02: Seção Benefícios
- 11.6 SafraPay 03: Máquinas
- 11.7 SafraPay 04: Bandeiras e Alguns Ícones
- 11.8 SafraPay 05: Acesso a Crédito e Link de Pagamento
- 11.9 SafraPay 06: Taxas e Simulador
- 11.10 SafraPay 07: Banco Digital, Cartão Safra e Cliente Especial
- 11.11 SafraPay 08: Atendimento e Rodapé
- 11.12 Observações e Justificativas de Design [importante!]
- 12.1 O que é Responsividade
- 12.2 Na Prática com SafraPay
- 13.1 Introdução: O que são UI Style Guides
- 13.2 Elementos de um Style Guide
- 13.3 Vamos ver alguns Exemplos
- 13.4 Montando um UI Style Guide Part. 01
- 13.5 Montando um UI Style Guide Part. 02
- 14.1 O que é handoff e Colaboração
- 14.2 Organização do Arquivo
- 14.3 Compartilhando o Projeto
- 15.1 Entenda o Desafio!
- 16.1 Introdução ao Projeto Homekey
- 16.2 Construindo o Logotipo
- 16.3 Homekey 01: Iniciando o Projeto (Splash Screen e Login)
- 16.4 Homekey 02: Criar Conta
- 16.5 Homekey 03: Busca Principal
- 16.6 Homekey 04: Backdrops (Local e Tipo de imóvel)
- 16.7 Homekey 05: Listagem de Imóveis
- 16.8 Homekey 06: Mapa
- 16.9 Homekey 07: Detalhe do Imóvel
- 16.10 Homekey 08: Favoritos e Alertas
- 16.11 Homekey 09: Inbox
- 16.12 Homekey 10: Perfil
- 16.13 Observações e Justificativas de Design [importante!]
- 17.1 Marvel: Ótima alternativa para Protótipos Básicos
- 17.2 Introdução e Conceitos Básicos da Prototipação no Figma
- 17.3 Criando Links e usando Overlay
- 17.4 Transições animadas com Smart Animate e função arrastar (Drag)
- 17.5 Simulando página de Loading e criando Carrossel Horizontal
- 17.6 Animando o Zoom do Mapa e criando um Carrossel Interativo
- 17.7 Função Scroll To (âncora) e Animação Push
- 17.8 Animando função "Arquivar" com Mensagem de feedback da ação
- 18.1 Entenda o Desafio!
- 19.1 Dashboard: O que é e para que serve
- 19.2 Analisando Dashboards e Referências
- 19.3 Padrões de design & Componentes comuns em Dashboards
- 19.4 Data Visualization e alguns Materiais
- 19.5 Grids em Dashboards
- 19.6 Explorando algumas ideais com a Homekey
- 19.7 Introdução ao Projeto de Dashboard
- 19.8 Definindo o Grid e Iniciando o Wireframe
- 19.9 Inserindo conteúdo no Wireframe
- 19.10 Continuação do Wireframe
- 19.11 Finalizando o Wireframe de alta Fidelidade
- 19.12 Concluindo a Dashboard
- 19.13 Mostrando outras telas da Dashboard BMW e Justificativas de Design [importante!]
- 20.1 Entenda o Desafio!
- Desafio 04: E-commerce
- Desafio 05: Cardápio Digital
- Desafio 06: Tema Crypto
- Próximos Passos e Sobre o Certificado
- NPS - O que você achou do UI Expert?
- Sobre o mercado: Níveis, Salários, Onde trabalhar, Hard & Soft Skills, etc.
- O que uma empresa espera de um UI/UX Designer? (Analisando vagas)
- Ser um designer CLT ou Freelancer? Entenda as diferenças.
- Os 6 passos para começar a trabalhar como Freelancer
- 10 dicas para trabalhar Home Office como UI Designer
- Precificação, Descontos e formas de Pagamento
- Como aumentar seu Faturamento
- Definindo e lindando com Prazos
- Como lidar com Alterações
- Overdelivery: A maior estratégia de fidelização
- Como montar um bom Currículo (CV)
- LinkedIn para UI Designers
- Novo site UI Expert #01
- Modelo base para Proposta Comercial
- O conteúdo deste módulo está em produção e será disponibilizado em breve.
- Ep. 01 - Tudo sobre a profissão e os 6 passos para se tornar UI Designer
- Ep. 02 - Construindo um app do zero utilizando o Figma
- Ep. 03 - Criando um protótipo navegável e animado no Figma
- Aula 01 - Introdução, Menu e Full Banner
- Aula 02 - Sobre
- Aula 03 - Serviços
- Aula 04 - Cardápio
- Aula 05 - Vídeo Institucional
- Aula 06 - Instagram
- Aula 07 - Endereço e Faça sua Reserva
- Aula 08 - Rodapé
- Aula 09 - Modal de Reserva
- Aula 01 - Página Inicial: Introdução e Header
- Aula 02 - Página Inicial: Banner Principal
- Aula 03 - Página Inicial: Produtos em Destaque
- Aula 04 - Página Inicial: Lançamentos
- Aula 05 - Página Inicial: Segundo Banner
- Aula 06 - Página Inicial: Carrossel e Marcas
- Aula 07 - Página Inicial: Newsletter
- Aula 08 - Página Inicial: Rodapé
- Aula 09 - Página Inicial: Ferramenta de Busca
- Aula 10 - Página Inicial: Dropdown do Menu
- Aula 11 - Página Inicial: Dropdown Minha Sacola
- Aula 12 - Página de Login
- Aula 13 - Listagem de Produtos: Título, Menu Lateral/Filtros
- Aula 14 - Listagem de Produtos: Produtos e Paginação
- Aula 15 - Detalhe do Produto: Informações e Produtos Similares
- Aula 16 - Minha Sacola/Carrinho: Informações e Compre Junto
- Aula 17 - Checkout: Login
- Aula 18 - Checkout: Endereço
- Aula 19 - Checkout: Pagamento
- Aula 20 - Checkout: Resumo do Pedido e Cupom de Desconto
- Aula 21 - Checkout: Confirmação (Feedback)
- Aula 22 - Minha Conta: Dados Pessoais
- Aula 23 - Minha Conta: Meus Pedidos
- Aula 24 - Minha Conta: Endereços
- Aula 25 - Minha Conta: Atendimento
- Recursos e Ferramentas
Avaliações
Perguntas Frequentes
Todas as avaliações mostradas aqui foram feitas por pessoas reais que compraram e deram sua opinião sobre o curso. Quando alguém compra um curso através da Hotmart, a pessoa recebe um convite para avaliar o conteúdo dele. A nota nesta página é o resultado da média das avaliações feitas por estes compradores, que vai de 1 a 5 estrelas.
A nota média de UI Expert ‒ Curso de UI Design é de 4.8 estrelas. Depois de cada compra na Hotmart, você tem a oportunidade de avaliar a qualidade do curso e o seu nível de satisfação. Com a opinião dos compradores, nosso sistema calcula a nota média e colhemos os comentários que vão ajudar outras pessoas no momento da decisão de compra.
Primeiro, você precisa criar seu cadastro grátis, clicando aqui. Lá dentro, você tem acesso a mais de 15 formatos pra transformar o que você sabe em um produto digital. Além disso, vai poder acessar também o Hotmart Academy.
O Prazo de Garantia é o período que você tem para pedir o reembolso integral do valor pago pela sua compra, caso o produto não seja satisfatório. Assim que solicitado, seu reembolso é processado automaticamente pela Hotmart em até 5 dias. Para pagamentos com boleto bancário, você precisa preencher uma conta bancária para receber o dinheiro. Passados os 5 dias, o valor poderá ser identificado em sua conta em até 7 dias úteis. Já o estorno da fatura do cartão de crédito varia de acordo com o meio de pagamento e pode ocorrer na fatura atual ou na seguinte.
Alguns cursos online oferecem um certificado digital de conclusão. Alunos podem emitir esse certificado ao final do curso ou entrando em contato com o Autor ou Autora. Esses certificados podem ser compartilhados em redes sociais como o LinkedIn e inseridos em informações curriculares.
Os produtos na Hotmart têm diferenciais que mudam de acordo com o tipo de produto e a disponibilidade. Por exemplo, produtos do tipo "Cursos online" podem ou não oferecer certificado digital de conclusão. Caso o certificado esteja disponível, alunos podem emiti-lo dentro do curso ou entrando em contato com o(a) Autor(a). Os certificados podem ser compartilhados em redes sociais como o LinkedIn e inseridos em informações curriculares. A garantia também é um diferencial dos nossos produtos e pode variar de 7, 15 ou 30 dias, de acordo com o oferecido pelo Autor(a). Para ver os diferenciais disponíveis neste produto, basta checar a seção Diferenciais.
Você receberá o acesso a UI Expert ‒ Curso de UI Design por email. Pode ser um curso online, um ebook, uma série de videoaulas, um serviço, evento, etc. O conteúdo será acessado ou baixado através de um computador, celular, tablet ou outro dispositivo digital. Você também pode acessar o produto comprado nesta página:
Para comprar este curso, clique no botão “Comprar”. Lembre-se de que nem todos os cursos estarão sempre disponíveis para compra. É possível que o Autor ou Autora esteja preparando uma nova turma ainda sem inscrições abertas.
Para ser Afiliado(a), recomendamos que leia os guias que disponibilizamos em todos os canais da Hotmart. Além disso, uma boa maneira de se informar um pouco mais é acessando nosso blog. O produto desta página está disponível apenas para compra, para ver os produtos de afiliação, vá até o Mercado de Afiliação.
Temos um canal exclusivo para receber denúncias em produtos que não estão de acordo com as regras da plataforma Hotmart. Se você vir informações inadequadas, denuncie aqui
Acesse nossa Central de Atendimento, onde explicamos, em detalhes, todas as dúvidas que você possa ter antes, durante ou depois de comprar um produto digital na Hotmart.
