curso de

Framer: Trabalhando com UI Motion e microinterações

Resumo do curso

  • Conheça os princípios e objetivos o UI Motion e das microinterações
  • Aprenda como trabalhar com velocidade e coreografias no UI para direcionar o foco do usuário
  • Veja como lidar com o UI Motion em scrolls e transições de tela
  • Aprenda a trabalhar com Splash Screen e carregamento de telas
  • Entenda como dar acabamento à sua criação e como exportar o projeto como um protótipo realista e navegável

Público alvo

Estudantes e/ou profissionais de UI Design que desejam aprender a trabalhar com UI Motion e microinterações para aplicativos, utilizando o Framer.

Conteúdo relacionado

Cursos de UI - User Interface em UX & Design

Leia nossos artigos de UX & Design

Última atualização

09/09/2020

Já é aluno?

Comece o curso agora

10h

p/ conclusão

44

Atividades

210

Minutos de video

233

Alunos nesse curso

9.3

Nota deste curso

Certificado de participação

Um pouco mais do conteúdo

Descubra se esse curso é pra você lendo as primeiras aulas de Framer: Trabalhando com UI Motion e microinterações

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 objetivos

    • Overview
    • Objetivos do UI Motion
    • Para saber mais: Por que usar microinterações?
    • Princípios da interação
    • Deslocamento e atraso
  2. Entendendo UI Motion

    • Velocidade
    • Para saber mais: Curva de bézier para controlar as suavizações
    • Coreografia
    • Para saber mais: Sobre design system
    • Motion System
  3. Usando o Framer

    • Entendendo o Framer
    • Scrolls laterais e horizontais
    • Transição de tela
    • Magic Motion
    • Mudando de música
    • Para saber mais: Upload de vídeos
    • Minimizando uma música
  4. Mais sobre o Framer

    • Usando o Wheel Scroll
    • Incluindo a Splash Screen
    • Para saber mais: Carregamento de telas
    • Login e registro
    • Para saber mais: Componentes nativos
  5. Conclusão

    • Linkando todas as páginas
    • Refinamento
    • Exportando o projeto
    • Sobre o device
    • Para saber mais: Protótipos realistas com vídeos
    • Conclusão

Ainda não estuda com a gente?

Invista na transformação da sua carreira!

Comece agora

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

Plus

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programaçã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.

  • 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.

12X
R$85
à vista R$1.020
Matricule-se

Pro

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programaçã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.

  • 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.

12X
R$120
à vista R$1.440
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