-
Você sabe a diferença
entre Motion Design e UX Motion?
-
A definição de Motion Design
é muito simples.
-
É a arte de contar história
através do movimento.
-
É como dar vida a elementos gráficos,
-
propiciando ao usuário que está
se relacionando com aquela tela,
-
uma experiência diferente,
uma experiência de fluidez,
-
uma experiência envolvente,
cativante,
-
que aproxime de alguma forma
o usuário da interface digital.
-
E para quem não sabe,
elementos gráficos são formas,
-
são cores, texturas, fontes,
-
são princípios básicos do design
-
que, aplicados ao movimento,
se tornam Motion Design.
-
E tudo isso serve para a criação
de logotipos,
-
serve para vídeos institucionais,
para vinhetas de programas televisivos,
-
para comerciais de cinema.
-
Dá uma olhada nesse exemplo
-
e percebam como o Motion Design
está presente na nossa vida.
-
Você com esse aparelho,
-
quando você transita entre as telas,
existe um movimento fluido.
-
Quando você acessa um ícone,
o movimento se abre diante de você.
-
E tudo isso
são elementos gráficos animados.
-
Agora que você já sabe
o que é Motion Design,
-
vamos pular para UX Motion,
que tem uma pequena diferenciação.
-
Antes de definir o que é UX Motion,
-
vamos primeiro traduzir
essas duas letras, UX,
-
que inglês significa "User Experience".
-
Ou no português belamente
abrasileirado,
-
experiência do usuário.
-
Mas o que é animação tem a ver
com a experiência do usuário?
-
E aí que o UX Motion entra.
-
O UX Motion é nada mais nada menos
que o Motion Design
-
aplicado ao design da interface,
-
através de animações microinterações,
-
a gente consegue criar interfaces
mais intuitivas,
-
com uma fluidez visual mais dinâmica.
-
Então, quando você passa
com o cursor do mouse, por exemplo,
-
num botão em algum site qualquer,
-
aquele movimento de mudança de cor,
-
o movimento de ampliação do botão,
é uma micro interação.
-
Isso faz parte do desenvolvimento
do UX Motion da sua interface.
-
Ele possibilita o feedback visual,
-
possibilita que o usuário consiga
de alguma forma,
-
interagir com o botão
-
como se fosse a representação
de botão na vida real.
-
Essas animações ou micro interações,
-
têm a capacidade de transmitir valores
que agregam à sua marca,
-
que fortificam a sua identidade visual.
-
Agora que você já tem uma noção
do que é Motion Design,
-
a definição de UX Motion
e suas diferenças,
-
aproveite a navegação entre telas
-
para estudar as micro interações,
para ver como o botão funciona,
-
para ver como funcionam
as transições entre telas.
-
Aproveite!
