Narzędzia do tworzenia infografiki

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/ )

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 .

  • Jeśli to droga, którą chcesz zejść, sprawdź Raphaela i gRaphaela, który może wziąć SVG i pracować na wszystkim, od IE6 po iPady.
  • Warto wiedzieć o D3 , który jest również SVG (łatwiejszy w użyciu, ale nie działa w IE <8) i jest często używany przez dział graficzny New York Timesa ,
  • Processing and Processing.js ( płótno HTML5 ) są również dość popularne i są używane przez różne duże nazwiska w interaktywnych grafikach danych, takich jak Jer Thorp i Ben Fry .

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.

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.

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.

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.

„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.

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!

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