Graphics for dummies

What

La grafica è uno straordinario mondo in cui dare sfogo alla propria fantasia.

What

In ambito aziendale può riguardare diversi aspetti

What

Brand Identity

What

Documenti e presentazioni

What

Ma per essere grafici bisognerebbe studiare.

What

Ma per essere grafici bisognerebbe studiare.

E noi non abbiamo studiato per fare i graphic designer.

Why

Se non hai studiato per fare il grafico dovresti conoscerne uno bravo.

Why

Se non hai studiato per fare il grafico dovresti conoscerne uno bravo.

E anche se ne conosci uno dovresti capire se è bravo o no dai suoi prodotti.

Why

Spesso però non c’è il tempo per cercare/valutare/interpellare un graphic designer.

Why

Spesso però non c’è il tempo per cercare/valutare/interpellare un graphic designer.

Alcune volte potrebbe anche essere troppo costoso cercarlo/valutarlo/interpellarlo/commissionargli il lavoro.

How

Sfruttare tutte le risorse disponibili.

How

Sfruttare tutte le risorse disponibili

How


Personalizzare lo stile.

How


Personalizzare lo stile.

Curare la qualità in output.

Di cosa parleremo…


Buona grafica vs cattiva grafica



Grafica Vettoriale e Grafica Raster




Adobe Illustrator & Adobe Photoshop




Adobe Illustrator & Adobe Photoshop

Infografiche

Curare l’aspetto grafico dei documenti


Valorizza il proprio lavoro



Dimostra l’importanza data al lavoro stesso



Dimostra l’importanza data al lavoro stesso

È una grossa soddisfazione personale

Cosa significa buona grafica

Buona grafica

Scegliere uno stile grafico

(colori, linee, spessori, caratteri, spaziature..)

Buona grafica



Mantenerlo per tutto il documento o i documenti collegati

Buona grafica



Mantenerlo per tutto il documento o i documenti collegati.

Scegliere gli strumenti grafici adatti allo scopo.

Buona Grafica

Buona grafica

Semplicità

Buona grafica

Semplicità

Leggerezza

Buona grafica

Semplicità

Leggerezza

Chiarezza

Buona grafica

Semplicità

Leggerezza

Chiarezza

Colori tenui e non aggressivi

Diversi tipi di Grafica

Grafica Bitmap

Grafica Bitmap

Chiamata anche Grafica Raster, è una tecnica che definiscel’immagine tramite un mosaico di singoli elementi detti pixel.

Grafica Bitmap

Ogni immagine raster è caratterizzata da una risoluzioneovvero la quantità di pixel presenti nella griglia, date ledimensioni lineari dell’immagine.

Grafica Bitmap

Maggiore sarà la risoluzione di un’immagine, maggiorisaranno i pixel e maggiore sarà la nitidezza. Le immaginibitmap se vengono ingrandite oltre la loro risoluzione nativaperdono qualità e si verifica il classico effetto di calettatura.

Grafica Bitmap

Grafica Bitmap

Le dimensioni in pixel misurano il numero di pixel complessivolungo la larghezza e l’altezza di un’immagine

Grafica Bitmap

Le dimensioni in pixel misurano il numero di pixel complessivolungo la larghezza e l’altezza di un’immagine.

La risoluzione indica invece il livello di dettaglio diun’immagine bitmap e si misura in pixel per pollice (ppi).

Grafica Bitmap

Maggiore è la risoluzione, maggiore è la qualità dell’immagine.

Grafica Bitmap

Maggiore è la risoluzione, maggiore è la qualità dell’immagine.

Un’immagine con una risoluzione elevata consente di ottenereuna migliore qualità in stampa.

Grafica Bitmap

Grafica Bitmap

Ad ogni pixel è associato un colore identificato da un codice diriferimento.

Il codice cambia a seconda del sistema di codifica utilizzato.

RGB

RGB è un modello di colori "additivo" e cioè è un sistema che si basa sutre colori fondamentali.

RGB è l'acronimo di Red, Green e Blue, i nomi dei colori additivi inlingua inglese.

CMYK

È la sigla di Cyan, Magenta, Yellow, Key black; è un modello di coloredetto anche di quadricromia.

Il modello utilizza la combinazione sottrattiva.

Grafica Bitmap

L’applicativo più utilizzato per la manipolazione delle immaginiraster è Adobe Photoshop.

Grafica Bitmap

Il programma è utilizzato per il fotoritocco e il fotomontaggiosia in ambito commerciale che nella fotografia professionale.

Grafica Bitmap

Photoshop può manipolare tutte le estensioni che riguardanofile di immagine.

Grafica BitmapPhotoshop SDPSBBMPCineonCompuServe GIFPhotoshop DCS 1.0Photoshop DCS 2.0DICOMPhotoshop EPSIFFJPEGJPEG2000OpenEXRPCXPhotoshop PDF

PixarPNGPortable Bit MapDati raw di PhotoshopScitex CTTargaTIFFWireless BitmapPhotoshop 2.0 (solo Mac)PICT (sola lettura)Risorsa PICT (solo Mac, sola apertura)Radiance

Grafica Vettoriale

Grafica Vettoriale

La grafica vettoriale è una tecnica utilizzata in computergrafica per descrivere un'immagine. Un‘ immagine è descrittamediante un insieme di primitive geometriche che definisconopunti, linee, curve e poligoni ai quali possono essere attribuiticolori e anche sfumature.

Grafica Vettoriale

Si prestano maggiormente per soggetti quali:

• Loghi

• Schemi

• Illustrazioni

Grafica Vettoriale

Grafica Vettoriale

Essendo definita attraverso equazioni matematiche, èindipendente dalla risoluzione.

Grafica Vettoriale

Grafica Vettoriale

Di ogni elemento si possono definire separatamente

• attributi del bordo (linea)

• attributi del riempimento(area)

Grafica Vettoriale

Esistono diversi applicativi per la gestione e l’utilizzo diimmagini vettoriali, ma il più importante è Adobe Illustrator.

Grafica Vettoriale

Il programma utilizza file nativi con estensione

.ai

Infografiche

Infografiche

Durante la vita di tutti i giorni l’uomo si trova in situazioni in cui deve comunicare

Infografiche

Quattro sono gli aspetti dell’informazione legati al processo di comunicazione:

Infografiche


Aspetto quantitativo: quale è la quantità di informazione emessa da una sorgente? Quale la velocità o la efficienza del trasferimento dell’informazione attraverso un canale?

Infografiche


Aspetto qualitativo: quale è la precisione con cui l’informazione ricevuta rappresenta ciò che è stato trasmesso (problematica legata al rumore e quindi alla probabilità di errore).

Infografiche


Aspetto semantico: quale è il significato del messaggio, e come i simboli trasmessi trasportano il significato desiderato?

Infografiche


Aspetto dell’efficacia: in che misura il significato giunto a destinazione provoca un comportamento desiderato?

Infografiche

Aspetti che ci interessano:

Efficienza del canale

Infografiche



Qualità dell’informazione

Infografiche




Semantica

Infografiche




Semantica

Efficacia

Infografiche

Esistono molti modi per trasmettere informazioni dal punto di vista grafico.

Infografiche

Esistono molti modi per trasmettere informazioni dal punto di vista grafico.

Diversi strumenti possono rispondere in maniera diversa ai parametri descritti

Infografiche

Testi

Infografiche

Testi

Elenchi

Infografiche

Testi

Elenchi

Tabelle

Infografiche

Testi

Elenchi

Tabelle

Grafici

Infografiche

Sono strumenti precisi e completi, ma peccano in efficacia e in qualità dell’informazione.

Infografiche

Partiamo dal concetto di EFFICACIA

Infografiche

Nella somministrazione di un qualsiasi tipo di informazione l’EFFETTO VOLUTO è:

Infografiche


• Esattezza del contenuto

Infografiche



• Completezza dell’informazione trasmessa

Infografiche



• Completezza dell’informazione trasmessa

• Tempo breve nella trasmissione dell’informazione tra sorgente e ricevente

Infografiche

E’ necessario quindi uno strumento che garantisca rapidità di trasmissione dell’informazione e preservi la totalità dell’informazione trasmessa.

Infografiche

Per rispondere a queste due caratteristiche di recente si è diffusa una tecnica che permette la trasmissione di dati con l’immediatezza degli strumenti grafici

Infografiche

INFORMAZIONE

Infografiche

INFORMAZIONE GRAFICA

INFOGRAFICA

Infografiche

Esistono diversi tipi a seconda dei dati da rappresentare

Infografiche

Riassuntive

Infografiche

Rappresentative di elenchi

Infografiche

Geografiche

Infografiche

Linee Temporali

Infografiche

Riassuntive di eventi

Infografiche

A tema

Infografiche

Fantastiche

Infografiche

Orribili

Infografiche

Curriculum

Graphics for dummies

Self Improvement

Transcript of Graphics for dummies