Movimiento

El movimiento hace que las comunicaciones sean más impactantes y atractivas. La creación de movimiento de Spaceship sigue principios, tono, parámetros y coreografía específicos que trabajan en conjunto para reflejar su identidad de marca.

El movimiento no solo hace que las experiencias sean atractivas — aclara ideas, refuerza conceptos y da vida a las narrativas con intención.



Principios

Un conjunto definido de principios de movimiento describe el propósito de las animaciones que creamos.



Con significado

Busca dar un significado profundo al mensaje que deseas transmitir. Supera conceptos complejos explorando geometría simple y yendo más allá de lo posible mediante el movimiento orgánico.





Orgánico

El movimiento debe sentirse natural en composición y desplazamiento. Usar el impulso puede mejorar la experiencia de la audiencia y lograr una sensación natural en nuestro lenguaje de movimiento.





Instructivo

El movimiento debe reducir la carga cognitiva y orientar la vista hacia lo importante. Cuando se realiza una acción, queremos proporcionar retroalimentación inmediata y nunca hacer esperar al espectador.






Tono

Aunque algunos productos y servicios pueden tener diferentes características y capacidades, podemos definir un enfoque general para la animación según cómo se relacionan con el espectador: emocional y funcional.




Emocional — Crea una conexión más profunda
Una marca puede apelar a las emociones del espectador y crear una conexión más profunda.


Funcional — Ayuda a los clientes a alcanzar sus objetivos
Mejora la retroalimentación, ayuda a la orientación y dirige la atención del espectador hacia lo relevante.






Parámetros

Nuestros principios de marca deben reflejarse en todos los medios relacionados con Spaceship, en la plataforma y más allá. Para darles vida en movimiento, nos basamos en un conjunto de parámetros que aseguran consistencia, coherencia y una expresión unificada de nuestra identidad de marca.





Aceleración

La aceleración le da una cualidad natural y orgánica al movimiento. Un buen dominio de las curvas de aceleración es esencial para expresar la identidad de la marca. Ajustar la aceleración según el tono del mensaje ayuda a reforzar la intención — curvas más suaves y blandas pueden transmitir emoción y calidez, mientras que transiciones más agudas y directas enfatizan la funcionalidad y eficiencia.





Temporización

La temporización y el retraso pueden trabajar juntos dentro del mismo objeto para transmitir tanto el tono como el propósito. Por ejemplo, un tono más lento durante la carga de una página puede crear una conexión emocional, seguido de una respuesta rápida que entrega un tono funcional con retroalimentación clara e inmediata.





Jerarquía

Usamos la jerarquía para crear significado y establecer relaciones entre los elementos visuales.  En animaciones de reproducción, la jerarquía ayuda a mostrar cómo los elementos se relacionan y cambian juntos. En interacciones en tiempo real, genera experiencias más fluidas al conectar visualmente los objetos y guiar a los usuarios de manera natural a través de la interfaz.





Retraso

El retraso define una relación entre objetos, mejora la usabilidad y establece una narrativa al introducir nuevos elementos en la pantalla.





Parallax

El propósito del parallax es crear una ilusión de profundidad. Ayuda a nuestros espectadores a percibir qué objetos tienen mayor prioridad y en qué enfocarse. Cuando movemos objetos superpuestos a diferentes velocidades, creamos una relación espacial entre ellos.






Superposición

Este parámetro utiliza espacio no 3D, permitiendo que los objetos apilados uno detrás de otro se muevan de manera independiente. La superposición usa estas capas sobre una interfaz existente para proporcionar información adicional. Usamos el movimiento para crear una narrativa de la relación espacial entre estas entidades.







Coreografía

La coreografía combina nuestros parámetros con tres elementos adicionales: continuidad, relación y narrativa. Al controlar cómo se comporta cada objeto, capturamos la atención de nuestra audiencia, creando un compromiso emocional.




Continuidad
Asegura un flujo de movimiento consistente y fluido, ayudando a nuestra audiencia a entender la narrativa y mantener el enfoque entre transiciones. Refuerza la continuidad visual al dar propósito a un elemento en la pantalla.


Relación
Cómo cada objeto se relaciona con su entorno y cómo su comportamiento influirá en la manera en que operan otros elementos.


Narrativa
Combinada con los otros atributos, una narrativa bien elaborada puede forjar una conexión profunda y duradera con los espectadores, además de proporcionar una guía clara para que incluso las tareas más complejas parezcan simples y accesibles.