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éfinit l’objectif des animations que nous créons.
Cherchez à donner une signification profonde au message que vous souhaitez transmettre. Surmontez les concepts complexes en explorant une géométrie simple et en allant au-delà de ce qui est possible grâce au mouvement organique.
Le mouvement doit sembler naturel dans la composition et le déplacement. Utiliser 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 l’œil 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 en fonction de leur relation avec le spectateur : émotionnelle et fonctionnelle.
Émotionnelle — Crée une connexion plus profonde
Une marque peut toucher les é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.
Nos principes de marque doivent se refléter dans chaque support lié à Spaceship, sur la plateforme et au-delà. Pour leur donner vie dans 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.
Timing
Le timing 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 lors du chargement d’une page peut créer une connexion émotionnelle, suivi d’une réponse rapide qui apporte un ton fonctionnel avec un retour d’information clair et immédiat.
Parentage
Nous utilisons le parentage pour donner du sens et établir des relations entre les éléments visuels. Dans les animations en lecture, le parentage aide à montrer comment les éléments sont liés et évoluent ensemble. Dans les interactions en temps réel, il rend l’expérience plus fluide en reliant visuellement les objets et en guidant naturellement les utilisateurs à travers 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
Le but de la parallaxe est de créer une illusion de profondeur. Elle aide nos spectateurs à percevoir quels objets ont une priorité 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 aux objets superposés 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é
Assure un flux de mouvement cohérent et fluide, aidant notre public à comprendre le récit et à maintenir son attention lors des transitions. Elle renforce la continuité visuelle en donnant un but à un élément à l’écran.
Relation
Comment chaque objet se rapporte à son environnement et comment son comportement influencera la façon dont les autres éléments fonctionnent.
Récit
Combiné aux autres attributs, un récit bien construit peut créer 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.