Descrição
UI BOOST – GILBERTO PRADO GOOGLE DRIVE
Conteudo que voce Receberá :
Bem-vindo(a)
Ferramentas e materiais
Introdução ao curso
Banco de Talentos
Estrutura das aulas
Quem Sou
Introdução ao Figma
Figma – Mão na massa
Master file – Instruções e link para baixar
Introdução ao módulo
Entendendo a função do design
Dissecando uma vaga de UI
O papel do UX e UI Designer
Designer generalista, híbrido, especialista e unicórnio
Salários e carreira
Conhecimentos e inspirações
O que é uma boa interface
Heurísticas de Nielsen
Introdução ao módulo
Como usar cores em UI Design – Parte 1
Como usar cores em UI Design – Parte 2
Exemplos e exercícios de Cores
Tipografia em UI Design – Parte 1
Tipografia em UI Design – Parte 2
Exemplos e exercício Tipografia
Construindo e quebrando o grid – Parte 1
Construindo e quebrando o grid – Parte 2
Exemplos e exercício Grid
Quebrando o grid – Com Will Moreira
Hierarquia
Hierarquia visual – Exemplos e exercício
Fotografia e Background 1
Fotografia e Background 2
Ilustrações e inspirações
Criando algumas ilustrações
Svgator
Formulário
Formulário – Exercício
Introdução e alguns exemplos de Style Guide
Icones (guia rápido)
Style Guide – Parte 01 – Teoria
Style Guide – Parte 02 – Exemplos práticos
Style Guide – Parte 03 – Marca uiBoost
Introdução ao módulo
O que é front-end
Eu preciso saber programar?
Aula com Will – Parte 1
Aula com Will – Parte 2
Aula com Will – Parte 3
Aula com Will – Parte 4
Aula com Will – Parte 5
Introdução ao módulo
Redesign app Twitch – Parte 01 – Introdução ao projeto (imersão)
Redesign app Twitch – Parte 02 – Organização e construção
Redesign app Twitch – Parte 03 – Micro-interações e Interfaces
Princípios de design para mobile
Guidelines – iOS e Android
Pontos de atenção – Escopo, navegação, inspiração, font-size…
Safe area (área segura) – Espaço útil para criação
Tipos de telas – Splash screen, onboarding, home…
Grids
Plui – Escopo do aplicativo
Plui – Inspirações, Rabisco e Flowchart
Plui – Wireframe
Plui – Parte 01 – Começando o Design e Onboarding
Apresentando um case real para o cliente utilizando o Loom.
Introdução ao módulo
Redesign Banco Neon – Começando um projeto
Redesign Banco Neon – Layout parte 01
Redesign Banco Neon – Layout parte 02
Redesign Banco Neon – Responsivo parte 01
Redesign Banco Neon – Responsivo parte 02
Redesign Banco Neon – Responsivo parte 03
Redesign Banco Neon – Handoff
Wireframe, composições e combinações de fonts – Parte 01
Wireframe, composições e combinações de fonts – Parte 02
Home Latam new experience
O que é um Dashboard
Alguns cases Insany
Frameworks e Inspirações
Analisando Interfaces – Parte 1
Analisando Interfaces – Parte 2
Ideias para Wireframe e Grid
Componentes Comuns
Dicas para a construção de um dashboard
Etapas para a construção de um dashboard
Introdução às mentorias
Workflow, Cores e Exercícios
Briefing e cronograma dos projetos
Estrutura dos projetos da Insany
Portfólio e explicando a estrutura dos exercícios
Portfólio e começando o Aplicativo uiBoost Wallet
Boas vindas 2ª turma – Figma Student – Components Complexos
Boas vindas 3ª turma – Mostrando o site da Insany
Boas vindas 4ª turma – Novo caderno de exercícios
Boas vindas 5ª turma – Dicas de portfólio
Bate papo com Rafael Coronel sobre Design System
CV & Portfólio – com Flávio Santana – 24/09/2020
Bate papo com a psicóloga Catherine Ballmann ( @psicocath ) – Ansiedade
WebFlow com Rodolpho Passos – 16/12/2020
Acessibilidade com Marcelo Sales
Mentoria com JP do Super SKills
UX como SAC – Richard (UX Lead Volkswagem) – 11/02
Igor Sandrini – Componentes, Variants, Figma
Processo de Discovery + Inspirações com Sophia
Carreira e Webflow com Vitor Guerra (Head de Design na Petlove)
Algumas dicas rápidas
Introdução ao certificado
Portfólio – Behance, Dribbble e Site
Trabalhando com outros designers
Freelancer, vantagens e desvantagens
Redes sociais, como usar
Notion – Algumas dicas
Interface reprovada e refeita, entenda os motivos!
Organizando as Sections de uma Landing Page com Autolayout
