Barilla Studio è una fantastica iniziativa dell’azienda omonima che mette a disposizione di tutti Graphic Designer le immagini e i loghi vettoriali dell’azienda in questione e di tutte le altre subaziende a essa associata.

In Barilla Studio potrai scaricare tutte le immagini ad alta risoluzione scontornate dei prodotti barilla e delle subaziende.

Davvero una risorsa che si rivela preziosissima quando dobbiamo realizzare volantini promozionali per i nostri clienti.

Se si sceglie un formato sbagliato, l’immagine potrebbe non venir compressa sufficientemente o addirittura potrebbe non assumere l’aspetto desiderato. In ogni caso per creare un sito web attraente occorre utilizzare la grafica con accortezza.

Come abbiamo gia detto nelle lezioni precedenti, se si usano troppe immagini, i tempi di caricamento delle pagine web risulteranno troppo lunghi e gli utenti se la danno a gambe pur di non aspettare. Allora si deve bilanciare immagini e Html per rispondere alle esigenze degli utenti.

I sudetti formati sono caratterizzati da questi aspetti:

Risoluzione – rapporto tra dimensioni e qualità visiva dell’immagine; comprende due aspetti:

• Quantità di punti che compongono effettivamente l’immagine; si misura in pixel.
  Esempio: 640 x 480 (640 pixel orizzontali x 480 verticali), 1024 x 768 e così via.
• Densità dei punti nella visualizzazione o stampa; si misura in dpi (dot per inch, punti per pollice).
  Esempio: 72 dpi, 300 dpi e così via.

Profondità di colore -

numero massimo di colori possibili; si misura in bit.
Valori tipici: 8 bit (256 colori), 16 bit (65mila colori), 24 bit (milioni di colori).

Formato/compressione – formato di salvataggio o codifica del file. Alcuni formati permettono di comprimere i dati, ottenendo file di dimensioni ridotte, in tal caso però certi metodi di compressione (detti lossy o distruttivi) possono influire negativamente sulla qualità dell’immagine.

Esempio di formato non compresso: BMP (Windows/OS2 Bitmap).
Esempi di formati compressi: TIFF, GIF, JPEG, PNG.

Bisogna colpire il visitatore facendo crescere in lui una sorta di emozione grafica e senza un impatto visivo di forma, colore e contrasto le pagine risulteranno noiose e non attireranno il visitatore.

Quindi il compito principale della progettazione grafica è creare un’impatto visivo forte e coerente, nella quale gli elementi di rilievo vengono evidenziati ed il contenuto è organizzato in modo logico e prevedibile.

Quando una pagina viene visualizzata da un utente, appare come una vasta massa di forme e colori, con elementi in primo piano in contrasto con lo sfondo.

Solo successivamente le informazioni specifiche vengono percepite, prima con l’ausilio delle immagini, se presenti, ed infine con l’analisi del testo.

Il lettore deve essere attirato verso il contenuto, e ciò è possibile trovando il giusto equilibrio grafico.

Ad esempio una pagina piena di testo respinge l’occhio, perché sembra una massa di grigio indifferenziato, cosi come una pagina dominata da grafica scadente o eccessivamente pesante respinge gli utenti che cercano contenuti di interesse.

Quindi, cercare il giusto equilibrio tra testo, immagini e collegamenti cercando di essere sempre coerenti nella distribuzione dei contenuti all’interno delle pagine.

” utilizzare immagini relativamente piccole è sicuramente il modo migliore per realizzare pagine web di successo”

Odio ripetermi ma devo sottolineare che la coerenza è un fattore che influisce pesantemente sulla riuscita del vostro sito web.

Una volta che si definisce il layout grafico e lo stile di gestione del testo e delle immagini, è necessario applicarlo a tutte le pagine del sito per creare ritmo e unità. Quindi utilizzare sempre lo stesso template per tutte le vostre pagine oppure uno per la Home e uno per le pagine.

La ripetizione non è assolutamente noiosa e fornisce al sito un’identità grafica che lo rende riconoscibile e memorabile . Inoltre la stabilità delle pagine consentirà agli utenti di adattarsi rapidamente e di prevedere con sicurezza la posizione delle informazioni.

La coerenza permette al visitatore di sentire “suo” il sito web. Il visitatore medio odia cercare il punto dove cliccare se i link sono mal distribuiti.