---
title: "Motion design: co to jest? Słownik pojęć"
description: "Motion design to projektowanie ruchu w grafice. Animowane logo, ikony, napisy, wykresy i przejścia pokazują charakter marki i tłumaczą rzeczy szybciej niż…"
url: https://fluostudio.pl/baza-wiedzy/slownik/motion-design/
---

[Animacja i wideo](https://fluostudio.pl/baza-wiedzy/slownik/?dzial=animacja)

# Motion design

Inaczej motion graphics, projektowanie ruchu

Motion design to projektowanie ruchu w grafice. Animowane logo, ikony, napisy, wykresy i przejścia pokazują charakter marki i tłumaczą rzeczy szybciej niż statyczny obraz.

## Usługa

-   [Motion design](https://fluostudio.pl/uslugi/projektowanie-graficzne/motion-design/)

Animację da się dziś wygenerować jednym poleceniem. Tyle że taki ruch wygląda jak każdy inny, a marka, która rusza się jak wszystkie inne, niczym się nie wyróżnia. Dlatego ruch projektujemy ręcznie. Ustawiamy tempo, kolejność wejść, momenty zatrzymania i to, jak element hamuje. Od tych drobiazgów zależy, czy marka wydaje się spokojna i pewna siebie, czy szybka i zadziorna.

## Gdzie się przydaje

-   w social mediach, gdzie ruch zatrzymuje kciuk przewijający ekran,
-   na stronach, przy produktach i rzeczach, które trudno opisać słowami,
-   w prezentacjach na scenę i na ekranach targowych,
-   w [animacji logo](https://fluostudio.pl/baza-wiedzy/slownik/animacja-logo/) na początku i końcu filmów.

## Ruch nie gra pierwszych skrzypiec

Animacja ma wspierać przekaz, a nie przykrywać go efektami. Jeśli ktoś po obejrzeniu pamięta tylko, że coś efektownie wirowało, a nie pamięta produktu, ruch przegrał z treścią. Przy Dawtonie animacje produktów miały pomóc marce wyglądać młodziej i odważniej, a nie popisywać się techniką.

Żeby ruch był spójny w każdym materiale, zasady animacji opisujemy jak kolory czy typografię. Takie [motion guidelines](https://fluostudio.pl/baza-wiedzy/slownik/motion-guidelines/) mówią, jak szybko elementy wchodzą, jak hamują i czego marka w ruchu nie robi.

## W naszych projektach

-   ### [Grupa Dawtona](https://fluostudio.pl/projekty/dawtona/)

    Ponad 20 zleceń z animacją albo filmem, od postów po spot w telewizji, i animacje w siedmiu kategoriach produktów na dawtona.pl.

-   ### [DCX](https://fluostudio.pl/projekty/dcx/)

    Animacje premier produktowych zbudowane z plików konstrukcyjnych.

## Więcej na blogu

-   [Explainer video – czym jest i jak pomaga firmie?](https://fluostudio.pl/explainer-video-czym-jest-i-jak-pomaga-firmie/)

## Zobacz też

-   [Animacja i wideo Animacja logo Animacja logo to krótki, zwykle kilkusekundowy ruch, w którym znak marki pojawia się, składa albo zmienia. Otwiera i zamyka filmy, spoty, prezentacje i posty.](https://fluostudio.pl/baza-wiedzy/slownik/animacja-logo/)
-   [Animacja i wideo Explainer video Explainer video to krótki film, najczęściej animowany, który w minutę lub dwie tłumaczy, jak działa produkt, usługa albo proces. Prowadzi go lektor, napisy albo jedno i drugie.](https://fluostudio.pl/baza-wiedzy/slownik/explainer-video/)
-   [Animacja i wideo Motion guidelines Motion guidelines to zasady ruchu marki: tempo, krzywe przyspieszania i hamowania, wejścia i przejścia, animacja logo i zakazy. Dzięki nim spot, post i aplikacja ruszają się tak samo.](https://fluostudio.pl/baza-wiedzy/slownik/motion-guidelines/)
-   [Animacja i wideo Klatka kluczowa Klatka kluczowa to punkt na osi czasu, w którym animator zapisuje stan elementu: położenie, wielkość, obrót, kolor albo przezroczystość. Ruch między dwoma takimi punktami program wylicza sam.](https://fluostudio.pl/baza-wiedzy/slownik/klatka-kluczowa/)
-   [Animacja i wideo Easing Easing to sposób, w jaki animowany element przyspiesza i zwalnia. Dzięki niemu ruch nie jest mechanicznie równy, tylko rusza i hamuje jak prawdziwy przedmiot.](https://fluostudio.pl/baza-wiedzy/slownik/easing/)
-   [Animacja i wideo Typografia kinetyczna Typografia kinetyczna to animowany tekst, w którym słowa pojawiają się, zmieniają i znikają w rytmie mowy, muzyki albo opowieści. Tekst sam niesie przekaz, często bez innych obrazów.](https://fluostudio.pl/baza-wiedzy/slownik/typografia-kinetyczna/)
-   [Animacja i wideo Lottie Lottie to format animacji wektorowych zapisanych w pliku JSON, najczęściej eksportowanych z After Effects. Na stronach i w aplikacjach zwykle waży mniej niż film i jest ostry w każdym rozmiarze.](https://fluostudio.pl/baza-wiedzy/slownik/lottie/)
-   [Animacja i wideo Animacja 3D Animacja 3D to film złożony z klatek wyliczonych z trójwymiarowej sceny: modeli, materiałów, świateł i kamery. Pozwala pokazać produkt z każdej strony, od środka i jeszcze przed premierą.](https://fluostudio.pl/baza-wiedzy/slownik/animacja-3d/)

Hasło pojawia się też w: [Animatik](https://fluostudio.pl/baza-wiedzy/slownik/animatik/), [Brand hero](https://fluostudio.pl/baza-wiedzy/slownik/brand-hero/), [Key visual](https://fluostudio.pl/baza-wiedzy/slownik/key-visual/), [Low poly](https://fluostudio.pl/baza-wiedzy/slownik/low-poly/), [Mikrointerakcja](https://fluostudio.pl/baza-wiedzy/slownik/mikrointerakcja/), [Render 3D](https://fluostudio.pl/baza-wiedzy/slownik/render-3d/), [Scrollytelling](https://fluostudio.pl/baza-wiedzy/slownik/scrollytelling/), [Showreel](https://fluostudio.pl/baza-wiedzy/slownik/showreel/), [Storyboard](https://fluostudio.pl/baza-wiedzy/slownik/storyboard/)

## Potrzebujesz ruchu, który pasuje do marki? Pokażemy, jak to robimy.

Na pierwszej rozmowie sprawdzimy, czy i jak możemy pomóc, bez zobowiązań.

[Porozmawiajmy](https://fluostudio.pl/kontakt/) [Umów 30 minut konsultacji](https://calendly.com/anita-fluo/darmowa-konsultacja-30-minut)