Le mouvement rend les communications plus percutantes et engageantes. La création de mouvement de Spaceship suit des principes, un ton, des paramètres et une chorégraphie spécifiques qui s’associent pour refléter son identité de marque.
Le mouvement ne rend pas seulement les expériences captivantes — il clarifie les idées, renforce les concepts et donne vie aux récits avec intention.
Un ensemble défini de principes de mouvement décrit l’objectif des animations que nous créons.
Cherchez à donner un sens profond au message que vous souhaitez transmettre. Dépassez les concepts complexes en explorant une géométrie simple et en allant au-delà de ce qui est possible grâce à un mouvement organique.
Le mouvement doit sembler naturel dans sa composition et son déplacement. L’utilisation de l’élan peut améliorer l’expérience du public et donner une sensation naturelle à notre langage du mouvement.
Le mouvement doit réduire la charge cognitive et orienter le regard vers ce qui est important. Lorsqu’une action est effectuée, nous voulons fournir un retour immédiat et ne jamais faire attendre le spectateur.
Bien que certains produits et services puissent avoir des fonctionnalités et des capacités différentes, nous pouvons définir une approche générale de l’animation selon la manière dont ils se rapportent au spectateur : émotionnelle et fonctionnelle.
Émotionnelle — Crée une connexion plus profonde
Une marque peut faire appel aux émotions du spectateur et créer une connexion plus profonde.
Fonctionnelle — Aide les clients à atteindre leurs objectifs
Améliore le retour d’information, facilite l’orientation et dirige l’attention du spectateur vers ce qui est pertinent.
Les principes de notre marque doivent se refléter dans chaque support lié à Spaceship, sur la plateforme et au-delà. Pour leur donner vie par le mouvement, nous nous appuyons sur un ensemble de paramètres qui garantissent la cohérence, l’harmonie et une expression unifiée de notre identité de marque.
Temporalité
La temporalité et le délai peuvent fonctionner ensemble au sein d’un même objet pour transmettre à la fois le ton et l’objectif. Par exemple, un ton plus lent pendant le chargement d’une page peut créer une connexion émotionnelle, suivi d’une réponse rapide qui apporte un ton fonctionnel avec un retour clair et immédiat.
Hiérarchie parent-enfant
Nous utilisons la hiérarchie parent-enfant pour créer du sens et établir des relations entre les éléments visuels. Dans les animations en lecture, elle aide à montrer comment les éléments sont liés et évoluent ensemble. Dans les interactions en temps réel, elle rend l’expérience plus fluide en reliant visuellement les objets et en guidant naturellement les utilisateurs dans l’interface.
Délai
Le délai définit une relation entre les objets, améliore l’utilisabilité et établit un récit lors de l’introduction de nouveaux éléments à l’écran.
Parallaxe
L’objectif de la parallaxe est de créer une illusion de profondeur. Elle aide nos spectateurs à percevoir quels objets ont la priorité la plus élevée et sur quoi se concentrer. Lorsque nous déplaçons des objets superposés à des vitesses différentes, nous créons une relation spatiale entre eux.
Superposition
Ce paramètre utilise un espace non 3D, permettant à des objets superposés les uns derrière les autres de se déplacer indépendamment. La superposition utilise ces couches qui se chevauchent sur une interface existante pour fournir des informations supplémentaires. Nous utilisons le mouvement pour créer un récit de la relation spatiale entre ces entités.
Chorégraphie
La chorégraphie combine nos paramètres avec trois éléments supplémentaires : la continuité, la relation et le récit. En contrôlant le comportement de chaque objet, nous captons l’attention de notre public et créons un engagement émotionnel.
Continuité
Garantit un flux de mouvement cohérent et fluide, aidant notre public à comprendre le récit et à maintenir son attention entre les transitions. Elle renforce la continuité visuelle en donnant un but à un élément à l’écran.
Relation
La manière dont chaque objet se rapporte à son environnement et dont son comportement influencera le fonctionnement des autres éléments.
Récit
Combiné aux autres attributs, un récit bien conçu peut forger une connexion profonde et durable avec les spectateurs tout en fournissant des indications claires pour rendre même les tâches les plus complexes simples et accessibles.