di
11.05.2011
Come realizzare una Infografica

Oggi parliamo di Infografiche, vera e propria moda scoppiata negli ultimi anni.

L’ infografica, si capisce dal nome, è la fusione di Informazioni e Grafica.

Partendo dal presupposto di voler rappresentare al meglio i dati in forma grafica ci si dovrebbe aspettare un insieme di Informazioni ben formattate in forma grafica.

In verità i Grafici ne stanno facendo una vera e propria forma d’arte e l’attenzione finisce per cadere sulla qualità grafica più che sui dati.

Il modo migliore di realizzare una Infografica è utilizzando Illustrator.

Infatti con Illustrator possiamo utilizzare lo STRUMENTO GRAFICHE (J), che ci aiuterà a realizzare dei Grafici Informativi perfetti (Excel addio!).

Ovviamente la cosa fondamentale per fare una Infografica sono le Informazioni, nel mio caso vediamo di analizzare qualche statistica di Ipse Pixel e di sintetizzarle in una infografica.

Apriamo Illustrator, Nuovo File (CTRL+N) e andiamo a selezionare lo STRUMENTO GRAFICO A COLONNE (J).

Selezioniamo lo Strumento Grafico a Colonne

Selezioniamo lo Strumento Grafico a Colonne

Dobbiamo adesso disegnare il Rettangolo dove vogliamo inserire il nostro Grafico.

Disegniamo il Rettangolo dove inserire il Grafico

Disegniamo il Rettangolo dove inserire il Grafico

Adesso si apre la finestra con una Tabella dove inserire i dati.

Come detto iniziamo a creare un grafico coi dati di Ipse Pixel.

Analizzando i dati dopo 1 anno di Magazine andiamo a inserire nella prima riga i seguenti dati:

233 180 67 60 120 51 21.

Non sono i numeri del superenalotto ma i numeri di Ipse Pixel:

233 Concorsi segnalati.

180 Annunci di lavoro pubblicati.

67 Tutorial scritti.

60 Ispirazioni catturate in tutto il mondo.

120 Risorse per i grafici.

51 Articoli sui Magazine di Grafica.

21 Immagini provenienti dal nostro gruppo Flickr.

Come vedete nell’immagine inseriamo tutti i dati in riga.

Inseriamo i dati per il Grafico

Inseriamo i dati per il Grafico

Appena inserite il nostro Grafico apparirà perfettamente proporzionato.

Molto semplice e molto veloce, però così otteniamo solo Grafici informativi, e se vogliamo renderli più carini ?

Prima di tutto dobbiamo cambiare i colori.

Inseriamo prima di tutto un colore di sfondo, ovviamente teniamo i colori del Blog.

Inseriamo un Colore di Sfondo

Inseriamo un Colore di Sfondo

Adesso però vogliamo modificare i colori anche del Grafico.

Farlo non è così semplice come sembri, il modo migliore è di prendere i colori che vogliamo utilizzare e farne dei“gruppi colori” come nell’immagine.

Creiamo un nuovo Gruppo Colori

Creiamo un nuovo Gruppo Colori

Facciamo dei Gruppi Colori con un solo colore per lavorare sulle sfumature di colore.

Creiamo Gruppi Colori di 1 solo colore

Creiamo Gruppi Colori di 1 solo colore

Poi selezioniamo il nostro Grafico e Andiamo a cliccare su RICOLORA GRAFICA in alto a Destra.

Selezioniamo Ricolora Grafica

Selezioniamo Ricolora Grafica

Come vedete Selezionando un Gruppo Colori il Grafico si Ricolora con le sfumature del colore scelto, se come nel mio caso vi rimangono dei colori fuori dal Ricolora dobbiamo spostarli trascinandoli col mouse sopra.

Ricoloriamo il Grafico con la Tonalità del Fucsia Pixel

Ricoloriamo il Grafico con la Tonalità del Fucsia Pixel

Adesso abbiamo ricolorato tutto il nostro Grafico usando la Tonalità del Fucsia Pixel.

Ci basta così ? ovviamente no.

Prima di tutto vogliamo che i nostri dati siano a Destra e non a Sinistra.

Spostiamo i Dati del Grafico

Spostiamo i Dati del Grafico

Clicchiamo col pulsante destro del Mouse sul Grafico e selezioniamo TIPO, e nel Pannello di Opzioni che si apre selezioniamo Asse Valori sul Lato Destro.

Spostiamo la barra coi dati sul Lato Destro

Spostiamo la barra coi dati sul Lato Destro

Adesso scriviamo i titoli delle varie barre così si capisce di cosa parliamo.

Scriviamo i tipi di Articoli scritti da Ipse Pixel e gli ruotiamo a 90 Gradi in senso antiorario per montarli sopra alle barre.

Scriviamo i Titoli delle Categorie di Ipse Pixel

Scriviamo i Titoli delle Categorie di Ipse Pixel

Per rendere ancora più particolare il nostro Grafico dobbiamo smontarlo, come fare ?

Selezionatelo e andate su OGGETTO, SEPARA. A questo punto Illustrator vi avverte che facendo così non potrete più modificare il Grafico variando i dati.

Adesso abbiamo degli oggetti vettoriali completamente modificabili.

E se vogliamo disegnare un Grafico a Torta ?

Niente di più semplice, tra i SOTTOSTRUMENTI dello Strumento Grafico a Colonne c’è lo STRUMENTO GRAFICO A TORTA.

Come prima, dopo averlo selezionato scegliamo lo spazio dove disegnarlo e si aprirà la tabella dove inserire i dati.

Disegniamo il Grafico a Torta

Disegniamo il Grafico a Torta

Inseriamo i dati sui Concorsi:

169 Concorsi creativi Segnalati,

6 Contest di Iamasource,

14 Concorsi di Zooppa,

44 Contest su 12designer.

Il Grafico a Torta ottenuto coi dati sotto

Il Grafico a Torta ottenuto coi dati sotto

Anche questa volta abbiamo ottenuto molto facilmente un Grafico abbastanza complesso.

E come prima ricoloriamo il Grafico questa volta usando il Giallo.

E se invece voglio un Grafico in orizzontale ?

Per avere le nostre barre in orizzontale selezioniamo lo STRUMENTO GRAFICO A BARRE SOVRAPPOSTE.

Come si riempie ?

Le barre in orizzontale saranno sovrapposte e quindi saranno parte di un totale che si comporrà della loro somma.

Nel mio caso ho analizzato i Concorsi segnalando quelli attivi al momento e quelli scaduti.

Ho voluto però preparare una ulteriore suddivisione fra i Concorsi Grafici, quelli di Fotografia e quelli Video.

Analizzando tutti i concorsi segnalati abbiamo 18 Concorsi Attivi, 14 Grafici e 4 Fotografici.

Abbiamo invece segnalato ben 123 Concorsi di Grafica oramai scaduti, 26 Fotografici e 4 Video.

Ecco la mia tabella e come ho inserito questi dati.

il Grafico a Colonne Sovrapposte

il Grafico a Colonne Sovrapposte

Come vedete otteniamo 2 Barre Orizzontali che compongono la Somma dei concorsi attivi e dei concorsi scaduti ma ci segnalano anche come sono suddivisi in 3 Categorie diverse.

 

Come avrete capito fare delle Infografiche con Illustrator risulta molto semplice se si sa utilizzare bene lo Strumento Grafico.

Come presentare poi i Grafici che avrete realizzato coi vostri Dati è a completa discrezione della vostra Creatività.

Qui sotto l’infografica di Ipse Pixel 2010-2011.

1 Year 800 Pixel

1 Year 800 Pixel


Articoli Correlati:


Diffondi l'articolo:
  • Digg
  • Facebook
  • Twitter
  • del.icio.us
  • FriendFeed
  • Netvibes