Jeśli chcesz zrobić infografikę, która angażuje, podsumowuje i informuje, trafiłeś we właściwe miejsce.

z perspektywy kogoś, kto nie jest projektantem, stworzenie infografiki, która jest zarówno piękna, jak i skuteczna, może wydawać się zadaniem niemożliwym…ale to dalekie od prawdy. Postępuj zgodnie z naszym przyjaznym dla początkujących przewodnikiem po projektowaniu infografiki poniżej, aby dowiedzieć się, jak stworzyć własny.

jak zrobić infografikę:

1. Określ swoje cele tworzenia infografiki
2. zbieraj dane do swojej infografiki
3. twórz wizualizacje danych do swojej infografiki
4. Stwórz swój układ za pomocą szablonu infografiki
5. Dodaj styl do swojego projektu infografiki, aby go wyróżnić

twórz tę infografikę

pokażemy Ci również szablony infografik venngage, abyś mógł szybko zacząć.

Oto wideo podsumowanie kroków w tym przewodniku:

Utwórz infografikę

zagłębimy się w każdy krok bardziej szczegółowo.

zarysuj swoje cele tworzenia infografiki

infografika to pomoc w komunikacji wizualnej, za pomocą której możesz:

zapewnić szybki przegląd tematu

niezależnie od tego, czy przedstawiasz nową, trudną do zrozumienia koncepcję, opisujesz kroki w planie projektu, czy wprowadzasz nową Politykę, podsumowanie informacji za pomocą infografiki może wyjaśnić zamieszanie. Twoi koledzy będą zawsze wdzięczni:

utwórz tę infografikę

wyjaśnij i uprość złożony proces

nowe procesy mogą powodować wiele zamieszania. Jeśli jest to złożony proces, który może być trudny do ogarnięcia, spróbuj utworzyć infografikę procesu, której odbiorcy lub klienci mogą użyć jako odniesienia:

CREATE THIS INFOGRAPHIC

Process infographics can be helpful for demystifying abstract processes like a customer journey:

utwórz tę infografikę

utwórz tę infografikę

wyświetl wyniki badań lub dane z ankiet

infografiki to idealny sposób na udostępnianie danych z ankiet, ponieważ pozwalają opowiedzieć historię za pomocą danych. Jest to szczególnie przydatne, jeśli udostępniasz dane z ankiety w mediach społecznościowych, w poście na blogu lub białej księdze. Infografiki stwarzają potencjał, aby uzyskać wiele oczu na dane z ankiety. Weźmy tę infografikę o statystykach content marketingowych, na przykład:

utwórz tę infografikę

Podsumuj długi post lub raport na blogu

gdy masz długi post lub raport na blogu, pomocne może być podsumowanie kluczowych punktów w infografice. Ułatwia to czytelnikom skanowanie w poszukiwaniu najważniejszych informacji.

zamiast odpowiadać na te same pytania po wysłaniu raportu lub pomijać ważne szczegóły–podsumowany raport wizualny pomaga wyeliminować te problemy:

utwórz tę infografikę

oto kolejny przykład infografiki, której możesz użyć do podsumuj informacje, które Wiele osób może znaleźć suche i nudne:

utwórz tę infografikę

Porównaj i porównaj wiele opcji

Kiedy przedstawisz dwie dobre opcje, jak podjąć decyzję? Zapisz plusy i minusy każdego z nich. Infografika porównawcza to wizualny sposób porównywania produktów, planów, argumentów i pomysłów:

utwórz tę infografikę

zwiększ świadomość problemu lub przyczyny

Korzystanie z kanałów społecznościowych do budowania świadomości jest ważne dla wielu organizacji. Infografiki mają moc, aby pomóc ci opowiedzieć historię za pomocą danych – aby umieścić twarz w liczbach.

utwórz tę infografikę

zanim zaczniesz myśleć o projekcie układu, wykresach lub estetyce, musisz dobrze przemyśleć cele swojej infografiki. Dlaczego robisz tę infografikę?

Kiedy mówię cele, nie mam na myśli celów wysokiego poziomu, takich jak „podsumowanie złożonych informacji” lub „poprawa ruchu na stronie”.

mam na myśli jasne, konkretne, osiągalne cele komunikacyjne.

Zdefiniuj problem z nagrywaniem

Rozpoznaj, że tworzysz tę infografikę, aby Twoi odbiorcy mogli uzyskać coś bardzo konkretnego z jej przeczytania. Ta bardzo konkretna rzecz powinna być palącym problemem, który Twoi odbiorcy mają w swoim życiu i który twoja infografika rozwiąże.

użyj piramidy pytań

stamtąd użyj piramidy pytań, aby wziąć ten problem spalania i przekształcić go w 3-5 pytań do rozwiązania w infografice:

Utwórz wykres

te pytania staną się ramą, wokół której zbudujesz infografikę i pomogą Ci opowiedzieć fascynującą historię.

pytania pomocnicze powinny ujawnić podstawowe informacje, które Twoi odbiorcy będą musieli znać, aby zrozumieć główny temat, oraz pytania sondujące, które ujawnią szersze spostrzeżenia, które ostatecznie powinny rozwiązać palący problem.

przeanalizujmy przykład. Ta infografika przedstawia etapy procesu projektowania produktu:

Utwórz infografikę procesu

problem z wypalaniem, który próbują rozwiązać, to „jakie kroki znajdują się w procesie projektowania produktu?”Ich piramida pytań może wyglądać mniej więcej tak:

zdefiniowanie problemu spalania i użycie piramidy pytań do rozbicia go na pytania, które można wykonać, jest pierwszym krokiem do stworzenia skutecznej infografiki. Jeśli przeszedłeś przez ten proces i nadal nie jesteś pewien, jaką historię powinieneś opowiedzieć, przeczytaj więcej o odkrywaniu swojej infografiki.

powrót do spisu treści

Zapisz moje miejsce

Zbierz dane do swojej infografiki

będziesz potrzebujesz danych, które pomogą Ci odpowiedzieć na każde pytanie zdefiniowane w kroku pierwszym.

Jeśli masz własne dane, świetnie-możesz przejść do kroku trzeciego! Jeśli nie, nie martw się. Istnieje mnóstwo publicznych danych dostępnych dla ciebie (tylko USA produkuje około 2,7 miliona GB danych na minutę), jeśli tylko wiesz, gdzie szukać.

przejrzyjmy kilka strategii zdobywania przydatnych danych, bez konieczności prowadzenia własnych badań.

udoskonal wyszukiwanie w Google

Google jest często najlepszym miejscem do rozpoczęcia Wyszukiwania. Kieruj swoje wyszukiwania w Google bardziej efektywnie za pomocą symboli i terminów wyszukiwania specyficznych dla danych:

• Use quotes to search for an exact phrase
  • For example, „product design process steps”
• Use a minus sign to exclude terms from your search
  • For example, product design -jobs
• Append ‘data’ to your search phrase
  • For example, product design data
• Append a data-specific file format (e.g. xls, csv, tsv) na wyszukiwaną frazę
  • na przykład, product design xls

przeszukuj istniejące repozytoria danych

podczas gdy wyszukiwanie w Google jest szybkie i łatwe, często pojawią się niechlujne dane, które wymagają pewnego czyszczenia, co może zająć dużo czasu. Przejrzyj te repozytoria danych, aby znaleźć dane, które są gotowe do użycia:

• otwarte dane rządu USA: Dane dotyczące wszystkiego, od rolnictwa, klimatu i ekosystemów po edukację, zdrowie i bezpieczeństwo publiczne
• US Census Data for Social, Economic, and Health Research: US census data from 1790-present
• Statista: Market research
• Kaggle: zestawy danych przesłanych przez użytkownika na wszystko, od batonów czekoladowych po finansowanie startupów
• Pew Research: badania demograficzne, opinia publiczna, treści medialne i inne
• American time use survey: Dane na temat ilości czasu spędzanego przez Amerykanów na wykonywaniu różnych czynności, takich jak spanie, jedzenie i uprawianie sportu.
• Google Trends Datastore: wybrane zbiory danych z Google News Lab
• Google Scholar: przyjazna dla użytkownika wyszukiwarka publikacji naukowych
• dane są w liczbie mnogiej: dobrana lista interesujących, aktualnych zbiorów danych, aktualizowana weekly
• Aggdata: dane lokalizacyjne firmy
• fajne zbiory danych: Samozwańcze „miejsce na znalezienie fajnych zestawów danych”

Jeśli obie te strategie zawiodą, być może będziesz musiał zebrać własne dane. Aby dowiedzieć się więcej, przejrzyj nasze sugestie dotyczące prowadzenia własnych badań i przeczytaj nasz kompleksowy przewodnik po gromadzeniu danych.

wróć do spisu treści

twórz wizualizacje danych dla swojej infografiki

teraz masz pytania, na które chcesz odpowiedzieć i dane, na które musisz odpowiedzieć. Następnym krokiem powinno być podjęcie decyzji, w jaki sposób przedstawić te dane wizualnie.

ten film podsumowuje naszą prostą metodę wybierania najlepszych wykresów do infografiki:

opracowaliśmy metodę ICCORE, aby pomóc Ci wybrać najlepsze wykresy dla Twoich danych. Po pierwsze, dla każdego elementu danych, który chcesz wizualizować, określ, czy głównym celem będzie:

• Inform,
• Compare,
• Change,
• organizuj,
• odkrywaj relacje lub
• odkrywaj.

następnie użyj najlepszych praktyk dla tego celu, aby znaleźć odpowiedni wykres dla swoich danych.

przejrzyjmy po kolei każdy cel:

Informuj

chcesz przekazać ważną wiadomość lub punkt danych, który nie wymaga wiele kontekstu do zrozumienia.

Wyróżnij statystyki numeryczne dużym, pogrubionym, kolorowym tekstem:

Wymagaj dodatkowej uwagi, łącząc ikony z tekstem:

Wyróżnij procent lub stawkę za pomocą pączka wykres lub piktograf:

Porównaj

chcesz pokazać podobieństwa lub różnice między wartościami lub częściami całości. Infografika porównawcza pomoże narysować podobieństwa między wieloma fragmentami danych.

użyj wykresu słupkowego, wykresu kolumnowego, wykresu bąbelkowego lub chmury bąbelkowej, aby porównać niezależne wartości.

użyj wykresu kołowego, wykresu pączka, piktogramu lub mapy drzewa, aby porównać części całości.

użyj ułożonego wykresu słupkowego lub ułożonego wykresu kolumnowego, aby porównać kategorie i części całości.

użyj ułożonego wykresu obszaru, aby porównać trendy w czasie.

Zmień

chcesz pokazać trendy w czasie lub przestrzeni.

użyj wykresu liniowego lub wykresu obszarowego, aby pokazać zmiany, które są ciągłe w czasie.

użyj osi czasu, aby pokazać dyskretne zdarzenia w czasie.

oto przykład infografiki na osi czasu:

Utwórz infografikę na osi czasu

użyj mapy choropleth do wyświetlania danych przestrzennych.

użyj serii map, aby pokazać dane, które zmieniają się zarówno w czasie, jak i przestrzeni.

organizuj

chcesz pokazać grupy, wzory, rangę lub kolejność.

Użyj listy, aby pokazać rangę lub kolejność, gdy chcesz podać dodatkowe informacje o każdym elemencie.

Użyj tabeli, aby pokazać rangę lub kolejność, gdy chcesz, aby czytelnicy mogli wyszukać określone wartości.

użyj schematu blokowego, aby pokazać kolejność w procesie.

użyj prostych ramek lub obramowań, aby pokazać zorganizowane grupy (jak widać na diagramach Venna i Mapach myśli).

oto przykład infografiki mapy myśli:

Utwórz infografikę mapy myśli

w przeciwnym razie Pokaż rangę lub kolejność na wykresie słupkowym, wykresie kolumnowym, wykresie bąbelkowym lub wykresie piramidowym.

związek

chcesz ujawnić bardziej złożone relacje między rzeczami.

użyj wykresu punktowego, gdy chcesz wyświetlić dwie zmienne dla zestawu danych.

użyj wykresu wieloseryjnego, gdy chcesz porównać wiele zestawów powiązanych danych.

Utwórz wykres

Eksploruj

chcesz, aby czytelnik eksplorował Dane i odkrywał własne spostrzeżenia.

nie ma magicznej kuli do eksploracji–styl wizualizacji będzie naprawdę zależał od specyfiki Twoich danych. Interaktywne wykresy, takie jak ten, które umożliwiają filtrowanie, sortowanie i Wiercenie, są często najlepszym wyborem, ale ich opracowanie może być kosztowne i czasochłonne. Jeśli jesteś początkującym wizualizatorem, spróbuj trzymać się innych opcji.

to szybki przegląd naszej metody ICCORE. Teraz powinieneś mieć wszystko, czego potrzebujesz, aby wybrać odpowiednie wykresy dla każdego zestawu danych, które chcesz zwizualizować. Wystarczy pomyśleć o tym, co chcesz podkreślić i odpowiednio wybrać wykres.

aby uzyskać więcej przykładów i najlepszych praktyk na wykresach, zapoznaj się z naszym pełnym przewodnikiem dotyczącym wyboru najlepszych wykresów dla danych.

powrót do spisu treści

Stwórz swój layout za pomocą szablonu infograficznego

wszystko, co pozostało, to układ i projekt.

umieszczenie pierwszego elementu na stronie może być zniechęcające, ale istnieje kilka hacków, które usuną część zgadywania z równania.

Stwórz naturalny przepływ informacji

użyj piramidy pytań opracowanej w pierwszym kroku, aby poprowadzić układ projektu i przepływ informacji.

zacznij od powiedzenia czytelnikowi, co zyskają na Twojej infografice (tj. Zmień problem z nagrywaniem w nagłówek), wykonaj wykresy, które odnoszą się do „pytań pomocniczych”, a następnie przenieś to wszystko do domu z wykresami, które odnoszą się do „pytań sondujących”.

użyj układu siatki, aby dodać strukturę i równowagę do infografiki

układanie elementów za pomocą wstępnie zdefiniowanej symetrycznej siatki to łatwa taktyka, która natychmiast podniesie twoją infografikę.

nada Twoim elementom niezbędny porządek i pamiętając, że naturalnie czytamy od lewej do prawej i od góry do dołu, może być użyty do skierowania spojrzenia czytelnika od elementu do elementu.

użyj wyśrodkowanego, jednokolumnowego układu projektu dla treści z przepływem liniowym:

Źródła: Everlane.com, Ziploc.com

użyj dwukolumnowego układu projektowego do porównywania. Poniżej znajduje się przykład infografiki porównawczej:

Źródła: RemoteRelief, The Guardian, FoodBeast

rozważ użycie układu wielosekcyjnego, gdy kolejność czytania jest mniej ważna:

źródła: Lauren Conrad, Lemonly

niezależnie od tego, jakiego układu użyjesz, rozstawienie elementów w regularnych odstępach czasu stworzy satysfakcjonujące poczucie struktury i równowagi.

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

zrób infografikę z gotowym szablonem infografiki

Jeśli budowanie układu od podstaw jest zbyt trudne, oferujemy gotowe szablony infografik, które możesz spersonalizować, aby pasowały do Twoich danych. Sztuką jest wybrać taki, który dobrze współpracuje z Twoimi treściami.

najlepszym sposobem na to jest na razie zapomnienie o kolorze, stylu i typach wykresów. Najpierw wybierz szablon infografiki oparty na jego strukturze, a następnie baw się jego stylem.

Ten krótki przewodnik wideo pomoże Ci wybrać najlepszy rodzaj infografiki dla Twoich danych:

masz listę lub proces? Znajdź wyśrodkowany, Jednokolumnowy szablon infografiki, aby upewnić się, że każdy krok jest odczytywany w kolejności. Poniżej znajduje się przykład infografiki procesu:

Utwórz ten szablon infografiki

chcesz zestawić dwa wykresy? Znajdź dwukolumnowy szablon infografiki:

CREATE THIS COMPARISON TEMPLATE

Have 3 equally important stats? Find a three-column infographic template:

CREATE THIS TEMPLATE

Have tons of data? Find a minimal infographic template with 4 or 5 sections:

stwórz 5-sekcyjny szablon

wszystko, o czym rozmawialiśmy w poprzedniej sekcji, Dotyczy tutaj. Zastanów się, ile masz elementów i jak powinna płynąć Twoja historia, wybierając szablon infografiki.

gdy masz już szablon infografiki, po prostu zamień swoją treść i ruszaj na wyścigi.

wróć do spisu treści

Dodaj styl do swojego projektu infografiki, aby się wyróżniał

teraz przychodzi zabawna część–manipulowanie elementami projektu, aby dodać trochę stylu i upewnić się, że infografika jest estetyczna i przejrzysta.

Jak wybrać czcionki do infografiki

zacznij od tekstu.

staraj się, aby było to proste. Pomyśl o infografice jako wizualnym podsumowaniu – tekst, który tam jest, powinien być absolutnie niezbędny do zrozumienia głównych pojęć i uzupełnienia wizualizacji. Zmniejsz tekst do krótkich akapitów (co najwyżej)na poziomie 6. stopnia.

po opracowaniu kopii wybierz czytelną czcionkę dla większości tekstu, a następnie zwiększ rozmiar i styl głównego nagłówka, nagłówków sekcji i podświetleń danych, aby od razu widoczna była treść infografiki:

Utwórz ten szablon

chcesz opanować sztukę typografii? Zapoznaj się z pełną informacją o tym, jak wybrać czcionki do infografiki.

Jak używać powtarzania, spójności i wyrównania w infografice

następnie dodaj dodatkowe elementy graficzne, aby nadać kompozycjom rytm i zainteresowanie wizualne.

pamiętasz te siatki, o których rozmawialiśmy wcześniej? Łatwy sposób na połączenie kompozycji to powtarzanie podstawowych kształtów, aby wzmocnić podstawową siatkę:

Utwórz ten szablon

lub użyj podstawowych kształtów, aby podkreślić nagłówki i elementy listy:

zrób ten szablon

lub Dodaj ikony, aby wzmocnić ważne pojęcia w tekście. Zachowaj spójny kolor, styl i rozmiar i połącz wszystko razem z dodatkowymi kształtami tła:

Utwórz ten szablon

cokolwiek zrobisz, upewnij się, że powtarzające się elementy są wyrównane! Nawet niewielkie odchylenia od równowagi spowodują, że wszystko stanie się zrównoważone.:

Utwórz ten szablon

to tylko kilka sposobów na dodanie stylu do naszych infografik. Ważne jest, aby pamiętać, że powtarzające się, wyrównane elementy tworzą wizualny rytm, który może sprawić, że kompozycja będzie bardziej kompletna.

Oto Ściągawka niektórych z najczęstszych symboli i znaczeń, które można znaleźć w projektowaniu graficznym, plus wskazówki, jak ich używać do wizualizacji pomysłów:

Utwórz ten szablon

Jak używać spacji ujemnej w projekcie infografiki

Spacja ujemna (znana również jako biała spacja) odnosi się do obszarów strony, które nie zawierają żadnego tekstu ani obrazów. Każdy projektant powie Ci, że negatywna przestrzeń jest tak samo ważna jak każdy inny element projektu.

w ten sam sposób, w jaki robisz zdjęcie, zostawiasz miejsce po obu stronach tematu, powinieneś zostawić miejsce wokół każdej głównej grupy elementów w infografice.

oznacza to zapewnienie marginesów wokół krawędzi infografiki:

zrób tę infografikę

i odstępy między niepowiązanymi elementami, co ułatwia natychmiastowe dowiedz się, które elementy są zgrupowane razem:

Utwórz ten szablon

Spacja wpływa również na sposób odczytywania kolorów–znacznie łatwiej jest sprawić, aby kolory grały ze sobą ładnie, dodając małe spacje:

znakiem eksperta jest opanowanie przestrzeni negatywnej. Jako amator, Twoje projekty poprawią się, gdy tylko zaczniesz myśleć o negatywnej przestrzeni!

Jak dobrać kolory podczas projektowania infografiki

wreszcie dochodzimy do koloru. Nie bez powodu zostawiłam go do końca. Podczas gdy kolor jest potężnym narzędziem komunikacji, naprawdę świetny projekt infografiki powinien skutecznie komunikować się w czerni i bieli. Pomyśl o kolorze jak o dodatkowym bonusie-sposób, w jaki możesz pomóc czytelnikowi zrozumieć Twoje treści.

Użyj koloru, aby wyróżnić ważne informacje:

Utwórz ten szablon

lub Grupuj powiązane elementy:

zrób ten szablon

nie przeocz neutralnych. Są łatwe w obsłudze, a gdy są używane do kompensowania jasnych kolorów, mogą naprawdę połączyć ze sobą kompozycję:

stwórz to CV

jeśli chodzi o łączenie kolorów, mamy coś dla ciebie. Zebraliśmy wiele schematów kolorów, które będą działać dla wielu infografik.

Uzyskaj więcej schematów kolorów

to wszystko! Jeśli pamiętaj, aby myśleć o czcionkach, powtarzaniu i wyrównywaniu, przestrzeni negatywowej i kolorze, twoja infografika z pewnością się sprawdzi. Sprawdź największe trendy w projektowaniu graficznym 2020, aby uzyskać jeszcze więcej pomysłów.

powrót do spisu treści

przejrzyjmy główne kroki tworzenia infografiki:

1. Określ cele tworzenia infografiki
2. zbieraj dane do swojej infografiki
3. twórz wizualizacje danych do swojej infografiki
4. utwórz swój układ za pomocą szablonu infografiki
5. Dodaj styl do swojej infografiki, aby wyróżnić się

jeśli dotarłeś tak daleko, twoje umiejętności projektowania infografik są o Mile wyprzedzone przez większość nie-projektantów. Powinieneś dobrze zrozumieć, jak zrobić infografikę w 5 krokach i mieć wszystkie narzędzia potrzebne do stworzenia pierwszej infografiki.

zacznij już teraz