
Bem vindo(a) ao curso de UI design 2.0.
Nesta introdução eu conto um pouco sobre como entrei no mundo de UI e UX design, toda minha trajetória profissional e todas as barreiras e lhe convido a compartilhar um pouco da sua história também.
E-mail: lucas.ui.ux@gmail.com
Youtube: https://www.youtube.com/lucasmarte
Behance: https://www.behance.net/lucasmarte
Instagram: https://www.instagram.com/uxmarte/
Neste vídeo, eu falo da importância da avaliação do curso no momento certo para agregar a outros alunos. Leia por exemplo algumas dicas antes de qualificar e avaliar.
Espere o momento certo. A Udemy libera a avaliação depois da terceira aula, mas é muito interessante que você avalie próximo ao meio ou final do curso, assim seu feedback será mais preciso e poderá agregar melhor na escolha de outros alunos.
Conte-nos o motivo. Além de classificar com estrelas, compartilhe seus pensamentos. Sua opinião sobre o curso é importante para outros alunos, mas, ao usar somente a classificação por estrelas, fica difícil para eles entenderem o motivo dessa classificação.
Seja específico. A especificidade ajuda outros alunos a determinarem se o curso é adequado para eles. Existem áreas a serem melhoradas? O curso atendeu a suas expectativas? Quais são suas partes favoritas do curso até agora?
E seja sincero! As avaliações são uma das características mais importantes que os alunos consideram antes de se matricularem em um curso. Entretanto, elas só terão valor se você expressar suas impressões sobre o curso com sinceridade. Contanto que você compartilhe sua opinião de maneira respeitosa, seu feedback será valioso e útil para o mercado.
Nesta aula eu mostro dicas e atalhos para você ter uma melhor experiência de aprendizado na plataforma da Udemy, aqui você descobre todos os recursos de comunicação e aprende como fazer downloads dos recursos adicionais.
Nesta aula eu mostro os meios de comunicação para caso você queira tirar dúvidas.
Email: lucas.ui.ux@gmail.com
Infelizmente o 3D do AIRBNB não está mais no ar, mas vou deixar aqui alguns sites para você conhecer, que utilizar do recurso em 3D:
Para navegar no espaço: https://www.solarsystemscope.com/
Esse é muito legal: https://resn.co.nz/
Isso mostra a capacidade de criação e que o potencial que os navegadores possuem para poder ser desenvolvido qualquer coisa.
Atualização da interface do Adobe XD + Informações sobre compatibilidade de arquivos.
Vamos nesta aula começar a conhecer a tela inicial do Adobe XD, onde podemos ver os documentos que já criamos, criar novos e administrar todos os trabalhos realizados.
O menu arquivo do XD possuí inúmeros atalhos e funcionalidades que vou explicar nessa aula, destaco a possibilidade de exportar e importar arquivos para dentro do Adobe XD.
Nesta aula você aprenderá a utilizar as ferramentas básicas do Adobe XD além de um guia para facilitar a navegação no programada.
Nesta aula o aluno irá explorar as melhores técnicas de vetorização dentro do Adobe XD e irá criar os logotipos mais conhecidos como: Facebook, Instagram, Tik Tok, Twitter e Whatsapp.
Nesta aula o aluno irá conhecer os detalhes da persona do projeto, o objetivo é que ele saiba as etapas e que interaja de forma assertiva com a equipe de Ux design.
Nesta aula o aluno conhecerá os requisitos do sistema que iremos criar.
Nesta aula o aluno conhecera o fluxo do sistema a qual irá desenvolver as interfaces, esta etapa é muito importante para que o aluno possa se integrar a qualquer equipe de UI designer e ter uma ótima comunicação com a equipe de UX design.
Nesta aula o aluno irá aprender tudo o que é necessário sobre Wireframes e seus diferentes tipos de criação, também entenderá como é feito uma arquitetura de sistema com User flow + Wireframes.
Nesta aula o aluno irá descobrir como é criado um Style Guide para padronizar todo sistema do Bangeek
Nesta aula o aluno terá um divisor de águas, sim, Psicologia das Cores é uma etapa fundamental do aprendizado de um UI Designer.
Nesta aula o aluno já começará os primeiros passos na construção do Bangeek.
Nesta aula o Aluno começará a personalizar a tela de Login e adicionar efeitos de sombra, componentes e cores.
Nesta aula o aluno aprenderá de forma exclusiva a como animar as transições de telas do Adobe XD.
Nesta aula o aluno continuará explorando as transições avançados de animação automática e finalizará a rotina de alteração de senha.
Neste vídeo o aluno será desafiado a criar um Splash Screen animado do logotipo do Bangeek.
Nesta aula o aluno irá continuar a personalização do cadastro do Bangeek e continuar criando animações avançadas.
Nesta aula o aluno irá continuar a personalização do cadastro do Bangeek e continuar criando animações avançadas.
Nesta aula o aluno irá continuar a personalização do cadastro do Bangeek e continuar criando animações avançadas.
Nesta aula o aluno irá aprender a criar uma mudança de tema do aplicativo Bangeek.
Nesta aula o aluno terá um desafio maior para personalização da Home do aplicativo.
Nesta aula o aluno irá continuar a personalização da Home e aprenderá a criar sliders de forma fácil e intuitiva.
Nesta aula o aluno irá continuar a personalização da Home do bangeek.
Nesta aula o aluno irá continuar a personalização da Home do bangeek.
Nesta aula o aluno irá aprender a criar um slider dos cartões bangeek, essa é uma transição avançada e pode ser aplicada de diversas formas criando aplicativos e sites.
Nesta aula o aluno irá personalizar a rotina de transferência do aplicativo Bangeek.
Nesta aula o aluno finalizará a rotina de transferência de valores, por PIX e por TED.
Nesta aula o aluno irá finalizar a rotina de depósito e pagamento com QR code.
Nesta aula o aluno irá finalizar o UI Design do APP Bangeek e irá fazer um pente fino para correção dos pequenos erros de navegação.
Nesta aula o aluno aprenderá os diversos tipos de compartilhamento dos protótipos do XD, assim ele poderá se adaptar a todas as necessidades de clientes, empresas e proporcionar uma melhor experiência de navegação.
Nesta aula o aluno irá navegar no aplicativo do Adobe XD para ter uma experiência real do aplicativo finalizado e 100% navegável.
Nesta aula o aluno irá explorar as diversas bibliotecas de componentes para o desenvolvimento WEB, afim de se familiarizar com os conceitos e termos técnicos para uma boa comunicação com equipes de programação.
Nesta aula o aluno irá aprender conceitos essenciais do desenvolvimento para WEB que farão total diferença em sua vida como UI Designer.
Nesta aula o aluno terá uma base essencial para o desenvolvimento web, vai aprender conceitos de tamanho de fontes, alinhamento, hierarquia, diferenças de aplicação de acordo com cada dispositivo.
Nesta aula o aluno irá começar a criar a Landing Page do Bangeek e já explorar vários novos recursos.
Nesta aula o aluno irá começar a utilizar o Photoshop, maior software de edição de imagem e criar uma linda montagem para personalização da Landing Page.
Nesta aula o aluno finalizará a primeira seção da página e já terá uma boa ideia de como a Landing Page irá ficar.
Nesta aula o aluno irá criar seu primeiro Mockup utilizando a integração do Adobe XD e o Photoshop.
Nesta aula o aluno irá aprender a organizar uma seção de tópicos de textos.
Nesta aula o aluno irá realizar uma montagem utilizando o Photoshop para recorte e o Adobe XD para criar elementos.
Nesta aula o aluno irá criar mais um Mockup para compor a sessão de download do app Bangeek.
Nesta aula o aluno irá criar uma montagem com os mimos que o usuário Bangeek pode ganhar na loja.
Nesta aula o aluno irá realizar uma montagem no Photoshop
Nesta aula o aluno irá criar o Footer do site.
Nesta aula o aluno irá aprender a usar o empilhamento e ajustes no XD.
Nesta aula o aluno irá começar a responsividade no mobile.
Nesta aula o aluno começará a criar o portfólio e fazer várias composições.
Nesta aula o aluno irá criar elementos simulados em 3D no Adobe XD.
Nesta aula o aluno irá realizar um mockup mais avançado no Photoshop utilizando o cartão do Bangeek.
The Bangeek
is a digital bank created by Geeks for Geeks.
We are passionate about technology and games, so we think about turning the financial segment of traditional banks into something that we really identify with.
- Blockchain
- Artificial intelligence
- Integration with major streaming platforms
- Integration with the best games
All without leaving home!
Nesta aula o aluno irá realizar um mockup mais avançado no Photoshop utilizando o cartão do Bangeek.
The Bangeek
is a digital bank created by Geeks for Geeks.
We are passionate about technology and games, so we think about turning the financial segment of traditional banks into something that we really identify with.
- Blockchain
- Artificial intelligence
- Integration with major streaming platforms
- Integration with the best games
All without leaving home!
Nesta aula o aluno irá adicionar ao portfólio o Style Guide.
Nesta aula o aluno irá personalizar os wireframes para colocar no portfólio.
Nesta aula o aluno irá personalizar as interfaces para colocar no portfólio.
Nesta aula o aluno irá fazer um mockup em um notebook para colocar a Landing Page do Bangeek.
Nesta aula com muito orgulho e dedicação iremos finalizar o portfólio e corar horas de trabalho realizado e aprendizado, se você chegou até aqui, quero lhe parabenizar pela sua dedicação e esperar você em uma próxima.
Nesta aula no canal da Adobe Brasil, eu ensinei a como realizar sobreposição animada no Adobe XD e com isso ganhar muito tempo na prototipação.
Solicite seu cupom de desconto como aluno no campo de mensagens ou pelo Instagram / Linkedin.
Neste curso completo você aprenderá a desenvolver um aplicativo profissional de um Banco Digital para Nerds, o Bangeek. Construiremos mais de 80 telas (APP e WEB) e você aprenderá todos os conceitos necessários para ter sucesso como UI designer.
Reservei esse espaço para pessoas que são sedentas por inovação, pessoas que não querem o mesmo, mas querem ir além e assim como eu, pensam em impactar o mundo e melhorar a vida de pessoas.
Não quero só te ensinar ferramentas e propriedades do XD, não quero só criar sistemas "Bonitinhos", quero que você crie experiências únicas em aplicações e sistemas. Então se optar em começar esse curso, arregace as mangas, prepare várias garrafas de café e vamos juntos inovar em um mundo de possibilidades infinitas.
Se a resposta for sim, eu Lucas Marte, irei te conduzir do básico até o nível profissional no conhecimento de UI DESIGN.
Para quem é este curso:
Estudantes de Design
Designer's que buscam novas skill's
Designer's Gráficos
UX/UI Designers
Desenvolvedores Web e Mobile
Empreendedores e Gestores que buscam novas Habilidades
Pessoas que buscam aprender novas ferramentas
Informações técnicas:
Aprenda a escolher, combinar Cores e dominar seus atributos (matiz, saturação, brilho, contraste, etc),
Saiba como definir Tipografia e os padrões tipográficos,
Crie Botões que engajam e ajudam o usuário a entender as principais funções da interface,
Entenda como projetar Formulários fáceis de preencher,
Estabelecer uma Hierarquia Visual na página que ajude seu usuário a fazer o que precisa - usando Balanceamento, Ritmo, Harmonia, Dominância, Alinhamento e Proximidade,
Organizar os elementos em Grids,
Trabalhar Responsividade e projetar interfaces Mobile first,
Criar Guias de Estilos para projetos escaláveis e com componentes reaproveitáveis (building blocks e atomic design)
E muito mais!