Semana da Programação

16% de desconto!
Oferta acaba em:

0

dias

00

hrs

00

min

00

seg

Estudando este mês:

e mais 480 alunos(as)

Resumo do curso

  • Produza um site mobile com conceitos para design visual com Figma
  • 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

Conteúdo relacionado

Cursos de UI - User Interface em UX & Design

Leia nossos artigos de UX & Design

Última atualização

05/05/2020

Já é aluno?

Comece o curso agora

10h

p/ conclusão

39

Atividades

167

Minutos de video

2781

Alunos nesse curso

9.2

Nota deste curso

Certificado de participação

Um pouco mais do conteúdo

Descubra se esse curso é pra você lendo as primeiras aulas de Figma: Componentes da interface

Formações com esse curso

Instrutores

  • 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

Conteúdo Detalhado

  1. Introdução e diretrizes

    • Overview
    • Briefing do projeto
    • Diretrizes do design de interface
    • Como manter o padrão visual em uma interface?
    • Construindo boas interfaces
  2. Metodologias e estruturação

    • Design Patterns
    • Dark Patterns
    • Por que os Design Patterns são confiáveis?
    • Design Atômico
    • Telas e fluxos
    • Construção de grids
    • Área útil no grid
  3. Componentes da interface I

    • Menu no topo
    • Títulos com textos grandes
    • Menu no rodapé
    • Quantidade de itens no rodapé
    • Cards
    • Imagens para uma interface melhor
  4. Componentes da interface II

    • Botoes e inputs
    • Maneiras de criar input de texto
    • Tabs e listas
    • Quantidade de abas
    • Banners e backdrops
    • Empty state
    • Mais sobre o Empty State
  5. Refinamentos e prototipação

    • Refinamento I
    • A importância do refinamento
    • Refinamento II
    • Prototipação
    • Mais sobre prototipação

Ainda não estuda com a gente?

Invista na transformação da sua carreira!

Comece agora

nossos alunos e alunas

Experiências de quem já mergulhou com a gente.

Acompanhar o processo de criação junto com o André é uma forma de aprendizado ímpar.

Figma: Componentes da interface

Brandon Araújo Dias

Boa didática e projeto de exemplo. Destaco o vídeo do Alura+ e as dicas de Como fazer e Como não fazer. Enfim, já tinha gostado do curso básico, mas este foi mais a fundo, com dicas e aspectos teóricos (como design atômico) que eu desconhecia.

Figma: Componentes da interface

Carlos Eduardo Freitas e Silva

O professor explica de uma forma muito didática e com uma linguagem simples, ao mesmo tempo que ele sempre mostra na tela o que ele está fazendo. Sempre repete algumas informações para relembrar, fixar. Passou várias dicas bacanas para facilitar o uso e otimizar o tempo. Curso muito bacana, ferramenta muito legal, várias dicas de ferramentas externas que complementam o projeto. Compartilhamento de arquivo. Curso intermediário mas bem completo e didático.

Figma: Componentes da interface

Estante Virtual

Aprenda UI - User Interface com esse e outros cursos, comece agora!

  • 1304 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

  • Desconto 16%

Premium

Desconto 16%
  • 1304 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$75 R$63
à vista R$900 R$756
Matricule-se

Premium Plus

Desconto 16%
  • 1304 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$100 R$84
à vista R$1.200 R$1.008
Matricule-se

Max

Desconto 16%
  • 1304 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$120 R$100,80
à vista R$1.440 R$1.209,60
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