Strumenti per creare infografiche


12

Quali sono gli strumenti migliori per la produzione di infografiche: display accattivanti che combinano grafici, diagrammi e testo per trasmettere molte informazioni in modo succinto. Sono interessato sia ai contenuti visualizzabili sul Web sia ai poster per la stampa.

In particolare, sto chiedendo:

  • Quali combinazioni di strumenti vengono utilizzati (ad esempio, uno strumento per creare grafici, un altro per assemblare grafici e testo nell'infografica finale)?
  • Esistono strumenti di grafica vettoriale (ad esempio Illustrator) particolarmente più o meno adatti all'attività rispetto ad altri?
  • Esistono strumenti online utili nel processo di assemblaggio?

(Come esempio del tipo di cosa che mi interessa fare [ma su scala molto più modesta], http://xkcd.com/980/ )


Alle eccellenti risposte già fornite, voglio solo aggiungere un paio di risorse che spingono un po 'la busta (la mia busta comunque) su cosa puoi fare con i dati. Potresti non essere in grado di usarli nel tuo prossimo progetto (o mai), ma sono divertenti e ti faranno pensare.
Amanda,

Risposte:


18

La progettazione di infografiche è una grande parte di ciò che faccio. Ecco una suddivisione approssimativa di ciò che uso.

  • Probabilmente il 95% del lavoro sull'infografica che faccio è in Illustrator. Ti consigliamo di mantenere tutto in formato vettoriale il più possibile perché il ridimensionamento accurato, l'allineamento, il raggruppamento, la modifica e la modifica sono così importanti. Se è una buona presentazione di buone informazioni, allora potrebbero esserci delle richieste per versioni disposte in modo diverso: web, stampa, poster, immagini interattive, piccole condivisibili per social media, miniature ... e forse anche una versione aggiornata con i dati del prossimo anno. Se mantieni tutto flessibile, ti ringrazierai più tardi. Alcune funzioni specifiche di Illustrator:

    • I suoi strumenti cartografici, che sono arrugginiti e frustranti ma accurati e che vale la pena usare (alcuni consigli: ricordati di usare se rscalare e ruotare, i metodi normali non funzionano e quando devi rompere e separare i grafici, mantieni sempre un gruppo copia) e battere le soluzioni alternative necessarie in Corel Draw . Detto questo, mi rendo conto che Inkscape ha alcuni plugin e sta migliorando a questo proposito mentre Adobe trascura i loro strumenti grafici francamente antiquati . Per quanto mi piaccia Illustrator, caderei in un attimo se un rivale avesse strumenti grafici validi, moderni e affidabili. Non essere tentato di copiare, separare e modificare grafici da Excel: funziona, incolla come vettori, ma da qualche parte lungo la linea si distorcono leggermente e perdono precisione.
    • Le sue caratteristiche per applicare effetti a forme accuratamente disegnate in modo regolabile, come pennelli artistici, pennelli pattern ed effetti di trasformazione. Altri programmi vettoriali hanno caratteristiche come queste, ma non nella stessa misura. Tutto ciò che rende elementi riutilizzabili, modificabili e riconfigurabili aiuta.
    • Ci sono molti script per quando devi fare le cose in un preciso modo numerico. Quando devi fare qualcosa di insolito e preciso, spesso c'è una sceneggiatura per questo. Inoltre, la palette Align è fantastica e presenta trucchi pratici non ovvi come impilare le cose con precisione .
  • Uso raramente InDesign a meno che un elemento grafico non faccia parte di un documento di più pagine (sebbene alcune persone lo utilizzino per l'intero lato del testo di un elemento grafico, posizionando ogni elemento di Illustrator). Due eccezioni dove lo uso:

    • Qualunque cosa sia costruita attorno a un formato di tabella (anche allora, è una buona idea mantenere gli elementi interamente grafici come file di Illustrator e posizionarli secondo necessità - in particolare per qualsiasi cosa regolabile in base a dati come sparkline - InDesign va bene per posizionare i dati ma non può fare nulla con esso)
    • Se è molto pesante, è più simile a un layout di una rivista con vari elementi grafici che a un elemento con frammenti di testo
  • Photoshop è occasionalmente molto utile per i tempi in cui è inevitabile l'uso della grafica raster e Fireworks può essere utile per preparare cose complesse per il web o per una suite di varianti con la stessa struttura di base. Uso entrambi abbastanza raramente per le infografiche, anche se ci sono alcune persone che progettano infografiche semplici una tantum per il web principalmente usando Photoshop o Fireworks.

  • Se sei interessato a infografiche interattive e se tu o un collega conosci qualche javascript, un altro vantaggio di Illustrator (vero anche per Inkscape e CorelDraw) è che può esportare SVG che può essere usato come elementi vettoriali interattivi in ​​un browser .

Le persone a volte usano programmi più semplici come omnigraffle per semplici diagrammi e l'idea di strumenti di creazione di infografiche a bassa barriera a volte viene a galla, ma quelli che ho visto sono stati solo un mucchio di infografiche pre-fatte sotto mentite spoglie (ad es. visual.ly create) o ridicolmente superficiale (ad es. easel.ly) .

Modificare--

Ora ci sono un paio di strumenti a bassa barriera per l'ingresso che non fanno schifo al 100% e che aggiungono qualcosa degno di nota al formato infografico standard ( Vennage e infogr.am ). Sono fasi iniziali e un po 'rozze, e poiché sono essenzialmente app giocattolo, è improbabile che possano mai essere di grande utilità per i progettisti, tranne per le persone interne che evitano il lavoro trivalente e insensibile ("Testo e un paio di grafici? davvero semplice, puoi farlo da solo, ecco come ... ") - ma c'è qualcosa che vale la pena notare su di loro: esportano come HTML e SVG (infogr.am usa Raphael, Venngage usa HTML, CSS e D3).

Perché è importante? Perché se si progettano infografiche per la pubblicazione su pagine Web e se si esegue semplicemente un png o una gif e si dice lavoro fatto senza utilizzare metodi come questo per generare il testo come testo reale, reale, attivo e semantico nel markup della pagina Web, questo significherà che giocattoli automatici casuali come questi siti produrranno un output che ha un vantaggio sul tuo lavoro ... Uso sempre Raphael per cose del genere perché è l'unica cosa che funziona nei vecchi IE e iOS.

Modifica 2 ---

Il pioniere del giornalismo informatico / dati influente Alberto Cairo ha recentemente pubblicato un blog sugli strumenti del mestiere e ha pubblicato alcuni tutorial video su infografica in Illustrator rivolti ai principianti (non li ho provati, quindi non posso garantirli). Anche il popolare blog di dataviz Flowing Data ha periodicamente tutorial che a volte sono codice, a volte statistiche, a volte design . Questi di solito sono rivolti agli statistici che desiderano migliorare le proprie capacità di progettazione e visualizzazione rispetto al contrario, ma potrebbero essere utili.


4
+1000 per "conserva una copia raggruppata del tuo grafico se hai intenzione di separarlo". Madre di misericordia, cercare di lavorare con la carta logaritmica non raggruppata di qualcun altro dell'S & P dal 1923 ad oggi è come pugnalarti negli occhi con una bacchette imbevuta di succo di limone.
Lauren-Clear-Monica-Ipsum,

+1 per la memoria ovviamente dolorosa di un grafico non raggruppato.
huzzah

Risposta fantastica. Grazie soprattutto per il puntatore sull'infografica interattiva - sicuramente qualcosa da esplorare.
Steve Bennett,

1
@SteveBennett Grazie! A proposito, da quando ho scritto questo ho visto questo fantastico esempio di Raffaello usato per rendere più coinvolgente online quella che sembra essere una grafica stampabile progettata per essere statica. È in francese ma dovrebbe essere buono per ottenere idee ... ma non aspettarti che l'implementazione sia necessariamente facile parti-socialiste.fr/bilan-sarkozy
user56reinstatemonica8

wow, è abbastanza spettacolare. (argomento interessante anche io - ho vissuto in Francia per due anni, prima di Sarkozy). raphaeljs.com
Steve Bennett,

8

WebCode è un'app di disegno vettoriale fantastica e facile da usare che genera istantaneamente codice JavaScript + Canvas, SVG o CSS + HTML. È specificamente orientato all'infografica web.

inserisci qui la descrizione dell'immagine


7

Illustrator per le classifiche. A seconda di cos'altro si trova nella tua infografica, puoi utilizzare Illustrator o InDesign per i materiali non grafici. Illustrator può essere utilizzato per layout di base o moderati ed è sicuramente perfetto per un poster a un foglio. Una volta che accedi a più pagine, probabilmente stai meglio con InDesign.


4

Sono d'accordo con Lauren - Illustrator per i grafici. Ed è possibile utilizzare Illustrator per l'intero pezzo. Tuttavia, propenderei per utilizzare Indesign per molti dati tabulari e non semplicemente per più pagine. Indesign gestisce i dati della tabella molto più facilmente di Illustrator.

In realtà, la maggior parte dei pezzi non vengono creati utilizzando un solo software. Grafici e grafici realizzati in Illustrator, foto o illustrazioni eventualmente completate con Photoshop. Quindi il tutto combinato con le tabelle in Indesign poiché Indesign ha strumenti di digitazione migliori.

Ma uno potrebbe completare un intero pezzo in Illustrator o Photoshop per quella materia.


2

"Infografica" non è in realtà una tecnologia particolare o addirittura estetica. Rappresenta davvero solo visivamente i dati. Usa qualunque strumento abbia senso per te. Per l'illustrazione vettoriale, Adobe Illustrator va bene. Anche Inkscape è un'ottima opzione. Corel Draw potrebbe funzionare. Esistono diverse opzioni.


2

Alle eccellenti risposte già fornite, voglio solo aggiungere un paio di risorse che spingono un po 'la busta (la mia busta comunque) su cosa puoi fare graficamente con i dati. (1) Il libro di Nathan Yau Visualizza questo (o il sito web flowdata.com), che se ricordo bene menziona un mucchio di strumenti avanzati per la creazione di infografiche e (2) il discorso TED di Jer Thorpe su "Making Data More Human" http: // www.ted.com/talks/jer_thorp_make_data_more_human.html Goditi un momento quando hai qualche minuto in più!


1

Uso Microsoft Word per creare infografiche con il layout di pubblicazione, gli strumenti per le forme, le caselle di testo e le guide. Sono stato in grado di creare grafici come questi in modo molto semplice e vorrei dare istruzioni video passo-passo su come gli altri che non hanno accesso agli strumenti Adobe CS5 possono creare una libreria grafica di informazioni in MS Word. https://gumroad.com/l/MDDPA

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.