SlideShare uma empresa Scribd logo
1 de 8
I colori nel webI colori nel web
Struttura della giornata
Il tempo a nostra disposizione è limitato, pertanto, se per voi
va bene suddividerei i tempi all'incirca così:
- 3 minuti per la spiegazione di alcune nozioni
- 2 minuti per un esercizio finale collettivo.
- Ultimi minuti per rispondere ad eventuali domande.
Noi vediamo i colori grazie alla luce che ci circonda.
L’interpretazione dei colori del mondo reale è diversa da quella dello
schermo.
I colori con il metodo CMY
Nel mondo reale e quindi nella stampa, i colori definiti primari sono cyan,
magenta e giallo (CMY).
Si utilizzano valori da 0 (assenza di colore) a 100 (massimo colore).
I colori con il metodo RGB
Nel mondo digitale e quindi in uno schermo, i colori primari corrispondono
a rosso, verde e blu (RGB) e vengono creati attraverso l'aggiunta di stimoli
luminosi (da 255 con luce massima, a 0 con assenza di luce).
Ci sono anche altri metodi di colore basati proprio sulla quantità di luce (es.
HSL).
I programmi di grafica danno la possibilità di utilizzare tutti o alcuni dei
metodi elencati.
Esempio
Colori complementari
Sono i colori opposti e fortemente in contrasto tra loro.
Esercizio finale:

Mais conteúdo relacionado

Destaque

10 consigli utili per una buona presentazione
10 consigli utili per una buona presentazione10 consigli utili per una buona presentazione
10 consigli utili per una buona presentazione
Vincenzo Caico
 
I 6 Passaggi Fondamentali
I 6 Passaggi FondamentaliI 6 Passaggi Fondamentali
I 6 Passaggi Fondamentali
Giulio Fabbri
 

Destaque (16)

Layout e colori nell'eCommerce: Convincere clienti incerti e aumentare le ven...
Layout e colori nell'eCommerce: Convincere clienti incerti e aumentare le ven...Layout e colori nell'eCommerce: Convincere clienti incerti e aumentare le ven...
Layout e colori nell'eCommerce: Convincere clienti incerti e aumentare le ven...
 
Mastering Landing Pages
Mastering Landing PagesMastering Landing Pages
Mastering Landing Pages
 
Progettare in Team per il Responsive Web Design
Progettare in Team per il Responsive Web DesignProgettare in Team per il Responsive Web Design
Progettare in Team per il Responsive Web Design
 
Grafica bitmap
Grafica bitmapGrafica bitmap
Grafica bitmap
 
Come Creare un Sito di Successo con la Procedura Guidata
Come Creare un Sito di Successo con la Procedura GuidataCome Creare un Sito di Successo con la Procedura Guidata
Come Creare un Sito di Successo con la Procedura Guidata
 
Web usability - 3 | WebMaster & WebDesigner
Web usability - 3 | WebMaster & WebDesignerWeb usability - 3 | WebMaster & WebDesigner
Web usability - 3 | WebMaster & WebDesigner
 
10 consigli utili per una buona presentazione
10 consigli utili per una buona presentazione10 consigli utili per una buona presentazione
10 consigli utili per una buona presentazione
 
HTML + CSS - Lezione 3
HTML + CSS - Lezione 3HTML + CSS - Lezione 3
HTML + CSS - Lezione 3
 
HTML + CSS - Lezione 1
HTML + CSS - Lezione 1HTML + CSS - Lezione 1
HTML + CSS - Lezione 1
 
Il linguaggio HTML
Il linguaggio HTMLIl linguaggio HTML
Il linguaggio HTML
 
I 6 Passaggi Fondamentali
I 6 Passaggi FondamentaliI 6 Passaggi Fondamentali
I 6 Passaggi Fondamentali
 
Laboratorio colori
Laboratorio coloriLaboratorio colori
Laboratorio colori
 
Grafica sul web: concetti di base
Grafica sul web: concetti di baseGrafica sul web: concetti di base
Grafica sul web: concetti di base
 
Web-design fai-da-te: Colori coordinati
Web-design fai-da-te:  Colori coordinatiWeb-design fai-da-te:  Colori coordinati
Web-design fai-da-te: Colori coordinati
 
Scelta dei Colori e Usabilità sul Web
Scelta dei Colori e Usabilità sul WebScelta dei Colori e Usabilità sul Web
Scelta dei Colori e Usabilità sul Web
 
Presentazioni efficaci EFFETTO WOW
Presentazioni efficaci EFFETTO WOWPresentazioni efficaci EFFETTO WOW
Presentazioni efficaci EFFETTO WOW
 

Último

Oman_Raffaele_Tosone_Christian_PPNicola_Pisano - Copia.pptx
Oman_Raffaele_Tosone_Christian_PPNicola_Pisano - Copia.pptxOman_Raffaele_Tosone_Christian_PPNicola_Pisano - Copia.pptx
Oman_Raffaele_Tosone_Christian_PPNicola_Pisano - Copia.pptx
raffaeleoman
 
cristoforo_colombo_stefano_afferrante.docx
cristoforo_colombo_stefano_afferrante.docxcristoforo_colombo_stefano_afferrante.docx
cristoforo_colombo_stefano_afferrante.docx
lorenzodemidio01
 
Lorenzo_D'Emidio_Stefano_Afferrante_Lavoro_Bioarchittetura.pptx
Lorenzo_D'Emidio_Stefano_Afferrante_Lavoro_Bioarchittetura.pptxLorenzo_D'Emidio_Stefano_Afferrante_Lavoro_Bioarchittetura.pptx
Lorenzo_D'Emidio_Stefano_Afferrante_Lavoro_Bioarchittetura.pptx
lorenzodemidio01
 

Último (11)

Definitvo-Camplone Alessandro_L'economia-circolare.pptx
Definitvo-Camplone Alessandro_L'economia-circolare.pptxDefinitvo-Camplone Alessandro_L'economia-circolare.pptx
Definitvo-Camplone Alessandro_L'economia-circolare.pptx
 
Nicola Pisano.pptx studente liceo superiore
Nicola Pisano.pptx studente liceo superioreNicola Pisano.pptx studente liceo superiore
Nicola Pisano.pptx studente liceo superiore
 
CamploneAlessandro_caratteriBuddhismo.pptx
CamploneAlessandro_caratteriBuddhismo.pptxCamploneAlessandro_caratteriBuddhismo.pptx
CamploneAlessandro_caratteriBuddhismo.pptx
 
Oman_Raffaele_Tosone_Christian_PPNicola_Pisano - Copia.pptx
Oman_Raffaele_Tosone_Christian_PPNicola_Pisano - Copia.pptxOman_Raffaele_Tosone_Christian_PPNicola_Pisano - Copia.pptx
Oman_Raffaele_Tosone_Christian_PPNicola_Pisano - Copia.pptx
 
BRUNO CECCOBELLI.pdf, anni 80 mostra a Todi
BRUNO CECCOBELLI.pdf, anni 80 mostra a TodiBRUNO CECCOBELLI.pdf, anni 80 mostra a Todi
BRUNO CECCOBELLI.pdf, anni 80 mostra a Todi
 
Filippo Luciani I Sumeri e le ziggurat.pptx
Filippo Luciani I Sumeri  e le ziggurat.pptxFilippo Luciani I Sumeri  e le ziggurat.pptx
Filippo Luciani I Sumeri e le ziggurat.pptx
 
cristoforo_colombo_stefano_afferrante.docx
cristoforo_colombo_stefano_afferrante.docxcristoforo_colombo_stefano_afferrante.docx
cristoforo_colombo_stefano_afferrante.docx
 
Lorenzo_D'Emidio_Stefano_Afferrante_Lavoro_Bioarchittetura.pptx
Lorenzo_D'Emidio_Stefano_Afferrante_Lavoro_Bioarchittetura.pptxLorenzo_D'Emidio_Stefano_Afferrante_Lavoro_Bioarchittetura.pptx
Lorenzo_D'Emidio_Stefano_Afferrante_Lavoro_Bioarchittetura.pptx
 
Chi come me - Rassegna stampa - Teatro Franco Parenti
Chi come me - Rassegna stampa - Teatro Franco ParentiChi come me - Rassegna stampa - Teatro Franco Parenti
Chi come me - Rassegna stampa - Teatro Franco Parenti
 
CamploneAlessandro_caratteristicheSumeri.pptx
CamploneAlessandro_caratteristicheSumeri.pptxCamploneAlessandro_caratteristicheSumeri.pptx
CamploneAlessandro_caratteristicheSumeri.pptx
 
festival_chieti_poesiaaa_esperienza.docx
festival_chieti_poesiaaa_esperienza.docxfestival_chieti_poesiaaa_esperienza.docx
festival_chieti_poesiaaa_esperienza.docx
 

Simulazionelezione ok

  • 1. I colori nel webI colori nel web
  • 2. Struttura della giornata Il tempo a nostra disposizione è limitato, pertanto, se per voi va bene suddividerei i tempi all'incirca così: - 3 minuti per la spiegazione di alcune nozioni - 2 minuti per un esercizio finale collettivo. - Ultimi minuti per rispondere ad eventuali domande.
  • 3. Noi vediamo i colori grazie alla luce che ci circonda. L’interpretazione dei colori del mondo reale è diversa da quella dello schermo.
  • 4. I colori con il metodo CMY Nel mondo reale e quindi nella stampa, i colori definiti primari sono cyan, magenta e giallo (CMY). Si utilizzano valori da 0 (assenza di colore) a 100 (massimo colore).
  • 5. I colori con il metodo RGB Nel mondo digitale e quindi in uno schermo, i colori primari corrispondono a rosso, verde e blu (RGB) e vengono creati attraverso l'aggiunta di stimoli luminosi (da 255 con luce massima, a 0 con assenza di luce). Ci sono anche altri metodi di colore basati proprio sulla quantità di luce (es. HSL). I programmi di grafica danno la possibilità di utilizzare tutti o alcuni dei metodi elencati.
  • 7. Colori complementari Sono i colori opposti e fortemente in contrasto tra loro.