IMPORTANZA DELL'ILLUSTRAZIONE NEI SITI

P.Y.G.

IMPORTANZA DELL'ILLUSTRAZIONE NEI SITI

Se guardate nei siti  le tendenze del design in questi giorni e le confrontarle con 4/5 anni fa, noterete un uso diverso di illustrazione . Perché l'uso dell' illustrazione nel web design e' in crescita? Cosa può dare in piu' l'illustrazione all'interno dei nostri siti?

In questo articolo si esaminano  alcune delle ragioni per la ripresa recente dell 'uso dell' illustrazione nella progettazione di siti web.

Utilizzare l'illustrazione nel web design

Di seguito alcuni motivi che possono portare molti designer ad utilizzare frequentemente lìillustrazione nei propri siti:

Raccontare una soria

La natura umana è sempre stata attratta dal raccontare una storia,  sia descrittiva o visiva. Nel nostro caso, illustrazione è un go-to style per la narrazione visiva. Gli spettatori in contatto con racconti illustrati assimilano meglio e piu' velocemente il messaggio.

Il mezzo visivo rende più facile per gli spettatori  capire un determinato problema o una soluzione, proprio per questo il progettista svolge un ruolo ancora maggiore nel ritrarre la trama  con chiarezza e con un filo logico ben definito.

La "Spettacolarita'" di solito gioca un piccolo ruolo nel racconto: il punto maggiore di una storia è quello di intrecciare  cause ed effetti in modo che lo spettatore può ricordare la storia più facilmente.

I dettagli stilistici giocano un grande ruolo per i lettori nelle narrazioni visive, quindi il ruolo del progettista che mette in evidenza questi dati è molto importante.

Coinvolgere  con l'immaginazione

Regole e fatti possono facilmente essere plasmate e modificate attraverso le  illustrazioni, al fine di presentare il punto di vista migliore del progettista. Gli spettatori amano viaggiare in un mondo e  in una prospettiva fantasticata creata appositamente per guidarli in ciò che il creatore vuol fargli vivere.

Guardate il sito di qui sopra:  A Prima vista l'illustrazione dovrebbe avere poco senso secondo il ricordo umano, infatti un vulcano con una cascata, scivoli d'acqua, scimmie ect , non dovrebbero avere alcun senso...Proprio per questo motivo il visitatore si immerge nel mondo del progettista ponendo attenzione ai dettagli per cercare di arrivare al senso logico . Questo stimola la mente e la fantasia del visitatore che al posto di leggere fiumi di parole tutte uguali , arriva allo stesso concetto tramite una ricerca detta dalla linea guida fornita dal progettista.

Un'altro esempio potrete trovarlo esplorando la pagina e noterete che il "ticket buy" è posto a lato della pagina e non all'interno di essa. Grazie a questa posizione e all'illustrazione che la tiene sospesa , il visitatore avra' il focus su questo oggetto non rischiando così che il tasto "buy" si perda nei meandri della pagina.

Di seguito è riportato un disegno molto più invitante per la firma up rispetto al vecchio bottone "Sign Up" che siamo abituati a vedere. Nessuno critichera' il senso dell'illustrazione ...essa serve solo per attirare l'occhio del cliente e facilitarne l'utilizzo.

Nell'esempio riportato di seguito, il sito in flash inizia con un aeroplano volante che ti porta in un viaggio immaginario intorno un mondo. Una voslta immersi nella storia il cervello vuole inevitabilmente arrivare a vedere il finale...Questo permette al progettista di tenere vivo l'interesse nel messaggio che si vuole proporre.

Il seguente sito ha utilizzato illustrazione per diversi scopi: a) per dare personalità ad un comunissimo "limone", b) di usare il limone per raccontare una storia che assorbe il lettore ancora di più, c) per creare icone interessanti e facilitare l'uso della  barra di navigazione.

Molto intelligente anche l'uso dell'illustrazione per presentare gli ingredienti al posto di fare una lista scritta. Questo facilita l'apprendimento del visitatore che immagazina molto piu' facilmente gli ingredienti stampando nella propria mente il disegno associato al singolo prodotto.

Avatar, personaggi e mascotte

"Il termine mascotte - definito come un termine per ogni persona, animale, o un oggetto pensato per portare fortuna, colloquialmente (informalmente) include tutto e viene utilizzato per rappresentare un gruppo con un'identità comune pubblica" - Wikipedia

L'uso di mascotte risale, prima della nascita dei  siti web. Nella pubblicità, dal momento che molti anni fa, con animali o personaggi dei cartoni animati sono stati molto utili per porre una continua attenzione verso un prodotto.

Nei  siti web, i personaggi e mascotte possono svolgere un ruolo ancora più forte. Possono essere memorizzate o ricordate come un'icona  di facile comprensione per quello che rappresentano (sia un'azione o un marchio).

In questi giorni, le mascotte sono comunemente utilizzate in svariati siti (ma non tutti vengono utilizzati correttamente). 
In questo esempio il gufo grande può essere ricordato, soprattutto a causa di come è posizionato  sullo sfondo blu, e soprattutto per la sua somiglianza iconografica con quello di "twitter"

Il pneumatico Michelin ha un ben noto personaggio. Egli agisce come insegnante rispondendo a domande e presentando  nuovi prodotti.

L'uso del virus HIV nelle illustrazioni e filmati 3D sul sito sottostante rende divertente ed educativo allo stesso tempo il messaggio .Molti siti educativi li usano per insegnare o spiegare un dato di fatto.

Vari stili di Illustrazione: Illustrazione 3D, Photo-Manipolazione e Sketching

I vari stili delle illustrazioni che possono essere utilizzati sono molto ampi, che vanno dal 3D alla foto-manipolazione al disegno. 
Ad esempio, "Never Ending Friends" e "Never Ending penne" sono progetti da "BIC" in Italia. Gli illustratori hanno usato una penna BIC per delineare un disegno che è molto accattivante.

L'uso della manipolazione fotografica viene usata  in questo sito per rende  lucentezza in  home page.

E, infine, un campione di illustrazione 3D  del  sito  realizzato per il Samsung Galaxy ID Microsite:

Illustrazione di dati, Infografica e Istruzione 

In Getsomeheadspace.com, misure e  azioni sono tutte illustrate, anche le icone sono molto espressive, destinato a scatenare le vostre emozioni e vi costringeranno a leggere il grafico o mappa in maniera molto alternativa.

O in questo sito in flash:

Illustrazione di pattern o sfondo o UI Decorative

Background come illustrazione

I modelli utilizzati per la parte superiore e lo sfondo di questo sito rendono il sito acceso ed interessante.

Mi piace molto come questo Designer combinato la tipografia, la forma e texture per lo sfondo nel suo sito.

Tipi di carattere, tipografia e illustrazione

Conclusione

Per un po ', l'illustrazione è stata considerata esclusivamente per le pubblicazioni, libri per bambini o editoriali. Oggi, la maggior parte delle nostre pubblicazioni e  comunicazioni sono state trasformate per il web, di conseguenza, l' illustrazione ha assunto un ruolo molto più vario nel mondo del design e il corretto uso di essa rappresenta un'opportunità per trarre molti benefici.