Narzędzia do tworzenia infografiki


12

Jakie są najlepsze narzędzia do tworzenia infografik - atrakcyjne wyświetlacze, które łączą wykresy, diagramy i tekst w celu zwięzłego przekazania wielu informacji. Interesują mnie zarówno treści do oglądania w Internecie, jak i plakaty do drukowania.

W szczególności pytam:

  • Jakie kombinacje narzędzi są używane (np. Jedno narzędzie do tworzenia wykresów, inne do łączenia wykresów i tekstu w końcową infografikę)?
  • Czy jakieś narzędzia grafiki wektorowej (np. Illustrator) są bardziej lub mniej dostosowane do zadania niż inne?
  • Czy są jakieś narzędzia online przydatne w procesie montażu?

(Jako przykład tego, czym jestem zainteresowany [ale na znacznie mniejszą skalę], http://xkcd.com/980/ )


Na podane już doskonałe odpowiedzi chcę po prostu wrzucić kilka zasobów, które nieco popychają kopertę (tak czy inaczej moją kopertę) na temat tego, co można zrobić z danymi. Możesz nie być w stanie ich użyć w następnym projekcie (lub kiedykolwiek), ale są zabawne i sprawią, że pomyślisz.
Amanda,

Odpowiedzi:


18

Projektowanie infografiki to duża część tego, co robię. Oto przybliżony podział tego, czego używam.

  • Prawdopodobnie 95% pracy nad infografikami, którą wykonuję, odbywa się w programie Illustrator. Będziesz chciał zachować wszystko w formacie wektorowym w jak największym stopniu, ponieważ dokładne skalowanie, wyrównywanie, grupowanie, modyfikowanie i zmiana są bardzo ważne. Jeśli jest to dobra prezentacja dobrych informacji, może zaistnieć potrzeba opracowania różnych wersji: strony internetowej, druku, plakatu, interaktywnych, małych zdjęć do udostępniania w mediach społecznościowych, miniatur ... a może nawet zaktualizowanej wersji z danymi z przyszłego roku. Jeśli wszystko pozostanie elastyczne, później podziękujesz sobie. Kilka konkretnych funkcji programu Illustrator:

    • Jego narzędzia do tworzenia wykresów, które są zardzewiałe i frustrujące, ale dokładne i warte użycia (kilka wskazówek: pamiętaj, aby używać si rskalować i obracać, normalne metody nie działają, a gdy potrzebujesz złamać i rozgrupować wykresy, zawsze trzymaj zgrupowane kopiuj) i obejdź obejścia potrzebne w programie Corel Draw . To powiedziawszy, rozumiem, że Inkscape ma kilka wtyczek i poprawia się pod tym względem, podczas gdy Adobe zaniedbuje swoje szczerze przestarzałe narzędzia graficzne . Tak jak lubię program Illustrator, natychmiast wpadłbym do gry, gdyby rywal miał dobre, nowoczesne i niezawodne narzędzia do tworzenia wykresów. Nie kusz się, aby kopiować, rozgrupowywać i edytować wykresy z Excela - działa, wkleja się je jako wektory, ale gdzieś wzdłuż linii są nieco zniekształcone i tracą dokładność.
    • Jego funkcje do stosowania efektów do precyzyjnie narysowanych kształtów w regulowany sposób, takich jak pędzle artystyczne, pędzle wzornicze i efekty przekształcania. Inne programy wektorowe mają takie funkcje, ale nie w takim samym stopniu. Wszystko, co sprawia, że ​​elementy nadają się do ponownego użycia, można je modyfikować i rekonfigurować, pomaga.
    • Istnieje mnóstwo skryptów, gdy trzeba robić rzeczy w precyzyjny sposób numeryczny. Kiedy musisz zrobić coś niezwykłego i precyzyjnego, często jest na to skrypt. Ponadto paleta Align jest świetna i ma nieoczywiste przydatne sztuczki, takie jak dokładne układanie elementów w stos .
  • Rzadko korzystam z programu InDesign, chyba że grafika ma być częścią dokumentu wielostronicowego (chociaż niektórzy używają go dla całej strony tekstu, umieszczając każdy element z programu Illustrator). Dwa wyjątki, w których go używam:

    • Wszystko zbudowane wokół formatu tabeli (nawet wtedy dobrym pomysłem jest przechowywanie całkowicie graficznych elementów jako plików ilustracyjnych i umieszczanie ich w razie potrzeby - szczególnie w przypadku wszelkich elementów, które można regulować na podstawie danych, takich jak wykresy przebiegu w czasie) - InDesign doskonale nadaje się do umieszczania danych, ale nie może nic zrobić z tym)
    • Jeśli jest bardzo obciążony tekstem, bardziej przypomina układ czasopisma z inną grafiką niż grafikę z fragmentami tekstu
  • Program Photoshop jest czasami bardzo przydatny w czasach, gdy użycie grafiki rastrowej jest nieuniknione, a Fireworks może być przydatny do przygotowywania skomplikowanych rzeczy do Internetu lub zestawu wariantów o tej samej podstawowej strukturze. Oba używam dość rzadko do infografiki, chociaż są ludzie, którzy projektują jednorazowe proste infografiki dla Internetu głównie za pomocą Photoshopa lub Fireworks.

  • Jeśli w ogóle interesujesz się interaktywnymi infografikami i jeśli znasz kolegę z javascript, kolejną zaletą programu Illustrator (podobnie jak Inkscape i CorelDraw) jest to, że może eksportować SVG, którego można używać jako interaktywnych elementów wektorowych w przeglądarce .

Ludzie czasami używają prostszych programów, takich jak omnigraffle do prostych diagramów, a pomysł narzędzi do tworzenia infografiki o niskich barierach wejścia czasami się krąży, ale te, które widziałem, były albo tylko garścią gotowych infografik w przebraniu (np. wizualnie. twórz) lub absurdalnie płytki (np. sztalugi) .

Edytować--

Istnieje teraz kilka narzędzi o niskiej barierze wejścia, które nie są w 100% do bani i które dodają coś, o czym warto wspomnieć w standardowym formacie infografiki ( Vennage i infogr.am ). Są to wczesne etapy i nieco prymitywne, a ponieważ są to głównie zabawki, nie są raczej przydatne dla projektantów, z wyjątkiem osób wewnętrznych unikających tandetnie banalnej pracy („Tekst i kilka wykresów? naprawdę proste, możesz to zrobić samodzielnie, oto jak ... ”) - ale jest coś wartego odnotowania: eksportują jako HTML i SVG (infogr.am używa Raphaela, Venngage używa HTML, CSS i D3).

Dlaczego to ma znaczenie? Ponieważ jeśli projektujesz infografiki do publikowania na stronach internetowych, a jeśli po prostu spakujesz png lub gif i powiesz, że praca wykonana bez użycia takich metod, aby tekst był wyświetlany jako rzeczywisty, rzeczywisty, rzeczywisty, semantyczny tekst w znacznikach strony internetowej, to oznacza, że ​​serowate zautomatyzowane zabawki, takie jak te strony, będą produkować materiały wyjściowe, które mają przewagę nad twoją pracą ... Zawsze używam Rafaela do takich rzeczy, ponieważ jest to jedyna rzecz, która działa w starych IE i iOS.

Edycja 2 ---

Wpływowy projektant informacji / pionier dziennikarstwa danych Alberto Cairo ostatnio napisał blog na temat narzędzi handlu i opublikował kilka samouczków wideo na temat infografiki w programie Illustrator dla początkujących (nie próbowałem ich, więc nie mogę za nie ręczyć). Popularny blog z danymi o przepływie danych okresowo zawiera również tutoriale, które czasem są kodem, czasem statystykami, a czasem projektowaniem . Są one zazwyczaj skierowane do statystyków, którzy chcą poprawić swoje umiejętności projektowania i wizualizacji niż na odwrót, ale mogą być przydatne.


4
+1000 za „zachowaj zgrupowaną kopię wykresu, jeśli chcesz go rozgrupować”. Matka miłosierdzia, próba pracy z czyimś niezgrupowanym logarytmicznym wykresem S&P od 1923 roku do chwili obecnej jest jak dźgnięcie się w oko pałeczką zanurzoną w soku z cytryny.
Lauren-Clear-Monica-Ipsum

+1 za oczywiście bolesne wspomnienie niepogrupowanego wykresu.
huzzah

Fantastyczna odpowiedź. Dzięki szczególnie za wskaźnik o interaktywnych infografikach - zdecydowanie coś do odkrycia.
Steve Bennett,

1
@SteveBennett Thanks! Nawiasem mówiąc, odkąd to napisałem, zobaczyłem ten niesamowity przykład użycia Rafaela, aby sprawić, że coś, co wydaje się być statyczną grafiką do wydruku, będzie bardziej angażujące w Internecie. Jest w języku francuskim, ale powinien być dobry do zdobywania pomysłów ... po prostu nie oczekuj, że wdrożenie będzie koniecznie łatwe parti-socialiste.fr/bilan-sarkozy
user56reinstatemonica8

wow, to całkiem spektakularne. (również interesujący temat - mieszkałem we Francji przez dwa lata, chociaż przed Sarkozy). raphaeljs.com
Steve Bennett

8

WebCode to świetna i łatwa w użyciu aplikacja do rysowania wektorów, która natychmiast generuje kod JavaScript + Canvas, SVG lub CSS + HTML. Jest specjalnie ukierunkowany na infografiki internetowe.

wprowadź opis zdjęcia tutaj


7

Ilustrator wykresów. W zależności od tego, co znajduje się w infografice, możesz użyć programu Illustrator lub InDesign dla materiałów innych niż wykresy. Program Illustrator może być używany do układów podstawowych i umiarkowanych, a na pewno jest odpowiedni do plakatu na jednym arkuszu. Po przejściu na wiele stron prawdopodobnie lepiej Ci będzie w programie InDesign.


4

Zgadzam się z Lauren - Illustrator dla wykresów. Możliwe jest użycie programu Illustrator do całego utworu. Jednak skłaniałbym się ku użyciu Indesign do wielu danych tabelarycznych, a nie tylko do wielu stron. Indesign obsługuje dane tabel znacznie łatwiej niż Illustrator.

W rzeczywistości większość elementów nie jest tworzona przy użyciu jednego oprogramowania. Wykresy i wykresy wykonane w programie Illustrator, zdjęcia lub ilustracje, które można uzupełnić za pomocą programu Photoshop. Następnie całość połączona z tabelami w Indesign, ponieważ Indesign ma lepsze narzędzia do pisania.

Ale w tym przypadku można ukończyć cały utwór w programie Illustrator lub Photoshop.


2

„Infografika” nie jest tak naprawdę szczególną technologią, ani nawet estetyką. To naprawdę tylko wizualnie reprezentuje dane. Używaj narzędzi, które są dla Ciebie sensowne. W przypadku ilustracji wektorowych program Adobe Illustrator jest w porządku. Inkscape to również dobra opcja. Corel Draw może działać. Istnieje wiele opcji.


2

Na podane już doskonałe odpowiedzi chcę po prostu wrzucić kilka zasobów, które nieco popychają kopertę (moja koperta i tak) na to, co można zrobić graficznie z danymi. (1) Książka Nathana Yau „Visualize This” (lub strona internetowa flowdata.com), która, jeśli dobrze pamiętam, wymienia kilka zaawansowanych narzędzi do tworzenia infografik oraz (2) wykład TEDa Jer Thorpe'a „Making Data More Human” http: // www.ted.com/talks/jer_thorp_make_data_more_human.html Ciesz się czasem, kiedy masz kilka dodatkowych minut!


1

Używam Microsoft Word do tworzenia infografik za pomocą układu publikacji, narzędzi do kształtowania, pól tekstowych i przewodników. Byłem w stanie bardzo prosto tworzyć takie wykresy i chciałbym udzielać instrukcji wideo krok po kroku, w jaki sposób inni, którzy nie mają dostępu do narzędzi Adobe CS5, mogą zbudować bibliotekę graficzną informacji w MS Word. https://gumroad.com/l/MDDPA

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.