-
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,
-
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.
-
Oi UX Mocha é nada mais
nada menos que um monte de design
-
aplicado ao design da interface
-
através de animações micro interaçõ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
Mocha da sua interface.
-
Ele possibilita que o feedback visual
-
possibilita que o usuário consiga
-
de alguma forma, interagir com o botão
-
como se fosse a representação de um botão.
-
Na vida real,
essas animações ou micro interações,
-
ela tem 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
-
Mocha em 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 funciona as transições
entre telas.
-
Aproveite.
