Principios de la animación

Conceptos:

• Duración y Velocidad
• Tamaño importa
• Móvil
• Tablets y relojes inteligentes
• Movimiento:
  • Comprensión y Extensión
  • Anticipación
  • Puesta en Escena
  • Seguimiento y Acción Superpuesta
  • Entrada y Salida
  • Acción Secundaria
  • Tiempo
  • Exageración

En la app de Nequi en Colombia identifique la entrada y salida: mientras ejecutas una orden, y la app esta procesando, el icono de Nequi que son dos cuadrados superpuestas uno del otro y redondeados en las puntas, se mueven en direcciones contrarias, una como las manecillas del reloj y el otro de manera opuesta, estas acciones dan la sensacion de espera mientras que la accion sucede. y produce una sensacion de distraccion que evita la ansiedad sobre la transaccion financiera.

Mis notas de clase:

• Añadir sensación de peso y flexibilidad
• Anticipación para ser cercano al movimiento real
• Puesta en escena: dejar claro qué es lo más importante de una escena.
• Seguimiento y acción: Representar el movimiento cercano a las leyes físicas (inercia, aceleración o desaceleración).
• Entrada y salida: los movimientos necesitan tiempos para entrar o salir.
• Acción secundaria: aportar naturalidad al movimiento por medio de otras acciones que acompañen a la principal.
• Tiempo: velocidad el a acción
• Exageración: los movimientos estrictamente cercanos a la realidad puede parecer estáticos y aburridos. Va a depender de la intensión.

Un ejemplo del principio acción secundaria y exageración es la micro-animación del botón de like en Youtube.

App Tinder, cuando se abre la app, se ingresa y se muestra el nombre de la aplicación con un fondo color uinforme caracteristico de la app, luego se muestra un icono de una llama que esta decorada con simbolos diversos a su alrededor como si explotase una piñata, luego aparece la foto de uno con un eco de circulos que se expande alrededor de la foto y esto da la sensación de busqueda, mientras carga información de los prospectos para deslizar (segun como funcinona la app).

Bumble:
Anticipación: Aparece el logo con una animación como si estuviera cargando.
Entrada y salida cuando deslizas hacia la izquierda o derecha, a la vez la exageración, haciendo la animación como si fuera que estuvieras escogiendo cartas.

Luego de completar cada lección en Duolingo, aparecen algunos de los personajes realizando algunas acciones animadas.

En este se aplican los siguientes principios:

• Comprensión y extensión.
• Puesta en escena.
• Entrada y salida.
• Acción secundaria.
• Exageración.

Tengo la duda de si todos se aplican ya que son caricaturas animadas luego de dar como finalizada la lección.

En la app de weverse para móvil, en la sección de artist lo primero que vemos son una secuencia de historias de cada perfil de los miembros del grupo, acá podemos destacar el principio de Seguimiento y acción superpuesta, ya que posee un movimiento lineal al momento de ir deslizando las historias de izquierda a derecha.