Design de animação para designers de UI usando o Principle para Mac
Bettsina Walkinson, Senior Product Designer
Assista a este curso e milhares de outros
Assista a este curso e milhares de outros
Aulas neste curso
-
-
1.
Boas-vindas ao curso!
0:55
-
2.
Objetivos de aprendizagem
0:47
-
3.
Entender a animação
4:32
-
4.
Princípios da animação
1:27
-
5.
A ilusão de uma interface de usuário
1:24
-
6.
Duração
1:26
-
7.
Facilitando
0:50
-
8.
Arquivo de trabalho
1:37
-
9.
Princípio: importe nosso arquivo
2:28
-
10.
Princípio: rolagem na página
2:28
-
11.
Princípio: carga da página
3:56
-
12.
Princípio: efeitos de desgaste
4:25
-
13.
Princípio: efeitos de rolagem (parte 1)
1:42
-
14.
Princípio: efeitos de rolagem (parte 2a)
5:33
-
15.
Princípio: efeitos de rolagem (parte 2b)
2:01
-
16.
Princípio: efeitos de rolagem (parte 3)
6:28
-
17.
Princípio: efeitos de rolagem (parte 4)
5:43
-
18.
Princípio: rolante de interação (parte 1)
4:15
-
19.
Princípio: rolante de interação (parte 2)
6:00
-
20.
Princípio: cartões de interação
5:45
-
21.
Princípio: auto roll
3:18
-
22.
Conclusão
1:58
-
-
- --
- Nível iniciante
- Nível intermediário
- Nível avançado
- Todos os níveis
Gerado pela comunidade
O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.
754
Estudantes
3
Projetos
Sobre este curso
Neste curso Skillshare, você vai aprender a usar o learn para o Mac para adicionar design de movimento à sua interface de usuário.
Este curso é para designers de interface interface experientes que quer trazer seus designs ao próximo nível com animações.
Neste curso, você vai fazer o curso:
- Entender os princípios da animação e como eles são usados no design de UI.
- Como usar drivers no Princípio para criar efeitos de rolagem vertical e horizontais.
- Como usar eventos e a linha timeline no Principio no de alta de alta over.
- Como trabalhar com várias telas para criar transições.
- Como exportar e compartilhar seu protótipo.
Para este curso, vamos animar os componentes de uma página de landing no final deste curso, você vai poder aplicar este conhecimento a qualquer design UI seja for for no site ou no celular.
Aqui estão alguns exemplos do que você vai fazer neste curso:
Conheça seu professor
Exploring the crossover between technology and art. 8+ years of experience in design, with a strong background in motion graphics, video and audio work.
Visualizar o perfil completoProjeto prático de curso
Neste curso, você será fornecido com um modelo de de uma página de início de criação no Figma e o arquivo final para que você possa comparar seu trabalho.
Você vai precisar desses arquivos para acompanhar durante os exercícios, no entanto, você pode mudar os componentes, estilos e cores enquanto vê se se ajustar com tudo que você vai aprender aqui!
Ao final do curso, você vai criar uma página de desembarque com animações como efeitos de rolagem vertical e horizontais, transição de seção e hover
Nota do curso
Por que fazer parte da Skillshare?
Faça cursos premiados Skillshare Original
Cada curso possui aulas curtas e projetos práticos
Sua assinatura apoia os professores da Skillshare
Aprenda em qualquer lugar
Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.
