Come realizzare un'infografica?

Come realizzare un'infografica? Le infografiche prendono dati e informazioni complessi e li traducono in immagini di facile comprensione. Nel mondo frenetico di oggi, i grafici devono comunicare un messaggio in modo semplice ed efficace.

 

Test sulla folla. Come farlo?

Dati di testo in dati grafici. Come realizzare un'infografica?

A destra vediamo il curriculum di un grafico, disegnato nello stile infografica. Lui abilmente trasformato le tue statistiche in grafici eleganti, che ha reso le statistiche secche più dinamiche.

Immagini come queste danno a Tibor van den Brink l'opportunità di aggiungere colore e intrighi estetici, due fattori che si distinguono naturalmente da un curriculum tradizionale e attirano lo spettatore.

Qui possiamo rapidamente stimare che Tibor parli fluentemente l'olandese al 100% e l'inglese circa all'88% grazie ad un semplice grafico a torta. Utilizza altri approcci intelligenti come icone per i suoi hobby e "metri" per visualizzare rapidamente il suo livello di abilità in vari programmi e concetti di design.

Vediamo immediatamente che ha un livello di abilità del 75% in Photoshop, Illustrator e InDesign. Tutte le sue informazioni sono trasmesse in un modo semplice e conciso (e rinfrescante) che batte le frasi lunghe ed estese sulla sua storia con Adobe Creative Suite. Come realizzare un'infografica?

Le immagini (e i diagrammi) valgono più di mille parole

Tutti conoscono il famoso detto: “Un’immagine vale più di mille parole”. Questa citazione la dice lunga sul potere delle infografiche: le persone sono creature visive. Laddove il testo richiede tempo ed elaborazione mentale, le immagini sono spesso immediate e intuitive.

L'esempio di infografica qui sopra utilizza una serie di diagrammi per spiegare come funziona un cubo di Rubik. Data la complessità dei cubi di Rubik, ne avrai bisogno almeno mille parole per spiegare velocemente e chiaramente cosa mostrano questi diagrammi. Inoltre, questa infografica è colorata e interessante. Questa è senza dubbio preferibile ad una spiegazione testuale del Cubo di Rubik.

Fluire. Come realizzare un'infografica?

Le infografiche hanno flussi visivi. Questo è importante da ricordare quando si progettano le infografiche. Come per qualsiasi altro argomento di progettazione, il designer è responsabile di attirare l'attenzione degli spettatori sul design.

L'infografica a sinistra descrive il processo di produzione delle scarpe in tre fasi. Se dovessimo criticare questo pezzo, potremmo dire che l'occhio inizia dalla testata in alto e gravita naturalmente verso le grandi scarpe sul tetto.

Questa grande scarpa ci porta quindi alla fase 3 del processo, che si trova nella bolla dello zoom. Ouch! Speravamo di iniziare con il passaggio 1...

Sebbene questa infografica sia colorata e bella, presenta chiaramente problemi di flusso. Un modo per risolvere questo problema sarebbe quello di posizionare il terzo gradino al piano terra dell'edificio e il primo gradino al piano superiore, accanto al grande stivale.

In ulteriore critica, possiamo dire che la grafica non necessariamente trasmette molti dati testuali o altro. Ad esempio, nella fase "Produzione", vediamo due figure sedute su sedie che indossano stivali, ma questo non ci fornisce necessariamente ulteriori informazioni o sensazioni su questa fase oltre alla parola "Produzione". Lo stesso si può dire per Design e Schizzi. Come realizzare un'infografica?

Dai un senso ai dati

Una buona infografica mostra un’emozione così come un insieme di dati. In altre parole, evocano una reazione istintiva nello spettatore come risultato della comprensione istantanea e/o rapida che l’infografica fornisce.

L'esempio sopra mostra una semplice percentuale di proprietà terriera, ma conferisce ai dati un aspetto complesso offrendo grafici complessi e realistici. La maggior parte delle persone potrebbe non essere consapevole che la proprietà terriera negli Stati Uniti è divisa in questo modo, e la vista di questa immagine di terra tagliata e recintata può naturalmente portare a un sentimento di disagio o al bisogno di saperne di più sull’argomento. .

Navigazione con icone. Come realizzare un'infografica?

Un altro stile di infografica utilizza icone insieme al testo per aiutare lo spettatore a navigare tra i dati. L'esempio a destra fa proprio questo, spiegando come individuare una bugia.

Nel passaggio 1, invece di spiegare come potrebbero apparire questi gesti delle mani per iscritto, vengono utilizzate tre immagini efficaci. Dopotutto, questi gesti sono più facili da mostrare nelle illustrazioni che nella scrittura.

In un altro metodo, il passaggio 2 collega direttamente la grafica alle spiegazioni testuali, utilizzando il testo come "firma" per le direzioni in cui potrebbero guardare gli occhi di qualcuno se sta mentendo. Anche questo approccio è efficace e ha un bellissimo avvolgimento circolare attorno all'occhio.

Il passaggio 4 utilizza la grafica in modo diverso. Per articolare visivamente "Ascolta gli indicatori vocali", viene utilizzata l'immagine di un'onda sonora. Questo è meno efficace dell'immagine del passaggio 1 perché in realtà non visualizza alcun dato o informazione. Detto questo, fornisce intrigo visivo e coerenza con il resto del design, che può valere qualcosa e, in definitiva, giustificare la grafica.

Rendere i dati attraenti. Come realizzare un'infografica?

Oltre alle qualità funzionali e pratiche delle infografiche, un altro loro utilizzo è quello di rendere i dati attraenti e belli. Nell'esempio sopra, l'impatto del cambiamento climatico sulla cronologia primaverile è rappresentato visivamente su una "meridiana" utilizzando insiemi Dati su uccelli, alberi e temperatura.

Sebbene il tema sia inquietante, la grafica è morbida, innocente e attraente. La tavolozza dei colori è divertente e sofisticata e il fiore geometrico attira lo spettatore nel design. La natura visivamente emozionante di questo articolo ispirerà probabilmente più lettori a esplorare i dati rispetto a un semplice layout di testo.

Come creare la tua infografica?

In questo tutorial utilizzeremo Photoshop per creare un'infografica che confronti i dati tra andare in bicicletta e prendere un treno da Washington Square Park a Manhattan al centro di Williamsburg a Brooklyn. Secondo Google Maps, il ciclismo tra questi due punti dura 18 minuti e il viaggio dura 30 minuti.

 

Per iniziare, possiamo incollare uno screenshot di Google Maps nel nostro file Photoshop e desaturarlo. Osservando l'esempio originale di colore ed estetica di Tibor van den Brink, il percorso confrontato può essere evidenziato in giallo.

Anche la cornice della carta è gialla ed è progettata per lasciare spazio al testo nella parte superiore. Questo contenuto è posizionato sopra uno sfondo grigio scuro per contrasto ed è ricoperto da una sottile trama di carta per conferirgli un aspetto da "mappa". Come realizzare un'infografica?

Quindi, tenendo presente l'esempio di Come individuare le bugie, possiamo aggiungere alcune icone per aiutare a inquadrare i dati. Qui utilizzeremo un'icona minimale per la bicicletta e un'icona minimale per il treno. Seguendo questo flusso creativo possiamo aggiungere alle icone delle “impronte” di varia lunghezza che corrispondono grosso modo alla relativa durata di ogni viaggio.

Il colore complementare blu-verde è accuratamente selezionato. Tieni presente che vogliamo rendere questi dati il ​​più attraenti possibile!

Infine, possiamo aggiungere il nostro testo. Il titolo è semplice e conciso e i verbali sono grandi e facili da leggere. font. Questa infografica ha successo perché traduce graficamente molti dati di testo, tra cui una mappa del percorso, metodi di trasporto confrontati e tempi. Come realizzare un'infografica?

Riesce anche a rendere attraenti questi dati. Il design è colorato, professionale, pulito e semplice.

conclusione

Le infografiche sono disponibili in molte forme. Possono contenere illustrazioni, diagrammi, colori, combinare testo con icone o anche essere fotografici. È utile per i designer comprendere i diversi tipi di infografiche ed essere in grado di distinguere quando funzionano e quando no.

Usa questo articolo come introduzione e vedi se riesci a scomporre la prossima infografica che incontri per rafforzare le tue capacità di progettazione di infografiche!