Movimento

Il movimento rende la comunicazione più incisiva e coinvolgente. La creazione del movimento di Spaceship segue principi, tono, parametri e coreografie specifici che lavorano insieme per riflettere la sua identità di brand.

Il movimento non solo rende le esperienze coinvolgenti — chiarisce le idee, rafforza i concetti e dà vita alle narrazioni con intenzione.



Principi

Un insieme definito di principi del movimento delinea lo scopo delle animazioni che creiamo.



Significativo

Cerca di dare un significato profondo al messaggio che vuoi trasmettere. Supera concetti complessi esplorando geometrie semplici e andando oltre ciò che è possibile attraverso un movimento organico.





Organico

Il movimento deve risultare naturale nella composizione e nel movimento. Usare la spinta può migliorare l'esperienza del pubblico e ottenere una sensazione naturale nel nostro linguaggio del movimento.





Istruttivo

Il movimento dovrebbe ridurre il carico cognitivo e orientare l'occhio su ciò che è importante. Quando viene eseguita un'azione, vogliamo fornire un feedback immediato e non lasciare mai lo spettatore in attesa.






Tono

Sebbene alcuni prodotti e servizi possano avere caratteristiche e funzionalità diverse, possiamo definire un approccio generale all'animazione in base a come si relazionano con lo spettatore: emozionale e funzionale.




Emozionale — Crea un legame più profondo
Un brand può fare leva sulle emozioni dello spettatore e creare un legame più profondo.


Funzionale — Aiuta i clienti a raggiungere i loro obiettivi
Migliora il feedback, facilita l'orientamento e indirizza l'attenzione dello spettatore su ciò che è rilevante.






Parametri

I nostri principi di brand dovrebbero riflettersi su ogni mezzo legato a Spaceship, sulla piattaforma e oltre. Per dar loro vita nel movimento, ci affidiamo a una serie di parametri che garantiscono coerenza, uniformità ed espressione unificata della nostra identità di brand.





Easing

L'easing conferisce una qualità naturale e organica al movimento. Una buona padronanza delle curve di easing è essenziale per esprimere l'identità del brand. Regolare l'easing in base al tono del messaggio aiuta a rafforzare l'intento — curve più morbide e fluide possono trasmettere emozione e calore, mentre transizioni più nette e dirette enfatizzano funzionalità ed efficienza.





Tempistica

Tempistica e ritardo possono lavorare insieme all'interno dello stesso oggetto per trasmettere sia il tono che lo scopo. Ad esempio, un tono più lento durante il caricamento di una pagina può creare una connessione emotiva, seguito da una risposta rapida che trasmette un tono funzionale con un feedback chiaro e immediato.





Parenting

Utilizziamo il parenting per creare significato e stabilire relazioni tra gli elementi visivi.  Nelle animazioni di riproduzione, il parenting aiuta a mostrare come gli elementi sono collegati e cambiano insieme. Nelle interazioni in tempo reale, rende le esperienze più fluide collegando visivamente gli oggetti e guidando gli utenti in modo naturale attraverso l'interfaccia.





Ritardo

Il ritardo definisce una relazione tra oggetti, migliora l'usabilità e crea una narrazione quando si introducono nuovi elementi sullo schermo.





Parallasse

Lo scopo della parallasse è creare un'illusione di profondità. Aiuta i nostri spettatori a percepire quali oggetti hanno priorità maggiore e su cosa concentrarsi. Quando muoviamo oggetti sovrapposti a velocità diverse, creiamo una relazione spaziale tra di essi.






Overlay

Questo parametro utilizza lo spazio non 3D, consentendo agli oggetti sovrapposti di muoversi in modo indipendente. L'overlay utilizza questi livelli sovrapposti su un'interfaccia esistente per fornire informazioni aggiuntive. Usiamo il movimento per creare una narrazione della relazione spaziale tra queste entità.







Coreografia

La coreografia combina i nostri parametri con tre elementi aggiuntivi: continuità, relazione e narrazione. Controllando il comportamento di ogni oggetto, catturiamo l'attenzione del nostro pubblico, creando coinvolgimento emotivo.




Continuità
Garantisce un flusso di movimento coerente e fluido, aiutando il nostro pubblico a comprendere la narrazione e a mantenere la concentrazione durante le transizioni. Rafforza la continuità visiva dando uno scopo a un elemento sullo schermo.


Relazione
Come ogni oggetto si relaziona con ciò che lo circonda e come il suo comportamento influenzerà il modo in cui operano gli altri elementi.


Narrazione
Combinata con gli altri attributi, una narrazione ben costruita può creare un legame profondo e duraturo con gli spettatori, fornendo al contempo una guida chiara per rendere anche i compiti più complessi semplici e accessibili.