SlideShare a Scribd company logo
1 of 8
Uso de los Colores en el diseño web
Impacto emocional La psicología cree que el color hace más que solamente impactar nuestro sistema visual. Por ejemplo, los mismos mecanismos que reciben el color, son los que a través del hipotálamo, permiten a los pulsos llegar a la pituitaria y la glándula pineal. Se cree que algunas reacciones temporarias que afectan el estado de ánimo ocurren como resultado de la exposición a ciertos colores (rojo para estimular, azul para calmar, entre otras).
Enfoque del usuario Cuando hablamos de aplicaciones, podemos controlar o guiar al usuario sobre qué camino seguir. En los sitios web, necesitamos brindar el contenido necesario para promover estadías prolongadas. Si bien no podemos controlar el foco del usuario, podemos utilizar métodos subliminales y el color es una de las formas de hacerlo. El más utilizado en estos casos es la aplicación de colores neutros o pasteles en general y colores vivos en aquellas zonas en las que deseemos que nuestros visitantes se enfoquen.
Efectividad en comunicar la información Estudios recientes han demostrado que las clásicas páginas blancas con letras negras no serían el ideal para la visualización humana. Es mejor si el contraste se atenúa, utilizando por ejemplo colores pastel de fondo con textos oscuros, el tema del contraste es una de las principales razones por las que dejo de leer artículos muchas veces, es eso, o definitivamente bajarle el brillo al monitor, pero no es algo que podría denominar placentero. Como diseñadores web deberíamos considerar incluir un color suave en lugar del blanco, algo que podría hacer que nuestros lectores se queden por un tiempo. Así se aseguraría que lo que queremos decir a través de nuestros sitios (en especial si somos de escribir mucho) llegue como queremos y no muera en el intento.
Efectos de las combinaciones Si pensamos en las versiones impresas, sus costos siempre implican que utilicemos menos colores. En el caso web, hay completa libertad para usar la cantidad de tonos que necesitemos, por lo que se pueden explorar combinaciones que favorezcan nuestro diseño y de esa manera agregar valor. Para ello, es necesario contar con armonías de color, que aseguran la correcta utilización de las pañetas de colores. Así como existe una relación entre los colores y la reacción humana a ellos. También existe una reacción hacia las combinaciones de colores que se encuentran en armonía.
Impacto y límites de la variedad Al elegir entre tanta variedad de colores y sus combinaciones cómo decidimos cuántos y cuáles son necesarios (o suficientes). En el uso del color hay un rango de colores que se podría denominar “justo” para aplicar en diseño, y sería, siempre utilizar entre 3 y 5 colores. Menos de 3 hará que nuestro sitio se vea monocromático, más de 5 logrará un nivel interesante de distracción (que estamos intentando evitar).
Sugestión subliminal Quizás no existan pruebas fehacientes, pero los mensajes subliminales y sus efectos continúan siendo estudiados por la psicología, y son denominados estímulos y estímulos negativos. En los estímulos generalmente se prepara al usuario a recibir determinado objeto para obtener una ventaja de la comunicación entre uno y otro. En el caso de los estímulos negativos, se puede provocar en la persona, un retraso en identificar lo que se quiere transmitir, aún cuando es obvio. El perfecto ejemplo de esto sería ese párrafo con palabras en diferentes colores dónde encontraremos la palabra “verde” en color rojo, para quienes lo han intentado saben como podemos confundir nuestro cerebro a partir de esta práctica. Si bien habría que investigar sobre las implicancias éticas o legales de esta práctica, lo que se quiere explicar con esto es que es necesario dar un mensaje claro aún desde los colores. Lo ideal siempre es reducir al mínimo posible los efectos subliminales del color, si tenemos un sitio de ecología por ejemplo lo ideal será utilizar tonos verdes, ya que los grises o neutros podrán asociarse inconscientemente a la polución.
Color como factor de accesibilidad Crease o no, los colores también tienen una teoría de accesibilidad. Si bien la web nos permite alcanzar límites impensables hace algunas décadas, existen millones de personas que no pueden percibir los colores en su totalidad, incluso, miles que, con problemas oftalmológicos solo ven las cosas borrosas. Se puede alcanzar ese límite también. El W3C contiene una lista de herramientas que los diseñadores web pueden utilizar para optimizar la accesibilidad. Una de ellas es access color, que ayuda al diseñador a garantizar que la elección de colores no afectará a aquellos con problemas en la vista, incluso la forma en la que podemos decidir sobre la separación (en el esquema cromático) de colores.

More Related Content

What's hot

Teoria del color
Teoria del colorTeoria del color
Teoria del colorkxrw1l
 
Teoria del color
Teoria del colorTeoria del color
Teoria del colorkxrw1l
 
Teoria De Los Colores
Teoria De Los ColoresTeoria De Los Colores
Teoria De Los Coloresamiguitus
 
Psicología del color
Psicología del colorPsicología del color
Psicología del colorDaniela Salas
 
Teoria del color_andres_caza
Teoria del color_andres_cazaTeoria del color_andres_caza
Teoria del color_andres_cazaANDRES CAZA
 
El color - Teoria de la Forma
El color - Teoria de la FormaEl color - Teoria de la Forma
El color - Teoria de la FormaGustavo Londoño
 
TEORIA DEL COLOR
TEORIA DEL COLORTEORIA DEL COLOR
TEORIA DEL COLORGuzt Diaz
 
Presentacion Power Point Y Teoria De Los Colores
Presentacion  Power Point Y Teoria De Los ColoresPresentacion  Power Point Y Teoria De Los Colores
Presentacion Power Point Y Teoria De Los Coloresamiguitus
 
Actividad para niños de primaria
Actividad para niños de primariaActividad para niños de primaria
Actividad para niños de primariasara
 
El color, mapa conceptual
El color, mapa conceptual El color, mapa conceptual
El color, mapa conceptual natasha_2718
 
TEORÍA DEL COLOR
TEORÍA DEL COLORTEORÍA DEL COLOR
TEORÍA DEL COLORlusithaa
 
7 color
7 color7 color
7 colorrrr_3d
 
POWER POINT SOBRE EL COLOR
POWER POINT SOBRE EL COLORPOWER POINT SOBRE EL COLOR
POWER POINT SOBRE EL COLORPaky Alemán
 

What's hot (20)

Teoria del Color
Teoria del ColorTeoria del Color
Teoria del Color
 
Teoria del color
Teoria del colorTeoria del color
Teoria del color
 
Teoria del color
Teoria del colorTeoria del color
Teoria del color
 
Circulo cromatico 10 01
Circulo cromatico 10 01Circulo cromatico 10 01
Circulo cromatico 10 01
 
Teoria De Los Colores
Teoria De Los ColoresTeoria De Los Colores
Teoria De Los Colores
 
Circulo cromatico
Circulo cromatico Circulo cromatico
Circulo cromatico
 
Teoria De Los Colores
Teoria De Los ColoresTeoria De Los Colores
Teoria De Los Colores
 
Psicología del color
Psicología del colorPsicología del color
Psicología del color
 
Diseño Gràfico
Diseño Gràfico Diseño Gràfico
Diseño Gràfico
 
Teoria del color_andres_caza
Teoria del color_andres_cazaTeoria del color_andres_caza
Teoria del color_andres_caza
 
El color - Teoria de la Forma
El color - Teoria de la FormaEl color - Teoria de la Forma
El color - Teoria de la Forma
 
TEORIA DEL COLOR
TEORIA DEL COLORTEORIA DEL COLOR
TEORIA DEL COLOR
 
Presentacion Power Point Y Teoria De Los Colores
Presentacion  Power Point Y Teoria De Los ColoresPresentacion  Power Point Y Teoria De Los Colores
Presentacion Power Point Y Teoria De Los Colores
 
Actividad para niños de primaria
Actividad para niños de primariaActividad para niños de primaria
Actividad para niños de primaria
 
Teoría del color
Teoría del colorTeoría del color
Teoría del color
 
El color, mapa conceptual
El color, mapa conceptual El color, mapa conceptual
El color, mapa conceptual
 
TEORÍA DEL COLOR
TEORÍA DEL COLORTEORÍA DEL COLOR
TEORÍA DEL COLOR
 
Color
ColorColor
Color
 
7 color
7 color7 color
7 color
 
POWER POINT SOBRE EL COLOR
POWER POINT SOBRE EL COLORPOWER POINT SOBRE EL COLOR
POWER POINT SOBRE EL COLOR
 

Viewers also liked

Colores en la web
Colores en la webColores en la web
Colores en la webelenita007
 
Presentacion gibrán rgb
Presentacion gibrán rgbPresentacion gibrán rgb
Presentacion gibrán rgbcoloniatovar
 
7 Principios de Diseño para un software amigable
7 Principios de Diseño para un software amigable7 Principios de Diseño para un software amigable
7 Principios de Diseño para un software amigableJavier Gala
 

Viewers also liked (6)

Colores en la web
Colores en la webColores en la web
Colores en la web
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Presentacion gibrán rgb
Presentacion gibrán rgbPresentacion gibrán rgb
Presentacion gibrán rgb
 
7 Principios de Diseño para un software amigable
7 Principios de Diseño para un software amigable7 Principios de Diseño para un software amigable
7 Principios de Diseño para un software amigable
 
Presentación dreamweaver 1
Presentación dreamweaver 1Presentación dreamweaver 1
Presentación dreamweaver 1
 
Colores
ColoresColores
Colores
 

Similar to Uso de colores en diseño web: Impacto, comunicación y accesibilidad

diseño grafico 2023.docx
diseño grafico 2023.docxdiseño grafico 2023.docx
diseño grafico 2023.docxjose282160
 
Los Colores de tu Sitio Web También Venden
Los Colores de tu Sitio Web También VendenLos Colores de tu Sitio Web También Venden
Los Colores de tu Sitio Web También VendenAntonRoMX
 
Diseno Web Centrado En El Usuario
Diseno  Web  Centrado En El  UsuarioDiseno  Web  Centrado En El  Usuario
Diseno Web Centrado En El UsuarioJose Rojas
 
Justificacióncartel pc
Justificacióncartel pcJustificacióncartel pc
Justificacióncartel pcaltavozblog
 
Justificacióncartel pc
Justificacióncartel pcJustificacióncartel pc
Justificacióncartel pcaltavozblog
 
Cómo hacer un afiche
Cómo hacer un aficheCómo hacer un afiche
Cómo hacer un aficheLellis Díaz
 
La psicologiadel color en la publicidad
La psicologiadel color en la publicidadLa psicologiadel color en la publicidad
La psicologiadel color en la publicidadlmoralesgil
 
Utilitarios iii unidad i-factores humanos
Utilitarios iii unidad i-factores humanosUtilitarios iii unidad i-factores humanos
Utilitarios iii unidad i-factores humanosBerthamazon
 
Planificacion de interfaces graficas
Planificacion de interfaces graficasPlanificacion de interfaces graficas
Planificacion de interfaces graficassinuhenavarro
 
ENSAYO SOBRE LA PSICOLOGÍA Y DISEÑO GRÁFICO
ENSAYO SOBRE LA PSICOLOGÍA Y DISEÑO GRÁFICOENSAYO SOBRE LA PSICOLOGÍA Y DISEÑO GRÁFICO
ENSAYO SOBRE LA PSICOLOGÍA Y DISEÑO GRÁFICOMarielly De La Rosa
 
Resumen semana 4 Diseño y Elaboración de Multimedios
Resumen semana 4 Diseño y Elaboración de MultimediosResumen semana 4 Diseño y Elaboración de Multimedios
Resumen semana 4 Diseño y Elaboración de MultimediosGuisella Jimenez
 
fundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdffundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdfMarianitapPechocha
 
Presentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdfPresentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdfROBERTOGUAMANCELA
 
Cmohacerunafiche 100426205805-phpapp02
Cmohacerunafiche 100426205805-phpapp02Cmohacerunafiche 100426205805-phpapp02
Cmohacerunafiche 100426205805-phpapp02arcos
 
Cómo hacer un afiche
Cómo hacer un aficheCómo hacer un afiche
Cómo hacer un aficheleludia
 
Justificacióncartel pc (1)
Justificacióncartel pc (1)Justificacióncartel pc (1)
Justificacióncartel pc (1)altavozblog
 

Similar to Uso de colores en diseño web: Impacto, comunicación y accesibilidad (20)

diseño grafico 2023.docx
diseño grafico 2023.docxdiseño grafico 2023.docx
diseño grafico 2023.docx
 
Los Colores de tu Sitio Web También Venden
Los Colores de tu Sitio Web También VendenLos Colores de tu Sitio Web También Venden
Los Colores de tu Sitio Web También Venden
 
Diseno Web Centrado En El Usuario
Diseno  Web  Centrado En El  UsuarioDiseno  Web  Centrado En El  Usuario
Diseno Web Centrado En El Usuario
 
Justificacióncartel pc
Justificacióncartel pcJustificacióncartel pc
Justificacióncartel pc
 
Justificacióncartel pc
Justificacióncartel pcJustificacióncartel pc
Justificacióncartel pc
 
La teoria del_color_por_hugo_jared
La teoria del_color_por_hugo_jaredLa teoria del_color_por_hugo_jared
La teoria del_color_por_hugo_jared
 
Cómo hacer un afiche
Cómo hacer un aficheCómo hacer un afiche
Cómo hacer un afiche
 
La psicologiadel color en la publicidad
La psicologiadel color en la publicidadLa psicologiadel color en la publicidad
La psicologiadel color en la publicidad
 
Utilitarios iii unidad i-factores humanos
Utilitarios iii unidad i-factores humanosUtilitarios iii unidad i-factores humanos
Utilitarios iii unidad i-factores humanos
 
Colores
ColoresColores
Colores
 
Teoria del color
Teoria del colorTeoria del color
Teoria del color
 
Planificacion de interfaces graficas
Planificacion de interfaces graficasPlanificacion de interfaces graficas
Planificacion de interfaces graficas
 
ENSAYO SOBRE LA PSICOLOGÍA Y DISEÑO GRÁFICO
ENSAYO SOBRE LA PSICOLOGÍA Y DISEÑO GRÁFICOENSAYO SOBRE LA PSICOLOGÍA Y DISEÑO GRÁFICO
ENSAYO SOBRE LA PSICOLOGÍA Y DISEÑO GRÁFICO
 
Resumen semana 4 Diseño y Elaboración de Multimedios
Resumen semana 4 Diseño y Elaboración de MultimediosResumen semana 4 Diseño y Elaboración de Multimedios
Resumen semana 4 Diseño y Elaboración de Multimedios
 
fundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdffundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdf
 
Presentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdfPresentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdf
 
Cmohacerunafiche 100426205805-phpapp02
Cmohacerunafiche 100426205805-phpapp02Cmohacerunafiche 100426205805-phpapp02
Cmohacerunafiche 100426205805-phpapp02
 
Cómo hacer un afiche
Cómo hacer un aficheCómo hacer un afiche
Cómo hacer un afiche
 
Justificacióncartel pc (1)
Justificacióncartel pc (1)Justificacióncartel pc (1)
Justificacióncartel pc (1)
 
Teoria
TeoriaTeoria
Teoria
 

Recently uploaded

proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Alejandrino Halire Ccahuana
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioELIASAURELIOCHAVEZCA1
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
CLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfCLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfJonathanCovena1
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 

Recently uploaded (20)

proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
CLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfCLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdf
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 

Uso de colores en diseño web: Impacto, comunicación y accesibilidad

  • 1. Uso de los Colores en el diseño web
  • 2. Impacto emocional La psicología cree que el color hace más que solamente impactar nuestro sistema visual. Por ejemplo, los mismos mecanismos que reciben el color, son los que a través del hipotálamo, permiten a los pulsos llegar a la pituitaria y la glándula pineal. Se cree que algunas reacciones temporarias que afectan el estado de ánimo ocurren como resultado de la exposición a ciertos colores (rojo para estimular, azul para calmar, entre otras).
  • 3. Enfoque del usuario Cuando hablamos de aplicaciones, podemos controlar o guiar al usuario sobre qué camino seguir. En los sitios web, necesitamos brindar el contenido necesario para promover estadías prolongadas. Si bien no podemos controlar el foco del usuario, podemos utilizar métodos subliminales y el color es una de las formas de hacerlo. El más utilizado en estos casos es la aplicación de colores neutros o pasteles en general y colores vivos en aquellas zonas en las que deseemos que nuestros visitantes se enfoquen.
  • 4. Efectividad en comunicar la información Estudios recientes han demostrado que las clásicas páginas blancas con letras negras no serían el ideal para la visualización humana. Es mejor si el contraste se atenúa, utilizando por ejemplo colores pastel de fondo con textos oscuros, el tema del contraste es una de las principales razones por las que dejo de leer artículos muchas veces, es eso, o definitivamente bajarle el brillo al monitor, pero no es algo que podría denominar placentero. Como diseñadores web deberíamos considerar incluir un color suave en lugar del blanco, algo que podría hacer que nuestros lectores se queden por un tiempo. Así se aseguraría que lo que queremos decir a través de nuestros sitios (en especial si somos de escribir mucho) llegue como queremos y no muera en el intento.
  • 5. Efectos de las combinaciones Si pensamos en las versiones impresas, sus costos siempre implican que utilicemos menos colores. En el caso web, hay completa libertad para usar la cantidad de tonos que necesitemos, por lo que se pueden explorar combinaciones que favorezcan nuestro diseño y de esa manera agregar valor. Para ello, es necesario contar con armonías de color, que aseguran la correcta utilización de las pañetas de colores. Así como existe una relación entre los colores y la reacción humana a ellos. También existe una reacción hacia las combinaciones de colores que se encuentran en armonía.
  • 6. Impacto y límites de la variedad Al elegir entre tanta variedad de colores y sus combinaciones cómo decidimos cuántos y cuáles son necesarios (o suficientes). En el uso del color hay un rango de colores que se podría denominar “justo” para aplicar en diseño, y sería, siempre utilizar entre 3 y 5 colores. Menos de 3 hará que nuestro sitio se vea monocromático, más de 5 logrará un nivel interesante de distracción (que estamos intentando evitar).
  • 7. Sugestión subliminal Quizás no existan pruebas fehacientes, pero los mensajes subliminales y sus efectos continúan siendo estudiados por la psicología, y son denominados estímulos y estímulos negativos. En los estímulos generalmente se prepara al usuario a recibir determinado objeto para obtener una ventaja de la comunicación entre uno y otro. En el caso de los estímulos negativos, se puede provocar en la persona, un retraso en identificar lo que se quiere transmitir, aún cuando es obvio. El perfecto ejemplo de esto sería ese párrafo con palabras en diferentes colores dónde encontraremos la palabra “verde” en color rojo, para quienes lo han intentado saben como podemos confundir nuestro cerebro a partir de esta práctica. Si bien habría que investigar sobre las implicancias éticas o legales de esta práctica, lo que se quiere explicar con esto es que es necesario dar un mensaje claro aún desde los colores. Lo ideal siempre es reducir al mínimo posible los efectos subliminales del color, si tenemos un sitio de ecología por ejemplo lo ideal será utilizar tonos verdes, ya que los grises o neutros podrán asociarse inconscientemente a la polución.
  • 8. Color como factor de accesibilidad Crease o no, los colores también tienen una teoría de accesibilidad. Si bien la web nos permite alcanzar límites impensables hace algunas décadas, existen millones de personas que no pueden percibir los colores en su totalidad, incluso, miles que, con problemas oftalmológicos solo ven las cosas borrosas. Se puede alcanzar ese límite también. El W3C contiene una lista de herramientas que los diseñadores web pueden utilizar para optimizar la accesibilidad. Una de ellas es access color, que ayuda al diseñador a garantizar que la elección de colores no afectará a aquellos con problemas en la vista, incluso la forma en la que podemos decidir sobre la separación (en el esquema cromático) de colores.