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 — también aclara ideas, fortalece 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.



Significativo

Busca dar un significado profundo al mensaje que quieres transmitir. Supera conceptos complejos explorando geometría simple y yendo más allá de lo que es 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, facilita la orientación y dirige la atención del espectador hacia lo que es relevante.






Parámetros

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





Aceleración

La aceleración aporta 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 delicadas pueden transmitir emoción y calidez, mientras que transiciones más marcadas y directas enfatizan la funcionalidad y la eficiencia.





Temporización

La temporización y el retraso pueden trabajar juntos dentro del mismo objeto para transmitir tanto tono como 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 ofrece un tono funcional con retroalimentación clara e inmediata.





Jerarquía parental

Usamos la jerarquía parental para crear significado y establecer relaciones entre elementos visuales.  En las animaciones de reproducción, la jerarquía parental ayuda a mostrar cómo los elementos se relacionan y cambian juntos. En las interacciones en tiempo real, crea experiencias más fluidas al conectar visualmente los objetos y guiar a los usuarios de forma 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.





Paralaje

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






Superposición

Este parámetro utiliza un espacio no 3D, lo que permite que los objetos colocados en capas detrás unos de otros se muevan de forma independiente. La superposición usa estas capas superpuestas 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, captamos la atención de nuestra audiencia y creamos una conexión emocional.




Continuidad
Garantiza un flujo de movimiento consistente y fluido, ayudando a nuestra audiencia a comprender 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 se relaciona cada objeto con su entorno y cómo su comportamiento influirá en la forma 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, al mismo tiempo que proporciona una guía clara para hacer que incluso las tareas más complejas parezcan simples y accesibles.