Jak zrobić infografikę? Infografiki zbierają złożone dane i informacje i przekładają je na łatwe do zrozumienia wizualizacje. W dzisiejszym dynamicznym świecie projektanci graficzni muszą przekazywać komunikat w prosty i skuteczny sposób.

 

Testowanie tłumu. Jak to zrobić?

Dane tekstowe na dane graficzne. Jak zrobić infografikę?

Jak zrobić infografikę

Po prawej stronie widzimy CV dla grafika, zaprojektowane w tym stylu infografiki. On umiejętnie zamienił Twoje statystyki w stylowe wykresy, co zwiększyło dynamikę suchych statystyk.

Takie wizualizacje dają Tiborowi van den Brinkowi możliwość dodania koloru i estetycznej intrygi, czyli dwóch czynników, które w naturalny sposób wyróżniają się na tle tradycyjnego CV i przyciągają widza.

Tutaj możemy szybko oszacować, że Tibor w 100% biegle włada językiem niderlandzkim i około 88% biegle językiem angielskim, dzięki prostemu wykresowi kołowemu. Stosuje inne sprytne podejścia, takie jak ikony dla swoich zainteresowań i „mierniki”, aby szybko pokazać swój poziom umiejętności w różnych programach i koncepcjach projektowych.

Od razu widzimy, że ma 75% poziomu umiejętności w Photoshopie, Illustratorze i InDesign. Wszystkie jego informacje są przekazywane w prosty i zwięzły (i odświeżający) sposób, który przewyższa długie, przeciągłe zdania na temat jego historii z pakietem Adobe Creative Suite. Jak zrobić infografikę?

Obrazy (i diagramy) są warte tysiąca słów

Infografika kostki Rubika

Jak zrobić kostkę Rubika autorstwa Alvaro Herrero

Wszyscy znają słynne powiedzenie: „Jeden obraz jest wart tysiąca słów”. Ten cytat mówi wiele o sile infografik: ludzie to stworzenia wizualne. Tam, gdzie tekst wymaga czasu i przetwarzania mentalnego, obrazy są często natychmiastowe i intuicyjne.

Powyższy przykład infografiki wykorzystuje serię diagramów wyjaśniających działanie Kostki Rubika. Biorąc pod uwagę złożoność kostek Rubika, będziesz potrzebować przynajmniej tysiąc słów, aby szybko i jasno wyjaśnić, co pokazują te diagramy. Poza tym ta infografika jest kolorowa i interesująca. Jest to bez wątpienia lepsze niż tekstowe wyjaśnienie Kostki Rubika.

Przepływ. Jak zrobić infografikę?

infografiki tworzenia butów

Infografiki butów

Infografiki mają przepływ wizualny. Warto o tym pamiętać projektując infografiki. Podobnie jak w przypadku każdego innego tematu projektu, projektant jest odpowiedzialny za zwrócenie uwagi widzów na projekt.

Infografika po lewej stronie przedstawia proces produkcji obuwia w trzech etapach. Gdybyśmy mieli skrytykować ten egzemplarz, moglibyśmy powiedzieć, że oko zaczyna się od nagłówka u góry i naturalnie kieruje się w stronę dużych butów na dachu.

Ten duży but prowadzi nas następnie do kroku 3 procesu, który znajduje się w bańce powiększenia. Ojej! Mieliśmy nadzieję zacząć od kroku 1...

Chociaż ta infografika jest kolorowa i piękna, wyraźnie występują w niej problemy z płynnością. Jednym ze sposobów rozwiązania tego problemu byłoby umieszczenie trzeciego stopnia na parterze tego budynku, a pierwszego stopnia na piętrze obok dużego buta.

W dalszej krytyce możemy powiedzieć, że grafika niekoniecznie przekazuje wiele danych tekstowych lub w inny sposób. Na przykład na etapie „Produkcja” widzimy dwie postacie siedzące na krzesłach w butach, ale niekoniecznie dostarcza nam to żadnych dodatkowych informacji lub odczuć na temat tego etapu poza słowem „Produkcja”. To samo można powiedzieć o projektach i szkicach. Jak zrobić infografikę?

Daj poczucie danych

przykład infografiki

Infografiki lasu

Dobra infografika przedstawia emocje i zestaw danych. Innymi słowy, wywołują u widza instynktowną reakcję w wyniku natychmiastowego i/lub szybkiego zrozumienia, jakie zapewnia infografika.

Powyższy przykład przedstawia prosty procent własności gruntów, ale nadaje danym złożony charakter, oferując złożoną i realistyczną grafikę. Większość ludzi może nie zdawać sobie sprawy, że własność ziemi w Stanach Zjednoczonych jest podzielona w ten sposób, a widok tego obrazu ziemi wycinanej i ogrodzonej może w naturalny sposób wywołać poczucie niepokoju lub chęć dowiedzenia się więcej na ten temat .

jak rozpoznać infografikę kłamstwa

Infografika „Jak rozpoznać kłamstwo”

Nawigacja za pomocą ikon. Jak zrobić infografikę?

Inny styl infografiki wykorzystuje ikony wraz z tekstem, aby pomóc widzowi poruszać się po danych. Przykład po prawej właśnie to robi, wyjaśniając, jak rozpoznać kłamstwo.

W kroku 1 zamiast wyjaśniać, jak te gesty rąk mogłyby wyglądać na piśmie, zastosowano trzy efektowne obrazki. W końcu te gesty łatwiej jest pokazać na ilustracjach niż na piśmie.

W innej metodzie krok 2 bezpośrednio łączy grafikę z objaśnieniami tekstowymi, używając tekstu jako „podpisu” wskazującego kierunek, w jakim może patrzeć czyjś wzrok, jeśli kłamie. To podejście jest również skuteczne i zapewnia piękny okrągły owinięcie wokół oka.

Krok 4 wykorzystuje grafikę w inny sposób. Aby wizualnie wyrazić „Słuchaj wskaźników głosowych”, używany jest obraz fali dźwiękowej. Jest to mniej skuteczne niż grafika z kroku 1, ponieważ w rzeczywistości nie wyświetla żadnych danych ani informacji. To powiedziawszy, zapewnia wizualną intrygę i spójność z resztą projektu, co może być coś warte i ostatecznie uzasadniać grafikę.

Uatrakcyjnianie danych. Jak zrobić infografikę?

wizualizacja danych Jak zrobić infografiki?

Oprócz funkcjonalności i praktyczności infografiki, ich kolejnym zastosowaniem jest uatrakcyjnienie i piękne dane. W powyższym przykładzie wpływ zmian klimatycznych na wiosenną oś czasu przedstawiono wizualnie na „tarczy słonecznej” za pomocą zestawów dane o ptakach, drzewach i temperaturze.

Choć temat jest niepokojący, grafika jest miękka, niewinna i atrakcyjna. Paleta kolorów jest zabawna i wyrafinowana, a geometryczny kwiat wciąga widza w projekt. Ekscytujący wizualnie charakter tego artykułu prawdopodobnie zainspiruje więcej czytelników do eksploracji danych niż prosty układ tekstu.

Jak zrobić własną infografikę?

W tym samouczku za pomocą programu Photoshop utworzymy infografikę porównującą dane między jazdą na rowerze a podróżą pociągiem z Washington Square Park na Manhattanie do centrum Williamsburg na Brooklynie. Według Google Maps przejazd rowerem pomiędzy tymi dwoma punktami zajmuje 18 minut, a dojazd 30 minut.

 

Na początek możemy wkleić zrzut ekranu z Map Google do naszego pliku Photoshopa i zmniejszyć jego nasycenie. Patrząc na oryginalny przykład koloru i estetyki Tibora van den Brinka, porównywaną trasę można zaznaczyć na żółto.

Ramka karty jest również żółta i została zaprojektowana tak, aby pozostawić miejsce na tekst u góry. Ta treść jest umieszczona na ciemnoszarym tle dla kontrastu i pokryta subtelną teksturą papieru, aby nadać jej wrażenie „mapy”. Jak zrobić infografikę?

Jak zrobić infografikę?

Następnie, mając na uwadze przykład Jak wykryć kłamstwa, możemy dodać kilka ikon, które pomogą kadrować dane. Tutaj użyjemy minimalnej ikony roweru i minimalnej ikony pociągu. Podążając za tym kreatywnym procesem, możemy dodać „ślady” o różnej długości do ikon, które w przybliżeniu odpowiadają względnemu czasowi trwania każdej podróży.

Uzupełniający niebiesko-zielony kolor został starannie dobrany. Pamiętaj, że chcemy, aby te dane były jak najbardziej atrakcyjne!

Na koniec możemy dodać nasz tekst. Nagłówek jest prosty i zwięzły, a minuty są duże i łatwe do odczytania. czcionka. Ta infografika odniosła sukces, ponieważ graficznie tłumaczy wiele danych tekstowych, w tym mapę trasy, porównanie metod transportu i czasy. Jak zrobić infografikę?

Udało mu się także uatrakcyjnić te dane. Projekt jest kolorowy, profesjonalny, czysty i prosty.

wniosek

Infografiki występują w wielu formach. Mogą zawierać ilustracje, diagramy, kolory, łączyć tekst z ikonami, a nawet mieć charakter fotograficzny. Projektantom przydatne jest zrozumienie różnych typów infografik i umiejętność rozróżnienia, kiedy działają, a kiedy nie.

Potraktuj ten artykuł jako wprowadzenie i zobacz, czy uda Ci się rozłożyć następną infografikę, na którą się natkniesz, jako sposób na wzmocnienie własnych umiejętności projektowania infografik!