12 esempi di infografica.
Sfoga la tua creatività con questa raccolta di modelli di infografiche online e progettane una tutta tua.
1. Dimostrare un processo.
Partiamo con un ottimo esempio di infografica. Qui abbiamo molti elementi essenziali che rendono quest'infografica facile da leggere e capire, con immagini, un testo minimale ma diretto, frecce e indicazioni che danno un'idea del senso di lettura e di unione degli elementi. Quonk Media guida letteralmente il lettore attraverso il processo passo dopo passo, il che può essere utile sia nel caso tu sia un nuovo assunto di quest’azienda o che tu sia un potenziale cliente che desidera saperne di più. Le infografiche possono fare da guida quando è necessario dimostrare o condividere un processo.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
2. Suddividere varie parti del contenuto con la grafica.
Per una infografica di successo può aiutare pensare al concetto di non limitarti a dirglielo, mostraglielo. Potresti semplicemente scrivere una ricetta oppure fare come ha fatto Pink Señorita che ha disegnato un'immagine per indicare ogni delizioso ingrediente presente nella ricetta. Usa le immagini per comunicare un concetto e per creare un’infografica di grande effetto. Offrire elementi visivi alternati a parole permette di ricordare meglio il contenuto e aiuta il lettore a comprendere tutti i componenti più piccoli che fanno parte del prodotto finale.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
3. Riporta istruzioni dettagliate.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
4. Progetta una mappa con la tua infografica.
Le infografiche non riguardano solo la visualizzazione di processi o di dati. Si possono anche mostrare mappe di una città, di un paese o di un continente; una mappa del corpo umano o dei suoi sistemi; una mappa astronomica; dei modelli meteorologici o anche le linee della mano. Quando si lavora con le mappe si possono inserire le immagini da associare a qualsiasi testo che si desidera presentare offrendo informazioni dettagliate. Puoi persino aggiungere un tocco di creatività alle mappe se lo desideri, non è necessario essere perfettamente accurati, poiché le infografiche riguardano più una presentazione pulita e fantasiosa che dettagli precisi e intricati.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
5. Usa l'infografica per rappresentare una linea temporale.
A volte date, nomi e fatti possono essere difficili da ricordare in una volta sola. Per questo puoi creare un’infografica d’effetto che aiuti i tuoi lettori con una piccola visualizzazione dei dati. Costruisci delle linee temporali per dare una prospettiva visiva di tempo, distanza e relazioni. La storia è importante, quindi trovare un modo per comunicare fatti storici in modo interessante e semplice permetterà al tuo lettore di conoscere e ricordare il contesto.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
6. Inserisci le percentuali.
I grafici, come quelli a torta o a barre, sono metodi standard per rappresentare le percentuali. Sebbene siano senza dubbio utili, come puoi comunicare i tuoi dati in modo più creativo? Nell'esempio qui riportato, vediamo percentuali accoppiate con la categoria che descrivono, per fornire un contesto aggiuntivo e una chiara idea di quale sia l'argomento di cui stiamo parlando. Mentre realizzi la tua prossima infografica, sperimenta con forme, icone o immagini quando comunichi una percentuale.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
7. Confronta i dati con elementi visivi.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
8. Utilizza il colore per fare dei confronti.
Esistono innumerevoli modi per organizzare e dividere le informazioni, e sicuramente un metodo è usare il colore. L'uso del colore è un ottimo strumento in quanto può comunicare uno stato d'animo specifico e non occupa spazio nella tua composizione, anzi spesso aggiunge dimensione. Guarda come in questo esempio, il colore crea nell’infografica una chiara divisione tra le due colonne per indicare le due categorie e ci consente di confrontare le differenze.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
9. Creare divisioni distinte con il colore.
In questi esempi, vediamo il colore che crea distinzioni nette tra ogni sezione dell’infografica. Ciò mantiene le informazioni separate e il motivo a scacchiera attira la nostra attenzione mentre navighiamo con lo sguardo tra i riquadri per leggerli tutti. Utilizzando solo due tonalità qui, il grigio e il rosso o il blu e il bianco, si ottiene un design semplice in grado di dare al lettore tutte le informazioni necessarie senza distrazioni.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
10. Sfuma il colore gradualmente quando fornisci delle informazioni.
Il colore per come viene utilizzato qui sotto non solo crea divisioni nei dati dell’infografica ma comunica anche alcune informazioni grazie alla sfumatura graduale delle tonalità del blu. Il cambiamento da blu chiaro a blu scuro indica un processo dall'inizio alla fine e trasporta il nostro sguardo attraverso la composizione in un modo inconscio e coerente. Usa i colori che supportano i tuoi messaggi nel tuo design per realizzare la tua prossima infografica.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
11. Icone dei vari passaggi di un processo.
Le icone, di cui abbiamo parlato, sono uno strumento eccellente quando si tratta di grafica. Le immagini in generale forniscono informazioni che un lettore potrebbe elaborare prima ancora di rendersi conto che sta leggendo un grafico. Lascia che le immagini e le icone in particolare, raccontino la tua storia il più possibile. Utilizzare questo tipo di approccio per creare un’infografica è l’ideale quando hai a che fare con un pubblico che non presta molta attenzione alle parole, come spesso i bambini piccoli o quelli che parlano una lingua diversa dalla nostra. Le icone possono anche essere personalizzabili per adattarsi all'umore e alla combinazione di colori della grafica.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.
12. Una infografica sul tuo curriculum.
Ora che sappiamo che le infografiche servono a rendere più comprensibili le informazioni, non pensi che potrebbe essere uno strumento utile anche per il tuo curriculum? Offri ai recruiter la possibilità di capire rapidamente chi sei e quali sono le tue doti evidenziando i punti salienti della tua esperienza usando testo, colore e immagini. Qui vediamo esempi che presentano una sequenza temporale, un grafico e dei blocchi di testi che evidenziano i punti chiave per il lettore.
Collection ID
(To pull in manually curated templates if needed)
Orientation
(Horizontal/Vertical)
Width
(Full, Std, sixcols)
Limit
(number of templates to load each pagination. Min. 5)
Sort
Most Viewed
Rare & Original
Newest to Oldest
Oldest to Newest
Premium
(true, false, all) true or false will limit to premium only or free only.