projektowanie infografik

chcesz zostać ekspertem w projektowaniu infografik? Jesteś we właściwym miejscu.

oto 13 podstawowych wskazówek dotyczących projektowania infografik (Kliknij, aby przejść do przodu):

  1. Planowanie projektu infografiki
  2. napisz atrakcyjny tytuł
  3. użyj projektu siatki lub szkieletu dla swojego projektu infografiki
  4. użyj odpowiedniego układu infografiki dla swoich danych (przewiń w dół, aby zobaczyć przewodnik wideo)
  5. śledź najlepsze praktyki wizualizacji danych
  6. Włącz różne elementy projektu infografiki
  7. użyj fotografii w swoim projekcie infografiki
  8. użyj kontrastu w swoim projekcie infografiki
  9. stwórz symetryczną i asymetryczną równowagę
  10. efektywnie używaj kolorów
  11. upewnij się, że w infografice jest spójność projektowanie
  12. Zostaw dużo negatywnej przestrzeni w swoim projektowaniu infografik
  13. praktyka, praktyka, praktyka

ludzie szaleją na punkcie infografik od czasu boomu projektowania infografik w 2012 roku. Nie, naprawdę, to było coś. W latach 2010-2012 liczba wyszukiwań infografik wzrosła o aż 80%.

od tego czasu infografiki i projektowanie infografik stały się standardem wizualnym wykorzystywanym w treści w niszach.

To dlatego, że infografiki mogą przekazywać informacje w skondensowany i wysoce wizualny sposób—gdy są dobrze zaprojektowane. Oto jeden z przykładów:

projekt infografiki



użyj tego szablonu infografiki

problem polega na tym, że na każdą dobrze wykonaną infografikę opublikowaną w Internecie znajduje się garstka słabo wyprodukowanych projektów infografik.

źle zaprojektowane infografiki mogą przekrzywiać i zaciemniać informacje, a nie ułatwiać ich zrozumienie.

stworzenie pięknego i skutecznego projektu infograficznego nie jest trudne, wystarczy podstawowe zrozumienie najlepszych praktyk projektowania infograficznego.

oczywiście pomaga, jeśli używasz szablonu infografiki, aby dać ci przewagę, jak ten:

projekt infografiki


użyj tego szablonu infografiki


użyj tego szablonu infografiki

dla twojej wiadomości, niektóre z naszych szablonów infografik są bezpłatne, a niektóre wymagają niewielkiej miesięcznej opłaty. Rejestracja jest zawsze bezpłatna, podobnie jak dostęp do internetowego edytora przeciągania i upuszczania Venngage.

To jest Twój crash course do efektywnego projektowania infografiki. Zaczynajmy.

podobne: 7 wskazówek, jak zrobić dobrą infografikę

Zaplanuj swój projekt infografiki

Nasz film o tym, jak zaplanować i stworzyć idealną infografikę, to świetny podkład dla tych, którzy dopiero zaczynają projektować infografiki:

Czytaj Dalej, aby uzyskać więcej wskazówek…

Znajdź historię

w każdym zestawie danych jest historia. Zanim zaczniesz projektować infografikę, pomyśl o historii, którą próbujesz opowiedzieć. Kąt, który wybierzesz, pomoże Ci określić, które informacje należy uwzględnić.

na przykład ten projekt infografiki opowiada historię ukończenia projektu Od początku do końca:

projekt infografiki



użyj tego szablonu infografiki

ponieważ infografiki pozwalają na ograniczoną przestrzeń dla treści, cel infografiki powinien być skoncentrowany. Dlatego układ infografiki powinien nie tylko odzwierciedlać temat Twoich informacji, ale także poprawiać ich komunikację.

na przykład poniższy szablon infografiki wykorzystuje ponumerowane pola i strzałki, aby utrzymać wzrok czytelnika w dobrym kierunku:

infographic design


USE THIS INFOGRAPHIC TEMPLATE

This process infographic uses a line to connect its steps:

infographic design


USE THIS INFOGRAPHIC TEMPLATE

Read our blog post on process infographic templates and design tips for more info.

Create an infographic outline

Before diving into your design, create an infographic outline. W konturze Dołącz nagłówki, Dane i wszelkie szczegóły projektu, których nie chcesz zapomnieć.

powrót do spisu treści

2. Napisz atrakcyjny tytuł

wymyśl tytuł, który jest chwytliwy i opisowy. Czytelnicy powinni zorientować się, jakie będą informacje, zaangażować ich i sprawić, że będą chcieli czytać dalej.

ten tytuł tej infografiki ma dwa numery, których Guru copywritingu Brian Dean zaleca użycie, aby Twoje nagłówki były bardziej atrakcyjne i konkretne:

projekt infografiki



użyj tego szablonu infografiki

Ten projekt infografiki wykorzystuje duży, pogrubiony nagłówek i konkretny nagłówek, który mówi czytelnikom dokładnie, jakie informacje otrzymają:

projekt infografiki



użyj tego szablonu infografiki

powrót do spisu treści

użyj projektu siatki lub szkieletu do swojego projektu infografiki

siatki i szkielety są podstawą strukturalną dla każdego projektu. Projektowanie na siatce pozwala na łatwe porządkowanie elementów i informacji. Projekty siatek odgrywają również istotną rolę w utrzymaniu wyrównania obiektów i elementów.

na przykład podczas wyrównywania elementów można odwoływać się do tej samej pionowej linii siatki, a następnie odpowiednio spaść na każdy element listy.

poniższy przykład pokazuje, jak palety kolorów są wyrównane na siatce projektu graficznego. Edytor Venngage ma również możliwość korzystania z „inteligentnych przewodników”, które pomagają automatycznie wyrównać elementy bez użycia narzędzia do projektowania siatki:projekt infografiki

oto oryginalny szablon, przed dostosowaniem:

projekt infografiki


użyj tego szablonu infografiki

aby uzyskać projekt infografiki, użyj systemu projektowania siatki do tworzenia marginesów. Dobrą praktyką jest utrzymywanie wystarczającej przestrzeni między elementami a krawędzią płótna, aby uniknąć wizualnego napięcia.

projekt infografiki może potencjalnie mieć dowolny rozmiar marginesu, który chcesz, ale ważne jest, aby zachować spójność marginesu wzdłuż krawędzi obszaru roboczego.

dobrą zasadą jest trzymanie wszystkich obiektów i elementów co najmniej 20px (jeden kwadrat na siatce) z dala od krawędzi płótna.

wróć do spisu treści

użyj odpowiedniego układu infografiki dla swoich danych

Wybierz najlepszy układ infografiki dla swoich danych. Istnieją setki możliwych szablonów infografik do wyboru.

Ten krótki przewodnik wideo pomoże Ci wybrać najlepszy typ układu infograficznego dla Twoich danych:

na przykład możesz użyć układu jednokolumnowego dla minimalnej infografiki lub utworzyć infografikę listy, wypluwając układ w dwie kolumny, jak w poniższych przykładach:

układ projektu infografiki

oto przykład dwukolumnowego projektu infografiki:

projekt infografiki



użyj tego szablonu infografiki

możesz przeczytać bardziej szczegółowy artykuł na temat wyboru odpowiedniego szablonu infografiki dla swoich danych w naszym poście na blogu na temat tworzenia infografiki w 5 krokach.

powrót do spisu treści

5. Postępuj zgodnie z najlepszymi praktykami wizualizacji danych

Pro wskazówka: zawsze planuj infografikę piórem i papierem. W ten sposób możesz pracować nad koncepcjami i projektami z grubsza przed sfinalizowaniem kopii cyfrowej.

wybierz najlepsze typy wykresów dla swoich danych

typ danych, które próbujesz przekazać, określi, który typ wykresu jest najlepszy dla Twoich danych. Aby zdecydować, jaki rodzaj wykresu najlepiej przekazać dane, musisz najpierw określić, jakiego rodzaju dane chcesz przedstawić: jedną ważną liczbę? Porównanie punktów danych? Trend w czasie? Odstający?

typy wykresów najczęściej używane w infografikach to Wykres kołowy, wykresy słupkowe, wykresy kolumnowe i wykresy liniowe. Na przykład wykres kolumnowy jest jednym z najprostszych sposobów porównywania danych.

Wykres projektu infografiki

i aby przekazać trend w czasie, najczęściej używanym typem wykresu jest wykres liniowy.

wykres liniowy projekt infografiki

ale jeśli myślisz o bardziej nietypowym wykresie, który skutecznie przekazywałby dane, nie bój się bardziej kreatywnie. Na przykład można zidentyfikować i pokazać trendy, takie jak sprzedaż w czasie, korelacje, takie jak sprzedaż w porównaniu temperatury lub wartości odstające, takie jak sprzedaż w nietypowym obszarze.

projekt infografiki bubbles

dobrą zasadą jest to, że Twoje wykresy powinny być wystarczająco łatwe do odczytania, że zrozumienie ich zajmuje tylko dziesięć sekund lub mniej. Możesz przeczytać bardziej szczegółowy artykuł na temat wyboru odpowiedniego typu wykresu tutaj.
Powrót do spisu treści

6. Dołącz różne elementy projektu infografiki

Typografia

Typografia jest bardzo ważnym elementem projektowania infografiki i jedynym sposobem na wyjaśnienie swoich pomysłów i informacji, gdy obrazy, wykresy lub ikony nie mogą. Dlatego ważne jest, aby wybrać najlepsze czcionki dla swoich danych.

To powiedziawszy, spróbuj ograniczyć ilość tekstu, który umieścisz na infografice. Najlepsze infografiki mają wpływ wizualny, a tekst działa jako drugorzędne wyjaśnienie treści wizualnych.

Ten projekt infografiki opiera się na ikonach, datach i nagłówkach, z minimalnym tekstem objaśniającym:

projekt infografiki


użyj tego szablonu infografiki

przede wszystkim upewnij się, że Twój typ jest czytelny. W większości przypadków unikaj dekoracyjnego lub skryptowego typu, ponieważ wydaje się być trudny do odczytania.

jeśli musisz użyć małego tekstu lub eleganckiej czcionki, używaj go oszczędnie (jak w poniższym przykładzie). Zawsze pomaga zwiększyć wysokość linii ciał małego tekstu, jeśli zaczyna być trudny do odczytania.
typografia projekt infografiki źródło.

aby zachować spójność projektów infograficznych, ogranicz użycie czcionek do maksymalnie trzech typów, ale nie trzymaj się tylko jednego. Gustowne użycie dwóch czcionek marki może stworzyć ładną dynamikę i hierarchię informacji.

ten projekt infografiki wykorzystuje jedną czcionkę dla nagłówków i jedną dla kopii treści:

projekt infografiki



użyj tego szablonu infografiki

alternatywnie, numer lub statystyka w jeden typ czcionki następny podtekst w innym tworzy hierarchię informacji:

typographt Infographic design 2

powrót do spisu treści

7. Użyj fotografii w swoim projekcie infograficznym

korzystanie z fotografii może być trudne, jeśli nie ma fotografa dostępnego do robienia zdjęć dokładnie tego, czego potrzebujesz.

istnieją sposoby , aby obejść nie mając fotografa na wynajem poprzez włączenie zdjęć stockowych, które są royalty free z miejsc takich jak, Unsplash lub Pikwizard. Jedynym ryzykiem jest to, że korzystanie z obrazów stockowych może wyglądać nie kreatywnie i, szczerze mówiąc, tandetnie. Dlatego musisz zachować ostrożność przy podejmowaniu decyzji, których obrazów użyć.

upewnij się, że używane zdjęcia mają spójny styl i oświetlenie. Spróbuj wybrać zdjęcia z tymi samymi efektami świetlnymi, tymi samymi tłami, taką samą ilością ciemnych obszarów itp. Ważne jest, aby trzymać się określonego stylu, ponieważ obrazy, które wyraźnie nie pasują do zestawu, odwrócą uwagę od przekazywanych informacji.

Jeśli szukasz prostego nowoczesnego wykorzystania fotografii, używaj tylko obrazów z płaskim kolorowym (lub białym) tłem. Jeśli wybierasz neutralne podejście do gazety, używaj tylko czarno-białych obrazów.

racism-in-sports infographic design

źródło.

zdjęcia, które zajmują większość miejsca w infografice, co może odwrócić uwagę od informacji. Ten problem można rozwiązać za pomocą kadrowania, takiego jak ramki kół.

projekt infografiki


użyj tego szablonu infografiki

powrót do spisu treści

użyj kontrastu w swoim projekcie infografiki

kontrast tworzy efekt wizualny poprzez umieszczenie dwa uderzająco różne elementy obok siebie. Jeśli infografika ma jasne tło z odważnymi kolorowymi kształtami, nasze oczy natychmiast przyciągają odważne kolory. Pozwala to organizować informacje, mając pewien element bardziej widoczny niż inny.

kontrast za pomocą kolorów

wybór koloru może mieć duży wpływ na projekt infografiki.

spróbuj sparować kolory uzupełniające, aby twój nagłówek pop. Jedną z moich ulubionych kombinacji jest ciemniejszy niebieski z jaśniejszym kolorem, takim jak pomarańczowy, który wyróżnia Twój nagłówek.

projektowanie infografiki

kontrast za pomocą rozmiarów typografii

nagłówek jest zwykle największym tekstem na infografice, po którym następuje nagłówek, a następnie Kopia treści. Nagłówek powinien mieć zawsze największy rozmiar punktu, aby widz od razu znał temat infografiki.

projekt infografiki



użyj tego szablonu infografiki

kontrastujące wizualizacje

użyj przyciemnionego obrazu kontrastującego z overtopem wykresu, aby dodać kontekst.

projekt infografiki

źródło.

powrót do spisu treści

9. Stwórz symetryczną i asymetryczną równowagę

infografika z równowagą wizualną jest przyjemna dla oczu, ponieważ wszystko bezproblemowo do siebie pasuje. Zrównoważona infografika utrzymuje spójność całej kompozycji, zwłaszcza w długiej formie infografiki.

Jeśli na górze infografiki znajdują się ciężkie wizualizacje, powinieneś zachować przepływ na samym dole. Istnieją dwa rodzaje równowagi: symetryczna i asymetryczna.

równowaga symetryczna jest wtedy, gdy każda strona kompozycji ma taką samą wagę. Ten układ jest skuteczny w infografice porównawczej, takiej jak ta:

symetryczny projekt infografiki


użyj tego szablonu infografiki

równowaga Asymetryczna jest bardziej naturalna i mniej jednolita niż kompozycja symetryczna. Tworzy bardziej złożone relacje między obiektami. Może to uczynić infografikę bardziej dynamiczną, ponieważ kompozycja nie jest nadmiernie powtarzana.

na przykład, jeśli tworzysz infografiki na osi czasu, alternatywny tekst między obiema stronami osi czasu, aby uzyskać zrównoważoną kompozycję.

projekt infografiki google graph



użyj tego szablonu infografiki

Sprawdź te kreatywne szablony osi czasu.

powrót do spisu treści

10. Użyj kolor skutecznie

zdecyduj się na schemat kolorów przed utworzeniem infografiki. Dobrą zasadą jest zaprojektowanie infografiki z dwoma lub trzema głównymi kolorami i użycie drobnych akcentów kolorystycznych.

wybierając schemat kolorów, zdecyduj się na ton swojej infografiki. Czy to infografika biznesowa? Jeśli tak, spróbuj użyć neutralnych kolorów, takich jak niebieski lub zielony, lub oczywiście kolorów marki, zwłaszcza jeśli uwzględniasz swoje logo.

dla Zabawy, oko popping infografiki, użyj jaśniejszych odcieni, ale uważaj, aby nie używać dużych ilości ciemnych lub neonowych kolorów, ponieważ mogą one być napięte do oczu, gdy oglądane w Internecie.

kolor może być również używany jako narzędzie przekrojowe. Dodaj Bloki Kolorów do sekcji infografiki, dając oko trochę przestrzeni, gdy widzowie przewijają się w dół.

niebieski projekt graficzny infografiki

źródło.

oto kilka przydatnych narzędzi w internecie, które pomogą Ci wybrać paletę kolorów:

Adobe Color CC

LOLColors

COLOURlovers
Powrót do spisu treści

upewnij się, że projekt infografiki jest spójny

aby projekt infografiki przebiegał od początku do końca, elementy projektu muszą być spójne. Jeśli używasz ikon, które są wypełnione, a nie ikon kompozycji liniowej, Zachowaj ten sam styl w całej infografice.

projekt infografiki



użyj tego szablonu infografiki

to samo dotyczy stylu używanych obrazów, stylu czcionki i palety kolorów. Zapobiegnie to bałaganowi infografiki i ułatwi jej czytanie.

nie wiesz jak poprawnie używać ikon w infografice? Nasz film nauczy cię w mniej niż 3 minuty:

powrót do spisu treści

12. Pozostaw dużo negatywnej przestrzeni w swoim projekcie infograficznym

negatywna przestrzeń to pusta przestrzeń otaczająca obiekty w projekcie.

pusta przestrzeń, w której ludzie mogą pisać nazwiska

negatywna przestrzeń ma duży wpływ na twój projekt. Jeśli twój projekt infografiki jest zbyt zatłoczony, może przytłoczyć czytelników i utrudnić odczytanie informacji.

tworzenie przestrzeni wokół elementów w projekcie pozwala czytelnikom na przetwarzanie informacji. Pro tip: jeśli używasz rozmiaru 16pt, wysokość linii nie powinna być mniejsza niż 1,2.

projekt infografiki



użyj tego szablonu infografiki

pozostawienie negatywnej przestrzeni może być tak proste, jak upewnienie się, że jest wystarczająco dużo miejsca między wierszami tekstu. Wystarczy spojrzeć na różnicę, że trochę miejsca sprawia, że w poniższym przykładzie:

projektowanie infografik przestrzeni negatywowej
Powrót do spisu treści

praktyka, praktyka, praktyka

to zabrzmi banalnie, ale jeśli chodzi o projektowanie infografik, prawdopodobnie zajmie ci to kilka kroków, aby go opanować. Musisz dowiedzieć się, co działa w projekcie, a co nie.

na szczęście ten proces uczenia się jest znacznie łatwiejszy dzięki szablonom infografiki i przewodnikowi. I z pewnością istnieje wiele przykładów, z których możesz czerpać inspirację.

w razie wątpliwości poproś kogoś innego, aby przejrzał Twój projekt przed opublikowaniem go-będzie w stanie powiedzieć Ci, czy są jakieś informacje, które są niejasne, lub czy istnieje jakikolwiek sposób, aby twój projekt był jeszcze lepszy.

Stwórz swoją najlepszą infografikę już teraz

wróć do spisu treści

przeczytaj nasz przewodnik tworzenia infografik krok po kroku:

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *