El color en la web - WordCamp Irun 2020

43
EL COLOR EN LA WEB TEORÍA DEL COLOR, USABILIDAD Y ACCESSIBILIDAD

Transcript of El color en la web - WordCamp Irun 2020

Page 1: El color en la web - WordCamp Irun 2020

EL COLOR EN LA WEB

TEORÍA DEL COLOR, USABILIDAD Y ACCESSIBILIDAD

Page 2: El color en la web - WordCamp Irun 2020

EL COLOR ES PERCEPCIÓN VISUAL DE ONDAS ELECTROMAGNÉTICAS.

EL COLOR NO EXISTE SIN LUZ.

Page 3: El color en la web - WordCamp Irun 2020

SÍNTESIS ADITIVA BLANCO= TODOS LOS COLORES; NEGRO = AUSENCIA DE LUZ

Page 4: El color en la web - WordCamp Irun 2020

SÍNTESIS SUBTRACTIVA NEGRO = TODOS LOS COLORES; BLANCO = AUSENCIA DE PIGMENTO

Page 5: El color en la web - WordCamp Irun 2020

BLANCO = LUZ A TOPE

Page 6: El color en la web - WordCamp Irun 2020

NEGRO = ZERO LUZ

Page 7: El color en la web - WordCamp Irun 2020

NUEVOS COLORES

Page 8: El color en la web - WordCamp Irun 2020

EL MODELO RGB SE UTILIZA EN LOS SISTEMAS QUE FORMAN IMÁGENES A TRAVÉS DE RAYOS LUMINOSOS.

256X 256X 256= 16.777.216 COLORES

Page 9: El color en la web - WordCamp Irun 2020

COLOR HEXADECIMAL

Page 10: El color en la web - WordCamp Irun 2020

COMO SE FORMAN LOS COLORES

Page 11: El color en la web - WordCamp Irun 2020

UTILIZAR SATURACIÓN

Page 12: El color en la web - WordCamp Irun 2020

CREAR COMBINACIONES DE COLORE EFICACES Y ACCESIBLES

CÓMO JUGAR CON 16.777.216 COLORES

Page 13: El color en la web - WordCamp Irun 2020

CIRCULO CROMÁTICO

Page 14: El color en la web - WordCamp Irun 2020

PRIMARIOS, SECONDARIOS…

Page 15: El color en la web - WordCamp Irun 2020

CREAR COMBINACIONES DE COLORE EFICACES Y ACCESIBLES

CREAR ARMONÍAS DE COLORES CON EL CÍRCULO CROMÁTICO

Page 16: El color en la web - WordCamp Irun 2020

CALIDOS Y FRÍOS

Page 17: El color en la web - WordCamp Irun 2020

ANÁLOGOS

Page 18: El color en la web - WordCamp Irun 2020

EJEMPLO EN NATURA

Page 19: El color en la web - WordCamp Irun 2020

PALETA ANÁLOGA

Page 20: El color en la web - WordCamp Irun 2020

COLORES COMPLEMENTARES

Page 21: El color en la web - WordCamp Irun 2020

PALETA COMPLEMENTAR

Page 22: El color en la web - WordCamp Irun 2020

NO LO HAGAS!

Page 23: El color en la web - WordCamp Irun 2020

EN SERIO, QUE NO

Page 24: El color en la web - WordCamp Irun 2020

POR FAVOR, NO!

Page 25: El color en la web - WordCamp Irun 2020

TRÍADAS DE COLORES

Page 26: El color en la web - WordCamp Irun 2020

PALETA TRIÁDICA

Page 27: El color en la web - WordCamp Irun 2020

DIVISIÓN COMPLEMENTARIA

Page 28: El color en la web - WordCamp Irun 2020

DIVISIÓN COMPLEMENTARIA

Page 29: El color en la web - WordCamp Irun 2020

LOS COLORES NOS AYUDAN EN LA VIDA DE TODOS LOS DÍAS.

PERO A QUÉ SIRVE EL COLOR?

Page 30: El color en la web - WordCamp Irun 2020
Page 31: El color en la web - WordCamp Irun 2020

LOS COLORES NOS SIRVEN A IDENTIFICAR LOS OBJETOS Y SU FUNCIÓN.

EL COLOR INDICA FUNCIÓN.

Page 32: El color en la web - WordCamp Irun 2020

EL COLOR ES PERCEPCIÓN VISUAL DE ONDAS ELECTROMAGNÉTICAS.

EL COLOR ES UNA OPINIÓN.

Page 33: El color en la web - WordCamp Irun 2020

AZUL O BLANCO EL VESTIDO QUE DIVIDIÓ A LA WEB.

Page 34: El color en la web - WordCamp Irun 2020

BLANCO O MARRÓN

Page 35: El color en la web - WordCamp Irun 2020

NUESTRA ELECCIÓN DE COLORES DEBE SIEMPRE SER ACCESIBLE.

HAY QUE CONTROLAR SIEMPRE QUE EL COLOR NO IMPIDA EL PROCESO INTERACTIVO

Page 36: El color en la web - WordCamp Irun 2020

NUESTRA ELECCIÓN DE COLORES DEBE SIEMPRE SER ACCESIBLE.

EL COLOR TAMBIÉN JUEGA UN PAPEL IMPORTANTE EN LA DISLEXIA

Page 37: El color en la web - WordCamp Irun 2020

Gestalt psychology

LA CEGUERA AL COLOR A MENUDO SE DESCONOCE.

EL 8% DE HOMBRES Y EL 0,55 DE MUJERES TIENEN ALGUNA FORMA DE CEGUERA AL COLOR

Page 38: El color en la web - WordCamp Irun 2020

TEXT

“DISCROMATOPSIAS” O ALTERACIONES DE LA PERCEPCIÓN DEL COLOR.

▸ Protanopia

▸ Deuteranopia

▸ Tritanopia

▸ Protanomalia

▸ Deuteranomalia

▸ Tritanomalia

Page 39: El color en la web - WordCamp Irun 2020

WESTERN DESIGN THEORY IS BASED ON GESTALT PRINCIPLES

COOLORS.COM

Page 40: El color en la web - WordCamp Irun 2020

WESTERN DESIGN THEORY IS BASED ON GESTALT PRINCIPLES

ENCHROMA.COM

Page 41: El color en la web - WordCamp Irun 2020

WESTERN DESIGN THEORY IS BASED ON GESTALT PRINCIPLES

CYMBOLISM.COM

Page 42: El color en la web - WordCamp Irun 2020

WESTERN DESIGN THEORY IS BASED ON GESTALT PRINCIPLES

TOPTAL.COM

Page 43: El color en la web - WordCamp Irun 2020

WESTERN DESIGN THEORY IS BASED ON GESTALT PRINCIPLES

CONTRAST-RATIO.COM