SlideShare a Scribd company logo
1 of 146
Download to read offline
What
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
Brand Identity
What
Brand Identity
What
Brand Identity
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
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
How
Sfruttare tutte le risorse disponibili.
How
Sfruttare tutte le risorse disponibili
How
Sfruttare tutte le risorse disponibili.
Personalizzare lo stile.
How
Sfruttare tutte le risorse disponibili.
Personalizzare lo stile.
How
Sfruttare tutte le risorse disponibili.
Personalizzare lo stile.
Curare la qualità in output.
How
Sfruttare tutte le risorse disponibili.
Personalizzare lo stile.
Curare la qualità in output.
Di cosa parleremo…
Di cosa parleremo…
Di cosa parleremo…
Buona grafica vs cattiva grafica
Di cosa parleremo…
Buona grafica vs cattiva grafica
Grafica Vettoriale e Grafica Raster
Di cosa parleremo…
Buona grafica vs cattiva grafica
Grafica Vettoriale e Grafica Raster
Adobe Illustrator & Adobe Photoshop
Di cosa parleremo…
Buona grafica vs cattiva grafica
Grafica Vettoriale e Grafica Raster
Adobe Illustrator & Adobe Photoshop
Infografiche
Curare l’aspetto grafico dei documenti
Curare l’aspetto grafico dei documenti
Valorizza il proprio lavoro
Curare l’aspetto grafico dei documenti
Valorizza il proprio lavoro
Dimostra l’importanza data al lavoro stesso
Curare l’aspetto grafico dei documenti
Valorizza il proprio lavoro
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
Scegliere uno stile grafico
(colori, linee, spessori, caratteri, spaziature..)
Mantenerlo per tutto il documento o i documenti collegati
Buona grafica
Scegliere uno stile grafico
(colori, linee, spessori, caratteri, spaziature..)
Mantenerlo per tutto il documento o i documenti collegati.
Scegliere gli strumenti grafici adatti allo scopo.
Buona Grafica
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 definisce
l’immagine tramite un mosaico di singoli elementi detti pixel.
Grafica Bitmap
Ogni immagine raster è caratterizzata da una risoluzione
ovvero la quantità di pixel presenti nella griglia, date le
dimensioni lineari dell’immagine.
Grafica Bitmap
Maggiore sarà la risoluzione di un’immagine, maggiori
saranno i pixel e maggiore sarà la nitidezza. Le immagini
bitmap se vengono ingrandite oltre la loro risoluzione nativa
perdono qualità e si verifica il classico effetto di calettatura.
Grafica Bitmap
Grafica Bitmap
Grafica Bitmap
Grafica Bitmap
Le dimensioni in pixel misurano il numero di pixel complessivo
lungo la larghezza e l’altezza di un’immagine
Grafica Bitmap
Le dimensioni in pixel misurano il numero di pixel complessivo
lungo la larghezza e l’altezza di un’immagine.
La risoluzione indica invece il livello di dettaglio di
un’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 ottenere
una migliore qualità in stampa.
Grafica Bitmap
Grafica Bitmap
Ad ogni pixel è associato un colore identificato da un codice di
riferimento.
Il codice cambia a seconda del sistema di codifica utilizzato.
RGB
RGB è un modello di colori "additivo" e cioè è un sistema che si basa su
tre colori fondamentali.
RGB è l'acronimo di Red, Green e Blue, i nomi dei colori additivi in
lingua inglese.
CMYK
È la sigla di Cyan, Magenta, Yellow, Key black; è un modello di colore
detto anche di quadricromia.
Il modello utilizza la combinazione sottrattiva.
Grafica Bitmap
L’applicativo più utilizzato per la manipolazione delle immagini
raster è Adobe Photoshop.
Grafica Bitmap
Il programma è utilizzato per il fotoritocco e il fotomontaggio
sia in ambito commerciale che nella fotografia professionale.
Grafica Bitmap
Photoshop può manipolare tutte le estensioni che riguardano
file di immagine.
Grafica Bitmap
Photoshop SD
PSB
BMP
Cineon
CompuServe GIF
Photoshop DCS 1.0
Photoshop DCS 2.0
DICOM
Photoshop EPS
IFF
JPEG
JPEG2000
OpenEXR
PCX
Photoshop PDF
Pixar
PNG
Portable Bit Map
Dati raw di Photoshop
Scitex CT
Targa
TIFF
Wireless Bitmap
Photoshop 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 computer
grafica per descrivere un'immagine. Un‘ immagine è descritta
mediante un insieme di primitive geometriche che definiscono
punti, linee, curve e poligoni ai quali possono essere attribuiti
colori e anche sfumature.
Grafica Vettoriale
Si prestano maggiormente per soggetti quali:
• Loghi
• Schemi
• Illustrazioni
Grafica Vettoriale
Grafica Vettoriale
Grafica Vettoriale
Grafica Vettoriale
Grafica Vettoriale
Essendo definita attraverso equazioni matematiche, è
indipendente dalla risoluzione.
Grafica Vettoriale
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 di
immagini 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
Quattro sono gli aspetti dell’informazione legati al processo di
comunicazione:
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
Quattro sono gli aspetti dell’informazione legati al processo di
comunicazione:
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
Quattro sono gli aspetti dell’informazione legati al processo di
comunicazione:
Aspetto semantico: quale è il significato del messaggio, e come i simboli
trasmessi trasportano il significato desiderato?
Infografiche
Quattro sono gli aspetti dell’informazione legati al processo di
comunicazione:
Aspetto dell’efficacia: in che misura il significato giunto a destinazione
provoca un comportamento desiderato?
Infografiche
Aspetti che ci interessano:
Efficienza del canale
Infografiche
Aspetti che ci interessano:
Efficienza del canale
Qualità dell’informazione
Infografiche
Aspetti che ci interessano:
Efficienza del canale
Qualità dell’informazione
Semantica
Infografiche
Aspetti che ci interessano:
Efficienza del canale
Qualità dell’informazione
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
Partiamo dal concetto di EFFICACIA
Infografiche
Nella somministrazione di un qualsiasi tipo di informazione
l’EFFETTO VOLUTO è:
Infografiche
Nella somministrazione di un qualsiasi tipo di informazione
l’EFFETTO VOLUTO è:
• Esattezza del contenuto
Infografiche
Nella somministrazione di un qualsiasi tipo di informazione
l’EFFETTO VOLUTO è:
• Esattezza del contenuto
• Completezza dell’informazione trasmessa
Infografiche
Nella somministrazione di un qualsiasi tipo di informazione
l’EFFETTO VOLUTO è:
• Esattezza del contenuto
• Completezza dell’informazione trasmessa
• Tempo breve nella trasmissione dell’informazione tra sorgente e
ricevente
Infografiche
Nella somministrazione di un qualsiasi tipo di informazione
l’EFFETTO VOLUTO è:
• Esattezza del contenuto
• Completezza dell’informazione trasmessa
• Tempo breve nella trasmissione dell’informazione tra sorgente e
ricevente
Infografiche
Nella somministrazione di un qualsiasi tipo di informazione
l’EFFETTO VOLUTO è:
• Esattezza del contenuto
• 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
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

More Related Content

Viewers also liked

Viewers also liked (13)

Quale software libero usare a scuola
Quale software libero usare a scuolaQuale software libero usare a scuola
Quale software libero usare a scuola
 
Grafica per il Marketing in pillole - 03 Font
Grafica per il Marketing in pillole - 03 FontGrafica per il Marketing in pillole - 03 Font
Grafica per il Marketing in pillole - 03 Font
 
LibreOffice Calc base
LibreOffice Calc baseLibreOffice Calc base
LibreOffice Calc base
 
Comunicare con le slide
Comunicare con le slideComunicare con le slide
Comunicare con le slide
 
Lantichi blendspace
Lantichi blendspaceLantichi blendspace
Lantichi blendspace
 
25 Pro Design Tips for Killer Logos
25 Pro Design Tips for Killer Logos25 Pro Design Tips for Killer Logos
25 Pro Design Tips for Killer Logos
 
Web advanced-10-svg
Web advanced-10-svgWeb advanced-10-svg
Web advanced-10-svg
 
I manuali del comunicare. NON C'È CAMPO. L’improbabilità del comunicare (part...
I manuali del comunicare. NON C'È CAMPO. L’improbabilità del comunicare (part...I manuali del comunicare. NON C'È CAMPO. L’improbabilità del comunicare (part...
I manuali del comunicare. NON C'È CAMPO. L’improbabilità del comunicare (part...
 
I manuali del comunicare. UNA BUONA IDEA VALE PIU' DI MILLE PAROLE.
I manuali del comunicare. UNA BUONA IDEA VALE PIU' DI MILLE PAROLE.I manuali del comunicare. UNA BUONA IDEA VALE PIU' DI MILLE PAROLE.
I manuali del comunicare. UNA BUONA IDEA VALE PIU' DI MILLE PAROLE.
 
I manuali del comunicare. COMUNICARE CON LE EMOZIONI. Memorabilità e ricordo.
I manuali del comunicare. COMUNICARE CON LE EMOZIONI. Memorabilità e ricordo.I manuali del comunicare. COMUNICARE CON LE EMOZIONI. Memorabilità e ricordo.
I manuali del comunicare. COMUNICARE CON LE EMOZIONI. Memorabilità e ricordo.
 
I manuali del comunicare. PSICOLOGIA DELLA FORMA E DEI COLORI
I manuali del comunicare. PSICOLOGIA DELLA FORMA E DEI COLORII manuali del comunicare. PSICOLOGIA DELLA FORMA E DEI COLORI
I manuali del comunicare. PSICOLOGIA DELLA FORMA E DEI COLORI
 
Didattica e i pad per scienze integrate
Didattica e i pad per scienze integrateDidattica e i pad per scienze integrate
Didattica e i pad per scienze integrate
 
Programma trg
Programma trgProgramma trg
Programma trg
 

Similar to Graphics for dummies

Le immagini digitali ema olly
Le immagini digitali ema ollyLe immagini digitali ema olly
Le immagini digitali ema olly
ema_cr
 
Compito di informatica in italiano
Compito di informatica in italianoCompito di informatica in italiano
Compito di informatica in italiano
alessandrobritta
 

Similar to Graphics for dummies (20)

Grafica - SLIDE CORSO.pdf
Grafica - SLIDE CORSO.pdfGrafica - SLIDE CORSO.pdf
Grafica - SLIDE CORSO.pdf
 
Grafica sul web: concetti di base
Grafica sul web: concetti di baseGrafica sul web: concetti di base
Grafica sul web: concetti di base
 
Immagini Digitali
Immagini DigitaliImmagini Digitali
Immagini Digitali
 
Tecnico/commerciale
Tecnico/commercialeTecnico/commerciale
Tecnico/commerciale
 
Modulo 1 - Grafica e Multimedia.pdf
Modulo 1 - Grafica e Multimedia.pdfModulo 1 - Grafica e Multimedia.pdf
Modulo 1 - Grafica e Multimedia.pdf
 
Come usare e ottimizzare le immagini per il web
Come usare e ottimizzare le immagini per il webCome usare e ottimizzare le immagini per il web
Come usare e ottimizzare le immagini per il web
 
formato vettoriale immagini.pdf
formato vettoriale immagini.pdfformato vettoriale immagini.pdf
formato vettoriale immagini.pdf
 
Gimp, grafica e fotoritocco
Gimp, grafica e fotoritoccoGimp, grafica e fotoritocco
Gimp, grafica e fotoritocco
 
Le immagini digitali ema olly
Le immagini digitali ema ollyLe immagini digitali ema olly
Le immagini digitali ema olly
 
Domande e risposte sulla gestione del colore
Domande e risposte sulla gestione del coloreDomande e risposte sulla gestione del colore
Domande e risposte sulla gestione del colore
 
Informatica applicata ai beni culturali
Informatica applicata ai beni culturaliInformatica applicata ai beni culturali
Informatica applicata ai beni culturali
 
Linee Guida Per La Gestione Dei Profili Colore
Linee Guida Per La Gestione Dei Profili ColoreLinee Guida Per La Gestione Dei Profili Colore
Linee Guida Per La Gestione Dei Profili Colore
 
Gos Corso Photoshop - Profili colore
Gos Corso Photoshop - Profili coloreGos Corso Photoshop - Profili colore
Gos Corso Photoshop - Profili colore
 
Gos Corso Photoshop - Teoria colore
Gos Corso Photoshop - Teoria coloreGos Corso Photoshop - Teoria colore
Gos Corso Photoshop - Teoria colore
 
Compito di informatica in italiano
Compito di informatica in italianoCompito di informatica in italiano
Compito di informatica in italiano
 
Mael Chiabrera, Software Developer; Viola Bongini, Digital Experience Designe...
Mael Chiabrera, Software Developer; Viola Bongini, Digital Experience Designe...Mael Chiabrera, Software Developer; Viola Bongini, Digital Experience Designe...
Mael Chiabrera, Software Developer; Viola Bongini, Digital Experience Designe...
 
Dallo scatto al volantino
Dallo scatto al volantinoDallo scatto al volantino
Dallo scatto al volantino
 
Gestione del Colore
Gestione del Colore Gestione del Colore
Gestione del Colore
 
La data visualization
La data visualizationLa data visualization
La data visualization
 
L'Intelligenza Artificiale per il Marketing Automation - Come automatizzare l...
L'Intelligenza Artificiale per il Marketing Automation - Come automatizzare l...L'Intelligenza Artificiale per il Marketing Automation - Come automatizzare l...
L'Intelligenza Artificiale per il Marketing Automation - Come automatizzare l...
 

Graphics for dummies