Ruch sprawia, że komunikacja jest bardziej efektowna i angażująca. Tworzenie ruchu w Spaceship opiera się na określonych zasadach, tonie, parametrach i choreografii, które wspólnie odzwierciedlają tożsamość marki.
Ruch nie tylko sprawia, że doświadczenia są angażujące — wyjaśnia idee, wzmacnia koncepcje i ożywia narracje w przemyślany sposób.
Określony zestaw zasad ruchu wyznacza cel tworzonych przez nas animacji.
Staraj się nadać głęboki sens przekazowi, który chcesz wyrazić. Pokonuj złożone koncepcje, eksplorując prostą geometrię i wykraczając poza to, co możliwe dzięki organicznemu ruchowi.
Ruch musi sprawiać wrażenie naturalnego zarówno w kompozycji, jak i w sposobie poruszania się. Wykorzystanie pędu może wzbogacić doświadczenie odbiorców i nadać naszemu językowi ruchu naturalny charakter.
Ruch powinien zmniejszać obciążenie poznawcze i kierować wzrok na to, co ważne. Gdy wykonywane jest działanie, chcemy zapewnić natychmiastową informację zwrotną i nigdy nie kazać odbiorcy czekać.
Chociaż niektóre produkty i usługi mogą mieć różne funkcje i możliwości, możemy zdefiniować ogólne podejście do animacji na podstawie tego, jak odnoszą się do odbiorcy: emocjonalne i funkcjonalne.
Emocjonalne — tworzy głębszą więź
Marka może oddziaływać na emocje odbiorcy i tworzyć głębszą więź.
Funkcjonalne — pomaga klientom osiągać cele
Usprawnia informację zwrotną, ułatwia orientację i kieruje uwagę odbiorcy na to, co istotne.
Nasze zasady marki powinny znajdować odzwierciedlenie we wszystkich mediach związanych ze Spaceship, na platformie i poza nią. Aby ożywić je za pomocą ruchu, opieramy się na zestawie parametrów, które zapewniają spójność, konsekwencję i jednolity wyraz naszej tożsamości marki.
Timing
Timing i opóźnienie mogą współdziałać w obrębie tego samego obiektu, aby przekazywać zarówno ton, jak i cel. Na przykład wolniejszy ton podczas ładowania strony może tworzyć emocjonalną więź, po czym szybka reakcja dostarcza funkcjonalny ton z wyraźną i natychmiastową informacją zwrotną.
Parenting
Używamy parentingu, aby tworzyć znaczenie i ustanawiać relacje między elementami wizualnymi. W animacjach odtwarzanych parenting pomaga pokazać, jak elementy są ze sobą powiązane i jak zmieniają się razem. W interakcjach w czasie rzeczywistym zapewnia płynniejsze doświadczenia dzięki wizualnemu łączeniu obiektów i naturalnemu prowadzeniu użytkowników przez interfejs.
Opóźnienie
Opóźnienie definiuje relację między obiektami, zwiększa użyteczność i buduje narrację podczas wprowadzania nowych elementów na ekran.
Paralaksa
Celem paralaksy jest stworzenie iluzji głębi. Pomaga ona naszym odbiorcom dostrzec, które obiekty mają wyższy priorytet i na czym należy się skupić. Gdy poruszamy nakładającymi się obiektami z różną prędkością, tworzymy między nimi relację przestrzenną.
Nakładka
Ten parametr wykorzystuje przestrzeń nie-3D, umożliwiając niezależny ruch obiektów ułożonych warstwowo jeden za drugim. Nakładka wykorzystuje te nakładające się warstwy na istniejącym interfejsie, aby dostarczać dodatkowe informacje. Używamy ruchu, aby tworzyć narrację o relacji przestrzennej między tymi elementami.
Choreografia
Choreografia łączy nasze parametry z trzema dodatkowymi elementami: ciągłością, relacją i narracją. Kontrolując zachowanie każdego obiektu, przyciągamy uwagę odbiorców, tworząc emocjonalne zaangażowanie.
Ciągłość
Zapewnia spójny i płynny przepływ ruchu, pomagając odbiorcom zrozumieć narrację i utrzymać skupienie między przejściami. Wzmacnia ciągłość wizualną, nadając cel elementowi na ekranie.
Relacja
To, jak każdy obiekt odnosi się do swojego otoczenia i jak jego zachowanie wpływa na sposób działania innych elementów.
Narracja
W połączeniu z innymi atrybutami dobrze skonstruowana narracja może stworzyć głęboką i trwałą więź z odbiorcami, a jednocześnie zapewnić jasne wskazówki, dzięki którym nawet najbardziej złożone zadania wydają się proste i dostępne.