O que você aprenderá_
- Produza um site mobile com conceitos para design visual com Adobe XD
- Lide com fontes, cores e pictogramas para compor o layout
- Desenvolva o seu projeto a partir do uso de componentes
- Trabalhe com refinamentos e prototipação de interface
- Conheça conceitos direcionados ao UI Design.
Público alvo_
Designers ou estudantes que queiram dominar conceitos voltados para o UI Design e uso de Componentes
André Lisboa
Sou designer focado em produtos digitais. Já prestei serviços relacionados a design de interface para diversos clientes e dou aulas relacionadas ao mundo do UI e UX aqui na Alura. Caso queira ver mais dos meus projetos pode acessar meu site em www.andrelisboa.cc
Curso atualizado em 28/09/2023
Já estuda na Alura?
Comece o curso agoraEmenta
Introdução e Diretrizes
- Introdução
- Overview
- UI Design e diretrizes
- Interfaces amigáveis
- Única escolha sobre o conteúdo da aula
- As diretrizes mais comuns
- Diretrizes mais comuns
- O que aprendemos?
Pesquisa e Arquitetura de Informação
- Design Patterns
- Design patterns
- Os patterns são confiáveis ?
- Arquitetura da informação
- Implementando o layout final
- O que aprendemos?
Estruturação
- Preferências de grid
- Componentes do grid
- Área útil
- Design atômico
- Sobre design atômico
- Fases do design atômico
- Organizando os elementos
- O que aprendemos?
Componentes I
- Navegação
- Bottom menu
- Cards
- Imagens de cards
- Botões
- Inputs de texto
- Inputs de texto
- O que aprendemos?
Componentes II
- Tabs e chips
- Tabs (abas)
- Listas
- Repeat grid e imagens
- Buscas e filtros
- Snacks, banners e dialogs
- Qual é menos invasivo ?
- O que aprendemos?
Refinamentos e Prototipação
- Ilustrações
- Onde obter ilustrações ?
- Empty state
- Refinamentos
- Prototipação
- Conclusão
- O que aprendemos?
Descubra se esse curso é pra você! Leia as primeiras aulas
-
Formação
Adobe XD
10h
De curso
45
Atividades
Escola
UX & Design
Faça parte da nossa comunidade no discord!
Troque conhecimentos com a comunidade da Alura
nossos alunos e alunas
Experiências de quem já mergulhou com a gente.
Única coisa, encontrei os wireframes usados de exemplo no curso para download no forum, mas acho que seria legal eles estarem para download junto do material de apoio.
Adobe XD: componentes da interface
Estéfano Santos
Caramba, acho que eu nunca vi um curso tão completo e tão bem elaborado quanto esse na plataforma. Aposto que mais elaborado que esse somente o próximo. Já to super ansioso pra assistir.Muito obrigado por compartilhas esses seus conhecimentos incríveis!
Adobe XD: componentes da interface
Helder Costa
No começo confesso que achei o curso repetitivo, já estava com aquele pensamento de aluno de "De novo isso?" mas logo percebi que esse curso é mais refinado que o primeiro, o projeto é mais complexo e o professor exemplifica muito os exercícios o que me deu uma noção mais assertiva de como é a "vida real". Muito bom mesmo!
Adobe XD: componentes da interface
Danilo Cariatte
Aprenda UI Design com esse e outros cursos, comece agora!
Plus
De
R$ 1.800
12X
R$109
à vista
R$1.308
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
Pro
De
R$ 2.400
12X
R$149
à vista
R$1.788
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
- Luri powered by ChatGPT
Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com Luri até 100 mensagens por semana.
- Alura Língua (incluindo curso Inglês para Devs)
Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.
Acesso completo
durante 1 ano
Estude 24h/dia
onde e quando quiser
Novos cursos
todas as semanas