11.05.2011
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).
Dobbiamo adesso disegnare il Rettangolo dove vogliamo inserire il nostro 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.
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.
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.
Facciamo dei Gruppi Colori con un solo colore per lavorare sulle sfumature di colore.
Poi selezioniamo il nostro Grafico e Andiamo a cliccare su RICOLORA GRAFICA in alto a Destra.
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.
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.
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.
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.
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.
Inseriamo i dati sui Concorsi:
169 Concorsi creativi Segnalati,
6 Contest di Iamasource,
14 Concorsi di Zooppa,
44 Contest su 12designer.
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.
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.










