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 motion 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 i concetti complessi esplorando una geometria semplice e andando oltre ciò che è possibile attraverso un movimento organico.





Organico

Il movimento deve risultare naturale nella composizione e nel moto. L'uso dello slancio può migliorare l'esperienza del pubblico e conferire una sensazione naturale al nostro linguaggio del movimento.





Istruttivo

Il movimento dovrebbe ridurre il carico cognitivo e orientare lo sguardo verso ciò che è importante. Quando viene eseguita un'azione, vogliamo fornire un feedback immediato e non lasciare mai l'osservatore 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 relaziona con l'osservatore: emotivo e funzionale.




Emotivo — Crea una connessione più profonda
Un brand può fare leva sulle emozioni dell'osservatore e creare una connessione più profonda.


Funzionale — Aiuta i clienti a raggiungere i loro obiettivi
Migliora il feedback, facilita l'orientamento e dirige l'attenzione dell'osservatore verso ciò che è rilevante.






Parametri

I principi del nostro brand dovrebbero riflettersi in ogni mezzo legato a Spaceship, sulla piattaforma e oltre. Per dar loro vita attraverso il movimento, ci affidiamo a un insieme di parametri che garantiscono coerenza, uniformità e un'espressione unificata della nostra identità di brand.





Easing

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





Timing

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





Parenting

Usiamo il parenting per creare significato e stabilire relazioni tra gli elementi visivi.  Nelle animazioni di riproduzione, il parenting aiuta a mostrare come gli elementi si relazionano e cambiano insieme. Nelle interazioni in tempo reale, rende l'esperienza più fluida collegando visivamente gli oggetti e guidando gli utenti in modo naturale attraverso l'interfaccia.





Delay

Il delay definisce una relazione tra gli oggetti, migliora l'usabilità e stabilisce una narrazione quando vengono introdotti nuovi elementi sullo schermo.





Parallasse

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






Overlay

Questo parametro utilizza uno spazio non 3D, consentendo agli oggetti disposti a strati uno dietro l'altro di muoversi in modo indipendente. L'overlay usa 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 altri tre elementi: continuità, relazione e narrazione. Controllando il comportamento di ciascun oggetto, catturiamo l'attenzione del nostro pubblico, creando coinvolgimento emotivo.




Continuità
Garantisce un flusso del movimento coerente e fluido, aiutando il nostro pubblico a comprendere la narrazione e a mantenere l'attenzione tra una transizione e l'altra. Rafforza la continuità visiva dando uno scopo a un elemento sullo schermo.


Relazione
Come ciascun 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 una connessione profonda e duratura con gli osservatori, fornendo al tempo stesso una guida chiara che rende semplici e accessibili anche i compiti più complessi.