SlideShare une entreprise Scribd logo
1  sur  61
Télécharger pour lire hors ligne
GRAFICA


  Transforming your imagination into reality.




                                                1
I PRINCIPI
  DELLA GESTALT
http://graphicdesign.spokanefalls.edu/tutorials/process/gestaltprinciples/gestaltprinc.htm




                Transforming your imagination into reality.




                                                                                             2
I PRINCIPI DELLA GESTALT


Cos’è la Gestalt?

La Gestalt è una corrente di pensiero, nata in
Germania fra la ne dell'Ottocento e gli inizi del
Novecento. I suoi sostenitori affermarono che la
percezione di ciò che ci circonda non è la semplice
somma di elementi e sensazioni primarie, bensì
un'unità strutturata di esse.



        Transforming your imagination into reality.




                                                      3
I PRINCIPI DELLA GESTALT


Similitudine




Quando un oggetto è simile ad un altro, essi
vengono percepiti come un unico gruppo o pattern.
Nell’immagine 11 punte distinte vengono percepite come un’unica entità.


                Transforming your imagination into reality.




                                                                          4
I PRINCIPI DELLA GESTALT


Similitudine




Possiamo porre enfasi su un elemento, sfruttando
la sua anomalia rispetto agli oggetti simili.

        Transforming your imagination into reality.




                                                      5
I PRINCIPI DELLA GESTALT


Continuazione




Si ha continuazione quando l’occhio si sposta da un
oggetto all’altro, seguendo la direzione di un
elemento gra co.

        Transforming your imagination into reality.




                                                      6
I PRINCIPI DELLA GESTALT


Chiusura




Abbiamo chiusura quando un oggetto è incompleto
o ha spazi non completamente chiusi ma, tuttavia,
lo percepiamo chiuso.

        Transforming your imagination into reality.




                                                      7
I PRINCIPI DELLA GESTALT


Prossimità




Quando degli elementi sono posizionati vicini, essi
vengono percepiti come un gruppo unico se hanno
caratteristiche simili.

        Transforming your imagination into reality.




                                                      8
I PRINCIPI DELLA GESTALT


Figura e sfondo




L’occhio umano differenzia tra un oggetto e il suo
sfondo. Giocare con gli oggetti e il loro sfondo ci
offre molte possibilità gra che.

        Transforming your imagination into reality.




                                                      9
ALTRI PRINCIPI
DEL DESIGN


  Transforming your imagination into reality.




                                                10
I PRINCIPI DEL DESIGN

Organizzazione degli elementi
ELEMENTI                                              CARATTERISTICHE
• Immagini                                            • Colore
• Elementi gra ci                                     • Peso e proporzione
• Sfondi                                              • Allineamento
• Vuoto                                               • Dimensione
• Font                                                • Direzione
• Loghi
• Contatti e info


        Transforming your imagination into reality.




                                                                             11
I PRINCIPI DEL DESIGN




Organizzazione
degli elementi




       Transforming your imagination into reality.




                                                     12
I PRINCIPI DEL DESIGN

Organizzare gli intervalli




Così come la musica è l’organizzazione degli
intervalli tra 7 note, anche la gra ca si basa
sull’organizzazione degli intervalli tra gli elementi.
        Transforming your imagination into reality.




                                                         13
I PRINCIPI DEL DESIGN

Bilanciamento del peso

Il peso di un elemento è dato dal rapporto tra sua
dimensione e la densità.

Un colore più scuro dà più peso all’elemento.

Tanti elementi sono dif cili da bilanciare,
puntiamo quindi a tenere solo quelli essenziali.




        Transforming your imagination into reality.




                                                      14
I PRINCIPI DEL DESIGN

Combinazioni armoniche




       Transforming your imagination into reality.




                                                     15
COMBINAZIONI ARMONICHE




      Transforming your imagination into reality.




                                                    16
COMBINAZIONI ARMONICHE




      Transforming your imagination into reality.




                                                    17
COMBINAZIONI ARMONICHE




      Transforming your imagination into reality.




                                                    18
COMBINAZIONI ARMONICHE




      Transforming your imagination into reality.




                                                    19
COMBINAZIONI ARMONICHE




   kuler.adobe.com
      Transforming your imagination into reality.




                                                    20
I PRINCIPI DEL DESIGN

Colori simili per indicare
una relazione




       Transforming your imagination into reality.




                                                     21
I PRINCIPI DEL DESIGN

Ricordarsi delle connotazioni sociali
dei colori




       Transforming your imagination into reality.




                                                     22
I PRINCIPI DEL DESIGN

Differenziare gli stili del testo




       Transforming your imagination into reality.




                                                     23
I PRINCIPI DEL DESIGN


Ritmo


Ripetizione di elementi simili che il lettore può
percepire con un senso di organizzazione e unità.




        Transforming your imagination into reality.




                                                      24
I PRINCIPI DEL DESIGN




                        25
I PRINCIPI DEL DESIGN


Semplicità


Non usiamo gra ca inutile.




        Transforming your imagination into reality.




                                                      26
I PRINCIPI DEL DESIGN




                        27
I PRINCIPI DEL DESIGN

Icone per rappresentare i concetti




   Idea!                                             Direzione   Fortuna

       Transforming your imagination into reality.




                                                                           28
I PRINCIPI DEL DESIGN

Icone per rappresentare i concetti




  Crescita                                 Speranza e calore   Accordo

       Transforming your imagination into reality.




                                                                         29
I PRINCIPI DEL DESIGN

Contrasto e leggibilità

Contrasto e leggibilità
Contrasto e leggibilità
Contrasto e leggibilità
Contrasto e leggibilità



       Transforming your imagination into reality.




                                                     30
I PRINCIPI DEL DESIGN


Spostamento dell’occhio




       Transforming your imagination into reality.




                                                     31
ALLINEAMENTI




      Transforming your imagination into reality.




                                                    32
FONT


  Transforming your imagination into reality.




                                                33
FONT




       Transforming your imagination into reality.




                                                     34
FONT




                      www.100besteschriften.de
       Transforming your imagination into reality.




                                                     35
FONT



Adobe Caslon Pro
Adobe Caslon Pro

Adobe Caslon Pro
Adobe Caslon Pro

       Transforming your imagination into reality.




                                                     36
FONT



Avant Garde
Avant Garde

Avant Garde
Avant Garde

       Transforming your imagination into reality.




                                                     37
FONT



Bembo
Bembo

Bembo
Bembo

       Transforming your imagination into reality.




                                                     38
FONT




Dax
Dax




       Transforming your imagination into reality.




                                                     39
FONT



DIN
DIN

DIN
DIN

       Transforming your imagination into reality.




                                                     40
FONT



Frutiger
Frutiger

Frutiger
Frutiger

       Transforming your imagination into reality.




                                                     41
FONT



Garamond
Garamond

Garamond
Garamond

       Transforming your imagination into reality.




                                                     42
FONT



Helvetica
Helvetica

Helvetica
Helvetica

       Transforming your imagination into reality.




                                                     43
FONT



Meta
Meta

Meta
Meta

       Transforming your imagination into reality.




                                                     44
FONT



Meta Serif
Meta Serif

Meta Serif
Meta Serif

       Transforming your imagination into reality.




                                                     45
FONT



Myriad
Myriad

Myriad
Myriad

       Transforming your imagination into reality.




                                                     46
FONT



Sabon
Sabon

Sabon
Sabon

       Transforming your imagination into reality.




                                                     47
COLORI


  Transforming your imagination into reality.




                                                48
COLORI

Rosso




Energia, velocità, pericolo, forza, eccitazione, sesso




         Transforming your imagination into reality.




                                                         49
COLORI

Arancione




Caldo, vibrante, stimola l’acquisto




         Transforming your imagination into reality.




                                                       50
COLORI

Giallo




Stimolante, sentimenti, calore, felicità




         Transforming your imagination into reality.




                                                       51
COLORI

Verde




Fresco, natura, speranza




         Transforming your imagination into reality.




                                                       52
COLORI

Blu




Sicurezza, responsabilità, ducia, calma




         Transforming your imagination into reality.




                                                       53
COLORI

Porpora




Spiritualità, dignità, vanità




         Transforming your imagination into reality.




                                                       54
COLORI

Rosa




Delicato, amore, dolcezza




         Transforming your imagination into reality.




                                                       55
COLORI

Marrone




Benessere, amicizia, senso di unione




         Transforming your imagination into reality.




                                                       56
COLORI

Bianco




Purezza, pulizia, natura, luce




         Transforming your imagination into reality.




                                                       57
COLORI

Nero




So sticato, elegante, misterioso, morte




         Transforming your imagination into reality.




                                                       58
RISORSE
PRATICHE


  Transforming your imagination into reality.




                                                63
DOVE TROVARE IMMAGINI GRATUITE




                                  www.sxc.hu
      Transforming your imagination into reality.




                                                    64
DOVE TROVARE IMMAGINI A BASSO PREZZO




      Transforming your imagination into reality.




                                                    65

Contenu connexe

Tendances

Font analysis
Font analysisFont analysis
Font analysisJamelotti
 
Dalla prestampa alla stampa
Dalla prestampa alla stampaDalla prestampa alla stampa
Dalla prestampa alla stampaAlessandro Stech
 
Corporate identity | Corso di Composizione Grafica | ISIA Firenze
Corporate identity | Corso di Composizione Grafica | ISIA FirenzeCorporate identity | Corso di Composizione Grafica | ISIA Firenze
Corporate identity | Corso di Composizione Grafica | ISIA FirenzeMassimiliano "Max" Pinucci
 
L'IMMAGINE PUBBLICITARIA
L'IMMAGINE PUBBLICITARIAL'IMMAGINE PUBBLICITARIA
L'IMMAGINE PUBBLICITARIAandrea vecoli
 
REBRANDING E STUDIO DELL'IDENTITA' VISIVA E MULTIMEDIALE DI UN AZIENDA
REBRANDING E STUDIO DELL'IDENTITA' VISIVA E MULTIMEDIALE DI UN AZIENDAREBRANDING E STUDIO DELL'IDENTITA' VISIVA E MULTIMEDIALE DI UN AZIENDA
REBRANDING E STUDIO DELL'IDENTITA' VISIVA E MULTIMEDIALE DI UN AZIENDARaffaele Conti
 
Tesi di Laurea in Grafica "Progettare l'identità"
Tesi di Laurea in Grafica "Progettare l'identità"Tesi di Laurea in Grafica "Progettare l'identità"
Tesi di Laurea in Grafica "Progettare l'identità"Daniela Verona
 
Modulo 1 - Grafica e Multimedia.pdf
Modulo 1 - Grafica e Multimedia.pdfModulo 1 - Grafica e Multimedia.pdf
Modulo 1 - Grafica e Multimedia.pdfGiacomoMessina3
 
Il linguaggio della pubblicità
Il linguaggio della  pubblicità Il linguaggio della  pubblicità
Il linguaggio della pubblicità Veronica Gavioli
 
Quick guide to Graphic Designing Basics
Quick guide to Graphic Designing BasicsQuick guide to Graphic Designing Basics
Quick guide to Graphic Designing BasicsAasthakaushik3
 
La pubblicità
La pubblicitàLa pubblicità
La pubblicitàVito Rizzo
 
Creative Ideas In Advertising and Design
Creative Ideas In Advertising and DesignCreative Ideas In Advertising and Design
Creative Ideas In Advertising and DesignIntrepidNavigator
 
Come si realizza un'Infografica
Come si realizza un'InfograficaCome si realizza un'Infografica
Come si realizza un'InfograficaOdgToscana
 

Tendances (20)

Font analysis
Font analysisFont analysis
Font analysis
 
What's Behind? Logo
What's Behind? LogoWhat's Behind? Logo
What's Behind? Logo
 
Dalla prestampa alla stampa
Dalla prestampa alla stampaDalla prestampa alla stampa
Dalla prestampa alla stampa
 
Corporate identity | Corso di Composizione Grafica | ISIA Firenze
Corporate identity | Corso di Composizione Grafica | ISIA FirenzeCorporate identity | Corso di Composizione Grafica | ISIA Firenze
Corporate identity | Corso di Composizione Grafica | ISIA Firenze
 
Branding e Brand Identity
Branding e Brand IdentityBranding e Brand Identity
Branding e Brand Identity
 
L'IMMAGINE PUBBLICITARIA
L'IMMAGINE PUBBLICITARIAL'IMMAGINE PUBBLICITARIA
L'IMMAGINE PUBBLICITARIA
 
Infografiche
InfograficheInfografiche
Infografiche
 
REBRANDING E STUDIO DELL'IDENTITA' VISIVA E MULTIMEDIALE DI UN AZIENDA
REBRANDING E STUDIO DELL'IDENTITA' VISIVA E MULTIMEDIALE DI UN AZIENDAREBRANDING E STUDIO DELL'IDENTITA' VISIVA E MULTIMEDIALE DI UN AZIENDA
REBRANDING E STUDIO DELL'IDENTITA' VISIVA E MULTIMEDIALE DI UN AZIENDA
 
Tesi di Laurea in Grafica "Progettare l'identità"
Tesi di Laurea in Grafica "Progettare l'identità"Tesi di Laurea in Grafica "Progettare l'identità"
Tesi di Laurea in Grafica "Progettare l'identità"
 
Modulo 1 - Grafica e Multimedia.pdf
Modulo 1 - Grafica e Multimedia.pdfModulo 1 - Grafica e Multimedia.pdf
Modulo 1 - Grafica e Multimedia.pdf
 
BRANDEVOLUTION - Dal marchio alla marca
BRANDEVOLUTION - Dal marchio alla marcaBRANDEVOLUTION - Dal marchio alla marca
BRANDEVOLUTION - Dal marchio alla marca
 
Il colore
Il coloreIl colore
Il colore
 
Linee Guida - Brand Identity
Linee Guida - Brand IdentityLinee Guida - Brand Identity
Linee Guida - Brand Identity
 
02 - Adobe Illustrator - strumenti base
02 - Adobe Illustrator - strumenti base02 - Adobe Illustrator - strumenti base
02 - Adobe Illustrator - strumenti base
 
Il linguaggio della pubblicità
Il linguaggio della  pubblicità Il linguaggio della  pubblicità
Il linguaggio della pubblicità
 
Quick guide to Graphic Designing Basics
Quick guide to Graphic Designing BasicsQuick guide to Graphic Designing Basics
Quick guide to Graphic Designing Basics
 
La pubblicità
La pubblicitàLa pubblicità
La pubblicità
 
Analisi pubblicita
Analisi pubblicitaAnalisi pubblicita
Analisi pubblicita
 
Creative Ideas In Advertising and Design
Creative Ideas In Advertising and DesignCreative Ideas In Advertising and Design
Creative Ideas In Advertising and Design
 
Come si realizza un'Infografica
Come si realizza un'InfograficaCome si realizza un'Infografica
Come si realizza un'Infografica
 

Principi di grafica

  • 1. GRAFICA Transforming your imagination into reality. 1
  • 2. I PRINCIPI DELLA GESTALT http://graphicdesign.spokanefalls.edu/tutorials/process/gestaltprinciples/gestaltprinc.htm Transforming your imagination into reality. 2
  • 3. I PRINCIPI DELLA GESTALT Cos’è la Gestalt? La Gestalt è una corrente di pensiero, nata in Germania fra la ne dell'Ottocento e gli inizi del Novecento. I suoi sostenitori affermarono che la percezione di ciò che ci circonda non è la semplice somma di elementi e sensazioni primarie, bensì un'unità strutturata di esse. Transforming your imagination into reality. 3
  • 4. I PRINCIPI DELLA GESTALT Similitudine Quando un oggetto è simile ad un altro, essi vengono percepiti come un unico gruppo o pattern. Nell’immagine 11 punte distinte vengono percepite come un’unica entità. Transforming your imagination into reality. 4
  • 5. I PRINCIPI DELLA GESTALT Similitudine Possiamo porre enfasi su un elemento, sfruttando la sua anomalia rispetto agli oggetti simili. Transforming your imagination into reality. 5
  • 6. I PRINCIPI DELLA GESTALT Continuazione Si ha continuazione quando l’occhio si sposta da un oggetto all’altro, seguendo la direzione di un elemento gra co. Transforming your imagination into reality. 6
  • 7. I PRINCIPI DELLA GESTALT Chiusura Abbiamo chiusura quando un oggetto è incompleto o ha spazi non completamente chiusi ma, tuttavia, lo percepiamo chiuso. Transforming your imagination into reality. 7
  • 8. I PRINCIPI DELLA GESTALT Prossimità Quando degli elementi sono posizionati vicini, essi vengono percepiti come un gruppo unico se hanno caratteristiche simili. Transforming your imagination into reality. 8
  • 9. I PRINCIPI DELLA GESTALT Figura e sfondo L’occhio umano differenzia tra un oggetto e il suo sfondo. Giocare con gli oggetti e il loro sfondo ci offre molte possibilità gra che. Transforming your imagination into reality. 9
  • 10. ALTRI PRINCIPI DEL DESIGN Transforming your imagination into reality. 10
  • 11. I PRINCIPI DEL DESIGN Organizzazione degli elementi ELEMENTI CARATTERISTICHE • Immagini • Colore • Elementi gra ci • Peso e proporzione • Sfondi • Allineamento • Vuoto • Dimensione • Font • Direzione • Loghi • Contatti e info Transforming your imagination into reality. 11
  • 12. I PRINCIPI DEL DESIGN Organizzazione degli elementi Transforming your imagination into reality. 12
  • 13. I PRINCIPI DEL DESIGN Organizzare gli intervalli Così come la musica è l’organizzazione degli intervalli tra 7 note, anche la gra ca si basa sull’organizzazione degli intervalli tra gli elementi. Transforming your imagination into reality. 13
  • 14. I PRINCIPI DEL DESIGN Bilanciamento del peso Il peso di un elemento è dato dal rapporto tra sua dimensione e la densità. Un colore più scuro dà più peso all’elemento. Tanti elementi sono dif cili da bilanciare, puntiamo quindi a tenere solo quelli essenziali. Transforming your imagination into reality. 14
  • 15. I PRINCIPI DEL DESIGN Combinazioni armoniche Transforming your imagination into reality. 15
  • 16. COMBINAZIONI ARMONICHE Transforming your imagination into reality. 16
  • 17. COMBINAZIONI ARMONICHE Transforming your imagination into reality. 17
  • 18. COMBINAZIONI ARMONICHE Transforming your imagination into reality. 18
  • 19. COMBINAZIONI ARMONICHE Transforming your imagination into reality. 19
  • 20. COMBINAZIONI ARMONICHE kuler.adobe.com Transforming your imagination into reality. 20
  • 21. I PRINCIPI DEL DESIGN Colori simili per indicare una relazione Transforming your imagination into reality. 21
  • 22. I PRINCIPI DEL DESIGN Ricordarsi delle connotazioni sociali dei colori Transforming your imagination into reality. 22
  • 23. I PRINCIPI DEL DESIGN Differenziare gli stili del testo Transforming your imagination into reality. 23
  • 24. I PRINCIPI DEL DESIGN Ritmo Ripetizione di elementi simili che il lettore può percepire con un senso di organizzazione e unità. Transforming your imagination into reality. 24
  • 25. I PRINCIPI DEL DESIGN 25
  • 26. I PRINCIPI DEL DESIGN Semplicità Non usiamo gra ca inutile. Transforming your imagination into reality. 26
  • 27. I PRINCIPI DEL DESIGN 27
  • 28. I PRINCIPI DEL DESIGN Icone per rappresentare i concetti Idea! Direzione Fortuna Transforming your imagination into reality. 28
  • 29. I PRINCIPI DEL DESIGN Icone per rappresentare i concetti Crescita Speranza e calore Accordo Transforming your imagination into reality. 29
  • 30. I PRINCIPI DEL DESIGN Contrasto e leggibilità Contrasto e leggibilità Contrasto e leggibilità Contrasto e leggibilità Contrasto e leggibilità Transforming your imagination into reality. 30
  • 31. I PRINCIPI DEL DESIGN Spostamento dell’occhio Transforming your imagination into reality. 31
  • 32. ALLINEAMENTI Transforming your imagination into reality. 32
  • 33. FONT Transforming your imagination into reality. 33
  • 34. FONT Transforming your imagination into reality. 34
  • 35. FONT www.100besteschriften.de Transforming your imagination into reality. 35
  • 36. FONT Adobe Caslon Pro Adobe Caslon Pro Adobe Caslon Pro Adobe Caslon Pro Transforming your imagination into reality. 36
  • 37. FONT Avant Garde Avant Garde Avant Garde Avant Garde Transforming your imagination into reality. 37
  • 38. FONT Bembo Bembo Bembo Bembo Transforming your imagination into reality. 38
  • 39. FONT Dax Dax Transforming your imagination into reality. 39
  • 40. FONT DIN DIN DIN DIN Transforming your imagination into reality. 40
  • 41. FONT Frutiger Frutiger Frutiger Frutiger Transforming your imagination into reality. 41
  • 42. FONT Garamond Garamond Garamond Garamond Transforming your imagination into reality. 42
  • 43. FONT Helvetica Helvetica Helvetica Helvetica Transforming your imagination into reality. 43
  • 44. FONT Meta Meta Meta Meta Transforming your imagination into reality. 44
  • 45. FONT Meta Serif Meta Serif Meta Serif Meta Serif Transforming your imagination into reality. 45
  • 46. FONT Myriad Myriad Myriad Myriad Transforming your imagination into reality. 46
  • 47. FONT Sabon Sabon Sabon Sabon Transforming your imagination into reality. 47
  • 48. COLORI Transforming your imagination into reality. 48
  • 49. COLORI Rosso Energia, velocità, pericolo, forza, eccitazione, sesso Transforming your imagination into reality. 49
  • 50. COLORI Arancione Caldo, vibrante, stimola l’acquisto Transforming your imagination into reality. 50
  • 51. COLORI Giallo Stimolante, sentimenti, calore, felicità Transforming your imagination into reality. 51
  • 52. COLORI Verde Fresco, natura, speranza Transforming your imagination into reality. 52
  • 53. COLORI Blu Sicurezza, responsabilità, ducia, calma Transforming your imagination into reality. 53
  • 54. COLORI Porpora Spiritualità, dignità, vanità Transforming your imagination into reality. 54
  • 55. COLORI Rosa Delicato, amore, dolcezza Transforming your imagination into reality. 55
  • 56. COLORI Marrone Benessere, amicizia, senso di unione Transforming your imagination into reality. 56
  • 57. COLORI Bianco Purezza, pulizia, natura, luce Transforming your imagination into reality. 57
  • 58. COLORI Nero So sticato, elegante, misterioso, morte Transforming your imagination into reality. 58
  • 59. RISORSE PRATICHE Transforming your imagination into reality. 63
  • 60. DOVE TROVARE IMMAGINI GRATUITE www.sxc.hu Transforming your imagination into reality. 64
  • 61. DOVE TROVARE IMMAGINI A BASSO PREZZO Transforming your imagination into reality. 65