Logo do curso
Curso

Adobe XD:

componentes da interface

Quero estudar na alura

10h

Para conclusão

3593

Pessoas nesse curso

9.3

Avaliação média

Certificado

De participação

Introdução_

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

linkedin

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

Ementa

  1. 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?
  2. 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?
  3. 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?
  4. Componentes I

    • Navegação
    • Bottom menu
    • Cards
    • Imagens de cards
    • Botões
    • Inputs de texto
    • Inputs de texto
    • O que aprendemos?
  5. 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?
  6. 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

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Este e mais 8 cursos fazem parte das seguintes formações

Nossas formações são uma sequência de cursos e conteúdo para você se profissionalizar e se tornar quem o mercado procura!
Escola

UX & Design

O universo de UX & Design é gigante. Crie diferentes layouts para plataformas digitais. Edite vídeos e desenvolva animações. Construa e expanda o seu conhecimento nas principais tendências do mercado. Conheça as principais ferramentas gráficas, como o Adobe Photoshop, Adobe Illustrator, Figma, Final Cut e outras!

Conheça a escola

Pessoas estudando esse curso nesse mês:

Estude com elas

e mais 80 pessoas

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.

Matricule-se

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, a inteligência artificial da Alura

    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.

Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas