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, sino que también aclara ideas, refuerza conceptos y da vida a las narrativas con intención.
Un conjunto definido de principios de movimiento describe el propósito de las animaciones que creamos.
Procura aportar un significado profundo al mensaje que quieres transmitir. Supera conceptos complejos explorando una geometría simple y yendo más allá de lo que es posible mediante un movimiento orgánico.
El movimiento debe sentirse natural en la composición y en el desplazamiento. El uso del impulso puede mejorar la experiencia de la audiencia y lograr una sensación natural en nuestro lenguaje de movimiento.
El movimiento debe reducir la carga cognitiva y orientar la mirada hacia lo importante. Cuando se realiza una acción, queremos proporcionar retroalimentación inmediata y no hacer esperar nunca al espectador.
Aunque algunos productos y servicios pueden tener diferentes características y capacidades, podemos definir un enfoque general de la animación en función de 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.
Los principios de nuestra marca deben reflejarse en todos los medios relacionados con Spaceship, dentro de la plataforma y fuera de ella. 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.
Temporización
La temporización y el retraso pueden funcionar 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 aporta un tono funcional con una 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 por 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 centrarse. Cuando movemos objetos superpuestos a distintas 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 unos detrás de otros se muevan de forma independiente. La superposición utiliza estas capas solapadas 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 implicación emocional.
Continuidad
Garantiza un flujo de movimiento consistente y fluido, ayudando a nuestra audiencia a comprender la narrativa y a mantener la atención 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 demás atributos, una narrativa bien elaborada puede forjar una conexión profunda y duradera con los espectadores, al tiempo que proporciona una orientación clara para que incluso las tareas más complejas parezcan simples y accesibles.