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 z zamiarem.
Zdefiniowany zestaw zasad ruchu określa cel tworzonych przez nas animacji.
Dąż do nadania głębokiego znaczenia 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 być naturalny w kompozycji i ruchu. Wykorzystanie pędu może zwiększyć 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 podejmowana jest akcja, chcemy zapewnić natychmiastową informację zwrotną i nigdy nie trzymać odbiorcy w niepewności.
Chociaż niektóre produkty i usługi mogą mieć różne funkcje i możliwości, możemy określić ogólne podejście do animacji w zależności od ich relacji z odbiorcą: emocjonalnej i funkcjonalnej.
Emocjonalna — Tworzy głębsze połączenie
Marka może oddziaływać na emocje odbiorcy i budować głębszą więź.
Funkcjonalna — Pomaga klientom osiągać cele
Poprawia informację zwrotną, ułatwia orientację i kieruje uwagę odbiorcy na to, co istotne.
Nasze zasady marki powinny być odzwierciedlone we wszystkich mediach związanych ze Spaceship, zarówno na platformie, jak i poza nią. Aby ożywić je w ruchu, opieramy się na zestawie parametrów zapewniających spójność, koherencję i jednolity wyraz naszej tożsamości marki.
Czas
Czas i opóźnienie mogą współpracować w obrębie tego samego obiektu, aby przekazać zarówno ton, jak i cel. Na przykład wolniejsze tempo podczas ładowania strony może budować emocjonalne połączenie, po którym następuje szybka reakcja nadająca funkcjonalny ton z jasną i natychmiastową informacją zwrotną.
Rodzicowanie
Stosujemy rodzicowanie, aby nadawać znaczenie i budować relacje między elementami wizualnymi. W animacjach odtwarzania rodzicowanie pokazuje, jak elementy są ze sobą powiązane i zmieniają się razem. W interakcjach w czasie rzeczywistym zapewnia płynniejsze doświadczenia, wizualnie łącząc obiekty i naturalnie prowadząc użytkowników przez interfejs.
Opóźnienie
Opóźnienie definiuje relacje 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 odbiorcom zrozumieć, które obiekty mają wyższy priorytet i na czym się skupić. Gdy poruszamy nakładającymi się obiektami z różnymi prędkościami, tworzymy między nimi relację przestrzenną.
Nakładka
Ten parametr wykorzystuje przestrzeń nie-3D, pozwalając obiektom ułożonym jeden za drugim poruszać się niezależnie. Nakładka wykorzystuje te nakładające się warstwy na istniejącym interfejsie, aby dostarczać dodatkowe informacje. Używamy ruchu, by tworzyć narrację relacji przestrzennych 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, skupiamy uwagę odbiorców, budując zaangażowanie emocjonalne.
Ciągłość
Zapewnia spójny i płynny przepływ ruchu, pomagając odbiorcom zrozumieć narrację i utrzymać koncentrację podczas przejść. Wzmacnia ciągłość wizualną, nadając cel elementowi na ekranie.
Relacja
Jak każdy obiekt odnosi się do 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 budować głęboką i trwałą więź z odbiorcami, a także zapewniać jasne wskazówki, dzięki którym nawet najbardziej złożone zadania wydają się proste i dostępne.