La teoria dei colori e il visual design

13,348 views

Published on

La presentazione della sezione Design al Ninja Camp 2011. Un po' di nozioni base di visual design e di teoria dei colori. Dalla semiotica al campo visivo, dal significato psicologico dei colori al loro abbinamento.

Published in: Design

La teoria dei colori e il visual design

  1. 1. La teoria dei colori e il visual design Luigi Ferrara Daniela Mazza Annamaria Fontanella 30 Luglio 2011 ninjamarketing.it
  2. 2. La vista ninjamarketing.it
  3. 3. ninjamarketing.it La vista: il senso che percepiamo di più
  4. 4. ninjamarketing.it Il campo visivo però è ristretto Lo sguardo si sposta continuamente Attenzione su Forme, Linee, Colori
  5. 5. ninjamarketing.it Conta la prima impressione Incuriosire / Sorprendere Percezione nel cervello Influenzare Il comportamento
  6. 6. Un po’ di semiotica ninjamarketing.it
  7. 7. ninjamarketing.it Semiotica = disciplina che studia I segni e il modo in cui essi formano un senso Comunicazione = trasmissione di un messaggio Ogni messaggio si può ricondurre ai segni Comunicazione visiva Immagini Simboli Testi
  8. 8. ninjamarketing.it Modello di Jakobson Obiettivo ideale Messaggio = Segno
  9. 9. Osservare VS Vedere ninjamarketing.it
  10. 10. ninjamarketing.it “ Vedere non significa soltanto prendere nota delle proprie sensazioni visive, ma anche di quello che si è visto”. (Dorfles, 1962) “ La percezione visiva è la presa di coscienza che noi facciamo del mondo esterno tramite l’osservazione e la conoscenza degli oggetti che formano l’ambiente che hanno stimolato i nostri sensi ”. (Arnheim, 1986)
  11. 11. ninjamarketing.it Tutti possono guardare, ma vedere richiede impegno e costanza Fase della percezione Oggettiva Psico-Fisica Associativa Caratterizzante Tipo di campo visivo Geometrico-Intuitivo Ghestaltico Topologico Fenomenologico
  12. 12. ninjamarketing.it Campo Geometrico-Intuitivo: identificare le forme Quanti triangoli vedete nell’immagine?
  13. 13. ninjamarketing.it Campo Ghestaltico Quello che vediamo cambia in base alla posizione ed al punto di vista Esempio: prendete carta e penna e provate a disegnare una tazza di caffè
  14. 14. ninjamarketing.it Voi l’avrete disegnata così
  15. 15. ninjamarketing.it Quasi nessuno invece la disegna così
  16. 16. ninjamarketing.it Campo Topologico: mettere in relazione gli elementi Cosa vedete in questa immagine? Il cervello vede automaticamente degli schemi
  17. 17. ninjamarketing.it Campo Fenomenologico: notare I particolari distintivi La teoria dei geoni di Biederman Ci sono 24 forme base che compongono tutti gli oggetti
  18. 18. ninjamarketing.it Come si legge allora un’immagine? Livello Iconico Livello Iconografico Livello Iconologico Segni, forme e colori Conoscenze ed esperienze Risalire all’autore
  19. 19. ninjamarketing.it Livello Iconico: valore informativo Livello Iconografico: valore evocativo Livello Iconologico: valore selettivo
  20. 20. ninjamarketing.it In conclusione: Quello che vediamo non è quello che arriva al nostro cervello. Le informazioni vengono sempre elaborate. Comunicare visivamente non è quindi un semplice “rispecchiare” qualcosa, è un RICREARE, confrontarsi, interagire, interpretare. E questo si può sfruttare a vantaggio di chi comunica, per modificare il comportamento del destinatario.
  21. 21. Un mondo a colori ninjamarketing.it
  22. 22. ninjamarketing.it Teoria del colore: le basi fondamentali
  23. 23. ninjamarketing.it E' sostanzialmente una barra dello spettro della luce , curvata a formare un cerchio, suddiviso in 12 sezioni, come un orologio. Fu progettata da Isaac Newton nel 1666. Aiuta comprendere le relazioni che intercorrono tra i vari colori, in modo da poter trarre combinazioni armoniose . Ruota dei colori Le 3 componenti dei colori Tonalità Luminosità Saturazione
  24. 24. ninjamarketing.it Relazioni tra i colori: tra armonia e contrasto
  25. 25. ninjamarketing.it Colori primari Rosso Giallo Blu
  26. 26. ninjamarketing.it Colori primari Rosso Giallo Blu
  27. 27. ninjamarketing.it Verde Arancio Viola Colori secondari
  28. 28. ninjamarketing.it La miscela tra colori primari e secondari Colori terziari
  29. 29. ninjamarketing.it Colori analoghi I colori analoghi sono quelli che contengono un colore comune e si trovano uno accanto all'altro sulla ruota dei colori
  30. 30. ninjamarketing.it Colori analoghi Schemi di colori analoghi si trovano spesso in natura risultando armoniosi e piacevoli per l'occhio. Di solito si accostano bene creando composizioni serene e confortevoli.
  31. 31. ninjamarketing.it Impressione. Levar del sole Claude Monet
  32. 32. ninjamarketing.it Logo Sky
  33. 33. ninjamarketing.it Colori complementari I colori complementari si trovano uno di fronte all'altro sulla ruota dei colori
  34. 34. ninjamarketing.it Colori complementari L' elevato contrasto di colori complementari, crea un look vivace soprattutto quando usato a piena saturazione. Questa combinazione di colori deve essere gestita con attenzione per non risultare stridente. Da evitare , inoltre, nei testi.
  35. 35. ninjamarketing.it Andy Warhol, Marilyn
  36. 36. ninjamarketing.it Logo Firefox
  37. 37. ninjamarketing.it Acquisire le nozioni fondamentali sulla teoria del colore è essenziale per tutti quelli che si occupano di marketing e comunicazione. I colori infatti sono uno strumento potente che amplifica l'emozione e il comportamento umano verso l'accettazione, o meno, di un determinato prodotto o servizio.
  38. 38. Come il colore influenza i consumatori ninjamarketing.it
  39. 39. ninjamarketing.it Tratto da colormatters.com/ webinfermento.com
  40. 40. ninjamarketing.it Il colore: <ul><li>Aumenta la memoria. Immagazziniamo più facilmente informazioni legate a testi/disegni colorati. </li></ul><ul><li>Cattura l’attenzione. Le pubblicità colorate sono lette il 42% in più rispetto a quelle in bianco e nero. </li></ul><ul><li>Fonte: White, Jan V., Color for Impact, Strathmoor Press, April, 1997 </li></ul><ul><li>Migliora l’informazione. Il colore aumenta la leggibilità del 40%, l’apprendimento del 55%, la comprensione del 73%. Fonte Johnson, Virginia, &quot;The Power of Color&quot;, Successful Meetings, June 1992, Vol 41, No. 7, pp. 87, 90. </li></ul><ul><li>Influenza il comportamento del consumatore. </li></ul>
  41. 41. ninjamarketing.it In molti fast food dominano i colori caldi. In molti giocattoli, libri e siti internet per bambini prevalgono vivaci colori primari.
  42. 42. ninjamarketing.it Il rosso è spesso usato per gli acquisti d’impulso, le offerte speciali, i saldi Molti siti spingono all’acquisto attraverso dei banner di colore arancione
  43. 43. ninjamarketing.it Colori caldi
  44. 44. ninjamarketing.it Aggressività Violenza Pericolo Amore Eccitazione Loghi, richiamare l’attenzione, promozioni Viene usato per Rabbia Rosso <ul><li>- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - </li></ul>
  45. 45. ninjamarketing.it Ottimismo Appetito Vitalità Allegria Energia Fast food, banner pubblicitari Viene usato per Salute <ul><li>- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - </li></ul>Arancione
  46. 46. ninjamarketing.it Ottimismo Allegria Energia Vitalità Felicità Attirare l’attenzione, prodotti per bambini. Viene usato per Solare <ul><li>- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - </li></ul>Giallo
  47. 47. ninjamarketing.it Colori freddi
  48. 48. ninjamarketing.it Tranquillità Invidia Salute Crescita Benessere Prodotti biologici, ecocompatibili, bar Viene usato per Natura <ul><li>- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - </li></ul>Verde
  49. 49. ninjamarketing.it Affidabilità Sicurezza Tristezza Calma Stabilità Banche, compagnie assicurative Viene usato per Onestà <ul><li>- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - </li></ul>Blu
  50. 50. ninjamarketing.it Introspezione Spiritualità Eleganza Mistero Nobiltà Beni di lusso, centri di bellezza, prodotti antietà Viene usato per Creatività <ul><li>- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - </li></ul>Viola
  51. 51. ninjamarketing.it Colori neutri
  52. 52. ninjamarketing.it Religiosità Pulizia Semplicità Health care Purezza Prodotti igienici e relativi alla salute Viene usato per Matrimonio <ul><li>- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - </li></ul>Bianco
  53. 53. ninjamarketing.it Formalità Ribellione Mistero Potenza Eleganza Beni di lusso Viene usato per Autorità <ul><li>- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - </li></ul>Nero
  54. 54. ninjamarketing.it Sofisticato Classe Moderno Neutralità Prodotti tecnologici, siti web ”di classe” Viene usato per Tristezza <ul><li>- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - </li></ul>Raffinatezza Grigio
  55. 55. ninjamarketing.it Natura Calore Terra Sicurezza Prodotti naturali Viene usato per Tristezza <ul><li>- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - </li></ul>Marrone Affidabilità
  56. 56. ninjamarketing.it Il significato dei colori è legato alla cultura Lutto (Egitto) Coraggio (Giappone) Matrimonio (India e Cina) Lutto (Sud Africa)
  57. 57. ninjamarketing.it Il colore è legato al comportamento d’acquisto Chi risponde meglio a quel colore? Impulse shoppers Budget shoppers Traditionalists
  58. 58. ninjamarketing.it Diversi colori per diverse ricorrenze Le vetrine e gli allestimenti dei negozi cambiano colore all’avvicinarsi delle ricorrenze. Rosso e verde, bianco, dorato per Natale, rosso per San Valentino, arancione per Halloween. Vetrina di Victoria’s secret per San Valentino
  59. 59. ninjamarketing.it Vetrine natalizie alla Rinascente, Milano
  60. 60. ninjamarketing.it Perchè? I clienti, vedendo nelle vetrine o nei siti web colori familiari, provano un senso di sicurezza

×