Jak stworzyć infografikę osi czasu w sześciu prostych krokach

By Agnieszka Hajer, Aug 17, 2019

create a timeline infographic

Infografiki osi czasu są jedną z najlepszych metod przedstawiania informacji w czasie. Ich prosta struktura liniowa sprawia, że nawet najbardziej złożone są ukazane w bardziej interesujący, łatwiejszy w odbiorze i lepiej przyswajalny sposób.

ZOBACZ: Jak zrobić infografikę osi czasu

 

Infografiki osi czasu są zazwyczaj używane do przedstawiania informacji historycznych, ale przecież można je śmiało wykorzystywać do wielu innych rzeczy! Mogą być pomocne do pokazywania serii zdarzeń w czasie, w tym:

create a timeline infographic

 

Niezależnie od celu, w jakim chcesz stworzyć infografikę osi czasu, która będzie jednocześnie atrakcyjna i wciągająca, możesz ją wykonać w kilku podstawowych krokach


Jak stworzyć infografikę osi czasu w sześciu krokach:

  1. Utwórz szkicswojej infografiki
  2. Wybierz układ dla swojej infografiki
  3. Utwórz szkielet swojej infografiki
  4. Dodaj daty, tekst i obrazy do swojej infografiki
  5. Ozdób swoją infografikę kolorami, fontami oraz dekoracyjnymi kształtami
  6. Pobierz i udostępnij stworzoną przez siebie infografikę

Zobaczmy, jak każdy z powyższych kroków wpływa na tworzenie infografiki osi czasu. Możesz nawet przejrzeć specjalnie przygotowane szablony infografik osi czasu, by zobaczyć, który Ci najbardziej odpowiada!

1. Utwórz szkic swojej infografiki

Zanim zacznę projektować nową infografikę, lubię przygotować prosty szkic, który przeprowadzi mnie przez cały proces.

Ten krok jest kluczowy, ponieważ projekt infografiki osi czasu będzie w dużej mierze zależny od ilości treści, którą chcesz załączyć. Jeśli nie wiesz, ile treści musisz zmieścić na swojej infografice, może się okazać, że wybierzesz niewłaściwy wzór i w efekcie będziesz musiał wykonać mnóstwo dodatkowej pracy.

Istnieją cztery główne elementy infografiki, które powinny zostać wyszczególnione w szkicu:

  1. Daty
  2. Opisy
  3. Nagłówki (opcjonalnie)
  4. Obrazy (opcjonalnie)

create a timeline infographic

 

Cała idea osi czasu polega na tym, że chcesz dostarczyć porcję informacji o kluczowych wydarzeniach w czasie, więc każde z tych wydarzeń powinno posiadać przynajmniej konkretną datę i krótki opis.

Stawiaj na krótkie opisy

Ponieważ oś czasu powinna być wizualnym podsumowaniem serii wydarzeń, stosuj w niej krótkie opisy. Ja zazwyczaj umieszczam opisy składające się z mniej niż 30 wyrazów, a następnie urozmaicam je elementami wizualnymi, takimi jak ikony czy ilustracje, by sprawić, że tekst staje się wizualnie ciekawszy.

Pamiętaj również, że podobna ilość tekstu opisującego każde wydarzenie ułatwi stworzenie przyjemnego w odbiorze, symetrycznego wzoru.

Powiedzmy na przykład, że chcę stworzyć infografikę osi czasu w całości poświęconą historii popularnych platform społecznościowych. Zacznę więc od stworzenia szkicu z trzema z czterech podstawowych elementów: datami, nagłówkami oraz krótkimi opisami.

create a timeline infographic

Znajdź proste efekty wizualne

Następnie, znajdę proste efekty wizualne, takie jak ikona i dodam je do każdego punktu. To właśnie te elementy odróżniają infografikę osi czasu od zwykłej, starej osi czasu. To one przyciągają wzrok czytelnika, zwracają uwagę wizualnie oraz sprawiają, że grafiki analizuje się łatwiej i bez zbędnego zastanowienia.

Jeśli nie masz przygotowanych własnych elementów wizualnych, zawsze możesz znaleźć je w naszym edytorze Venngage. Przejdź do menu po lewej stronie i użyj wyszukiwarki ikon lub zdjęć, aby znaleźć ciekawe efekty, które pasują do Twojego tekstu:

create a timeline infographic

Ten krótki szkic musi zostać ukończony już na pierwszym etapie projektu, abyś później mógł dokonywać mądrych wyborów projektowych.

2. Wybierz układ dla swojej infografiki osi czasu

Po przygotowaniu szkicu nadszedł czas na wybranie wzoru! To moment, w którym możesz zacząć dokonywać kluczowych wyborów opartych właśnie na swoim szkicu.

Istnieją trzy popularne układy infografik osi czasu:

  1. Pionowy
  2. Poziomy
  3. Typu wąż

create a timeline infographic

 

Aby wybrać najlepszy układ dla infografiki, musisz wziąć pod uwagę dwa czynniki:

  1. Liczbę punktów w swoim szkicu
  2. Ilość tekstu dołączoną do każdego punktu (tj. długość opisów)

Niektóre układy lepiej nadają się dla długich opisów, podczas gdy inne zawierają wiele punktów w czasie, jednak z mniejszą ilością tekstu. Przyjrzyjmy się mocnym i słabym stronom każdego typu wzoru osi czasu.

Pionowy układ infografiki osi czasu

Układ pionowy infografiki osi czasu jest zdecydowanie najpopoularniejszy. Występuje w dwóch głównych formach: wyśrodkowanym oraz wyrównanym do lewej.

Wyśrodkowane, pionowe osie czasu

Najbardziej lubię wyśrodkowane, pionowe osie czasu. Na tym ukłądzie, oś czasu biegnie w dół przez środek strony i rozgałęzia się naprzemiennie po obu stronach infografiki:

create a timeline infographic

 

Jej symetria i prostota sprawia, że oś jest przyjemna w odbiorze i niezwykle łatwo się ją czyta. Większość ludzi automatycznie rozpozna, że to oś czasu, nie analizując projektu dłużej niż sekundę.

Oś jest również bardzo elastyczna pod kątem projektowym – występuje tu dużo miejsca na długie opisy, a żeby dodać więcej punktów, możesz po prostu wydłużyć stronę. Ponadto do tego typu układu bardzo łatwo jest dodać elementy wizualne.

Użyj wyśrodkowanego układu pionowego, kiedy chcesz przedstawić wiele punktów składających się zarówno z tekstu, jak i obrazów.

create a timeline infographic

 

Pionowe osie czasu wyrównane do lewej

Kolejnym najpopularniejszym układem infografiki osi czasu jest oś wyrównana do lewej. Zamiast rozgałęzień występujących po każdej stronie osi, sama linia wyrównana jest do lewej, a cała zawartość umieszczona jest po prawej stronie linii.

Tutaj pokazujemy przykład:

create a timeline infographic

 

Pionowy układ wyrównany do lewej jest doskonałym rozwiązaniem, gdy chcesz przedstawić oś z dużą ilością tekstu, kilkoma elementami wizualnymi i wieloma sekcjami.

Polecam układ pionowy – wyśrodkowany lub wyrównany do lewej – w przypadku większości infografik osi czasu ze względu na jego elastyczność. Najłatwiej się go tworzy, edytuje i dostosowuje do wszelkiego rodzaju treści.

create a timeline infographic

 

Poziome układy infografik osi czasu

Poziomy układ osi czasu widziałeś najprawdopodobniej na każdej prezentacji stworzonej w ostatniej dekadzie. Wydaje się, że wszędzie stanowią podstawę slajdów prezentacji (jak na projekcie poniżej):

create a timeline infographic

 

Choć poziome osie sprawdzają się świetnie na slajdach, nie są idealne przy większości infografik, ponieważ mogą zawrzeć maksymalnie od sześciu do siedmiu punktów w czasie (na stronie wielkości A4). Przy większej liczbie punktów stają się zbyt ściśnięte, aby móc je przeczytać.

Układu poziomego używaj, gdy chcesz przedstawić mniej niż siedem punktów i Twoje opisy są bardzo krótkie.

create a timeline infographic

 

W przeciwnym razie, wybierz układ pionowy lub zawijany jak wąż.

Układ infografiki osi czasu typu wąż

Ostatnim układem jakiego możesz użyć przy projektowaniu swojej osi czasu jest tzw. układ typu wąż. Najprościej mówiąc, ten wzór “zawija się” na stronie i wygląda właśnie jak wąż.

Tego typu układ najlepiej użyć w osi czasu z dużą liczbą punktów, ale małą ilością tekstu, jak poniżej:

create a timeline infographic

Źródło

Układy typu wąż są najbardziej wydajne pod względem miejsca i przestrzeni, co jest pomocne, gdy musisz przedstawić więcej niż 10 punktów. Jednak warto je stosować wyłącznie z bardzo małą ilością tekstu, więc korzystaj z nich, gdy chcesz skupić się na elementach wizualnych:

create a timeline infographic

 

Poniżej znajdziesz podsumowanie całej wiedzy, dzięki której wybierzesz najlepszy układ dla swojej infografiki osi czasu:

  • Wyśrodkowane, pionowe układy najlepiej nadają się do osi czasu, przedstawiających podobną ilość tekstu i elementów graficznych
  • Układy wyrównane do lewej warto wykorzystać przy osiach czasu z dużą ilością tekstu
  • Układy poziome są odpowiednie dla osi zawierających mniej niż siedem punktów i bardzo krótkie opisy
  • Układy typu wąż będą najlepszym wyborem dla osi czasu z więcej niż 10 punktami, wieloma obrazkami i bardzo małą ilością tekstu

Nasz post na temat tego, jak przekształcać treści w infografikę, również może pomóc Ci w wyborze najlepszego układu.

3. Utwórz szkielet swojej infografiki

Po wybraniu układu nadszedł czas na stworzenie prawdziwej osi czasu! Przeprowadzę Cię przez proces tworzenia poniższego szablonu od podstaw wykorzystując Venngage. Jest to dość typowa, wyśrodkowana oś czasu, więc kroki, które tu zaprezentuję, powinny mieć zastosowanie w większości infografik osi czasu.

create a timeline infographic

 

Każda oś czasu powinna być tworzona wokół tego samego, podstawowego szkieletu: pojedynczej linii z regularnie odprowadzonymi rozgałęzieniami lub węzłami. Może to wydawać się oczywiste, ale jest absolutnie niezbędne.

Zacznij od wybrania pionowej linii z kategorii “Linie i Obramowania” z biblioteki ikon na lewym pasku narzędzi. Wyśrodkuj ją i dostosuj tak, by wyznaczyć długość strony, zostawiając u góry miejsce na tytuł. Będzie to stanowić trzon Twojej osi czasu.

Następnie wybierz styl tej linii w górnym pasku narzędzi. Użyj rozwijalnej szerokości linii, aby wyznaczyć szerokość głównej linii na co najmniej 2 px. Dla naszej linii zastosowaliśmy szerokość 4 px.

W kolejnym kroku, użyj rozwijanych menu “Zakończenie Linii 1” oraz “Zakończenie Linii 2”, aby dodać zdobienia na każdym końcu linii. My wybraliśmy koła, ale prostopadłe linie i strzałki również będa pasowały do większości osi czasu.

Nie zapomnij o zablokowaniu osi czasu za pomocą przycisku “Zablokuj” na górnym pasku narzędzi, dzięki czemu pozostanie ona na swoim miejscu we wzorze. Ten prosty krok uchroni Cię przed przypadkowym przesunięciem linii podczas dodawania innych elementów.

create a timeline infographic

Na koniec wróć do kategorii “Linie i Obramowania” w bibliotece ikon i dodaj poziomą linię dla każdego punktu z Twojego szkicu. Użyj siatki, aby rozmieścić je regularnie bo bokach głównej osi czasu.

Oto dodatkowa wskazówka, która ułatwi Ci proces projektowania osi czasu: włącz narzędzie “Siatka” na górnym pasku narzędzi. Przyda się, gdy będziesz wyrównywać wiele obiektów na stronie.

create a timeline infographic

4. Dodaj daty, tekst i obrazki do swojej infografiki osi czasu

Teraz, gdy skonfigurowałeś już swój podstawowy szkielet osi czasu, możesz przejść do wprowadzania szczegółów. Czas na dodanie treści.

Zacznij od obrazów, ponieważ powinny być one centralnym punktem infografiki. Przeciągnij ikony lub zdjęcia z naszych bibliotek i wyrównaj każdy obraz do przypisanej mu gałęzi na osi czasu.

Następnie dodaj tekst, który zawarłeś w swoim szkicu. Wybierz nagłówek, podtytuł oraz pola tekstowe z menu po lewej stronie paska narzędzi i umieść je w projekcie obok każdego rozgałęzienia. Wypełnij pola tekstowe datami, dodaj tekst nagłówka w polach tekstowych podtytułu oraz opisy w polach tekstowych treści.

create a timeline infographic

5. Ozdób swoją infografikę osi czasu kolorami, fontami i dekoracyjnymi kształtami

Wszystkie najważniejsze elementy są już na swoim miejscu, więc możesz skupić się na uatrakcyjnianiu wyglądu swojej osi czasu.

Zacznij od wybrania kolorów, aby urozmaicić swój projekt. Użyj próbnika kolorów tła dostępnego na lewym pasku narzędzi, aby zmienić kolor tła oraz próbnika kolorów na górnym pasku, aby zmienić kolor innych elementów.

create a timeline infographic

Zwróć uwagę na sposób, w jaki użyliśmy tych samych kolorów dla tych samych elementów na całej osi czasu. Dzięki zastosowaniu prostego, trójbarwnego schematu kolorów dla tej osi czasu, stworzyliśmy czysty, spójny wygląd. Użyliśmy przyciągającej wzrok czerwieni, aby zwrócić uwagę na daty, a jednocześnie wybraliśmy neutralne tło w ciemnoniebieskim kolorze.

Ożywmy styl naszej grafiki wybierając kilka fontów z charakterem. Przewiń fonty na górnym pasku narzędzi i znajdź 2-3 fonty, które Ci się podobają. Użyj pogrubionych, stylizowanych fontów w nagłówkach i datach, ale w opisach zastosuj podstawowe, łatwe do odczytania fonty.

create a timeline infographic

Na koniec dodaj kilka podstawowych kształtów, takich jak koła i ramki wokół ważnych elementów (ikony czy tytuły), aby nadać swojej infografice zwartą strukturę.

create a timeline infographic

Umieszczając te same, okrągłe ramki w całym projekcie, stworzyliśmy zadowalający efekt rytmu, który sprawia, że nasz wzór jest łatwiejszy do zrozumienia. Tę technikę warto zastosować przy prostych projektach, jak poniżej:

create a timeline infographic

 

6. Pobierz i udostępnij swoją infografikę osi czasu

Po zakończeniu konfigurowania swojej infografiki za pomocą fontów, kolorów i kształtów, na pewno chcesz ją pokazać innym.

Dzięki Venngage masz możliwość pobrania każdej infografiki w formacie PNG lub PDF. Jeśli chcesz umieścić linki na swojej osi czasu, upewnij się, aby wybrać interaktywną opcję PDF. W przeciwnym razie, najlepszym wyborem będzie prawdopodobnie wysokiej jakości PNG.

Możesz również osadzić swoją infografikę bezpośrednio na stronie internetowej. Po prostu naciśnij “Publikuj”, a uzyskasz kod, dzięki któremu umieścisz ją na stronie.

Poznaj inne infografiki.

create a timeline infographic

Podsumowanie

Infografiki osi czasu doskonale nadają się do wizualnego opowiadania historii, które zainteresują Twoich czytelników i którymi będą się dzielić z przyjaciółmi. W dadatku możesz je stworzyć w sześciu prostych krokach. Na co więc czekasz?

 

Więcej przewodników projektowania infografik:

Jak zrobić Infografikę w pięciu krokach

Jak dobrać fonty do swojej Infografiki (aby jej nie zepsuć)

Jak dobrać kolory, aby zainteresować czytelników i skutecznie się komunikować

Sześć sposobów na używanie ikon infografik jak profesjonalista



Jak stworzyć infografikę osi czasu w sześciu prostych krokach
Rate this post