SlideShare una empresa de Scribd logo
1 de 8
Descargar para leer sin conexión
+
5 REGLAS SOBRE EL
COLOR: EL ÉXITO DE
UN DISEÑO WEB
PROFESIONAL
MSc. Lic. Gabriel Ayala Bolaños.
+ n  5 REGLAS SOBRE EL COLOR: EL ÉXITO
DE UN DISEÑO WEB PROFESIONAL
El diseño de una
página web se basa
no sólo en la
composición o en las
formas, sino también
en la combinación de
colores. Hay que
saber elegir los
colores
cuidadosamente
n  MSc. Lic. Gabriel Ayala Bolaños.
+
La importancia de elegir
colores en base al público
al que nos dirigimos radica
en que la mayoría de los
colores están asociados a
determinados grupos.
Si el público es masculino
podemos utilizar los
colores oscuros, y si es
femenino los colores
violeta o púrpura.
1. Identifica el
público objetivo
de tu página web
n  MSc. Lic. Gabriel Ayala Bolaños.
+
2. Enciende las emociones
Una de las propiedades de los colores es la de
transmitir sensaciones. Los colores estimulan nuestro
cerebro y nos evocan tranquilidad, seguridad,
confianza, pasión y misterio
n  MSc. Lic. Gabriel Ayala Bolaños.
+
Otro de los aspectos a la hora de
escoger los colores para nuestra
marca y para nuestra página web es
el equilibrio. 
Se recomiendan respetar
una de estas tres reglas:
v Colores de la misma gama
cromática.
v Colores complementarios.
v Colores opuestos
3. ¿Qué colores seleccionar
n  MSc. Lic. Gabriel Ayala Bolaños.
+
El contraste de color se produce al
combinar dos colores que no están
relacionados. Esto permite por ejemplo,
resaltar textos o imágenes.
Combina colores claros y colores
oscuros para lograr este efecto visual.
4. Efectividad del color:
el contraste
n  MSc. Lic. Gabriel Ayala Bolaños.
+
En la composición se dice que
los colores cálidos, los oscuros o
tierras, pesan más que los
colores fríos y claro.
Para ello puedes
seguir estas tres reglas
básicas:
ü Crea un sólo punto
de impacto visual
por página.
ü Respeta la mirada
del lector.
ü Deja aire y
espacios en blanco.
5. Composición y peso de colores
n  MSc. Lic. Gabriel Ayala Bolaños.
+
5 REGLAS SOBRE EL
COLOR: EL ÉXITO DE
UN DISEÑO WEB
PROFESIONAL
MSc. Lic. Gabriel Ayala Bolaños.

Más contenido relacionado

Destacado (7)

emarketing class2
emarketing class2emarketing class2
emarketing class2
 
Mercados electrónicos
Mercados electrónicosMercados electrónicos
Mercados electrónicos
 
Como comprar y vender en internet caso mercado libre
Como comprar y vender en internet caso mercado libreComo comprar y vender en internet caso mercado libre
Como comprar y vender en internet caso mercado libre
 
Manual de Prezi
Manual de PreziManual de Prezi
Manual de Prezi
 
Seo y Sem
Seo y SemSeo y Sem
Seo y Sem
 
e-commerce
e-commercee-commerce
e-commerce
 
Clases de comercio electrónico
Clases de comercio electrónicoClases de comercio electrónico
Clases de comercio electrónico
 

Similar a El uso del color en un sitio web

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
 
Guía para tener un currículum digital
Guía para tener un currículum digitalGuía para tener un currículum digital
Guía para tener un currículum digitalNoe Rivas
 
Presentacion los colores de tu sitio web tambien venden
Presentacion los colores de tu sitio web tambien vendenPresentacion los colores de tu sitio web tambien venden
Presentacion los colores de tu sitio web tambien vendenAntonRoMX
 
Cómo utilizar el color para mejorar la experiencia de usuario
Cómo utilizar el color para mejorar la experiencia de usuarioCómo utilizar el color para mejorar la experiencia de usuario
Cómo utilizar el color para mejorar la experiencia de usuarioMónica Martín
 
00 psm manual 1
00 psm manual 100 psm manual 1
00 psm manual 1Kary Fenix
 
Las 5C de tu Marca Personal
Las 5C de tu Marca PersonalLas 5C de tu Marca Personal
Las 5C de tu Marca PersonalAngel Ruiz Perez
 
Esmeralda Diaz-Aroca: el color y tu personal branding
Esmeralda Diaz-Aroca: el color y tu personal brandingEsmeralda Diaz-Aroca: el color y tu personal branding
Esmeralda Diaz-Aroca: el color y tu personal brandingEsmeralda Diaz-Aroca
 
Realización de cartel
Realización de cartelRealización de cartel
Realización de cartelpcreativo
 
Imagen corporativa
Imagen corporativaImagen corporativa
Imagen corporativawendigoh
 

Similar a El uso del color en un sitio web (20)

Psicologia del color
Psicologia del colorPsicologia del color
Psicologia del color
 
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
 
Imagen corporativa
Imagen corporativaImagen corporativa
Imagen corporativa
 
Seguros bolivar1
Seguros bolivar1Seguros bolivar1
Seguros bolivar1
 
Guía para tener un currículum digital
Guía para tener un currículum digitalGuía para tener un currículum digital
Guía para tener un currículum digital
 
Email marketing parte 1
Email marketing parte 1Email marketing parte 1
Email marketing parte 1
 
Logos.pptx
Logos.pptxLogos.pptx
Logos.pptx
 
Imagen Personal
Imagen Personal Imagen Personal
Imagen Personal
 
El efecto de los colores
El efecto de los coloresEl efecto de los colores
El efecto de los colores
 
Presentacion los colores de tu sitio web tambien venden
Presentacion los colores de tu sitio web tambien vendenPresentacion los colores de tu sitio web tambien venden
Presentacion los colores de tu sitio web tambien venden
 
Cómo utilizar el color para mejorar la experiencia de usuario
Cómo utilizar el color para mejorar la experiencia de usuarioCómo utilizar el color para mejorar la experiencia de usuario
Cómo utilizar el color para mejorar la experiencia de usuario
 
00 psm manual 1
00 psm manual 100 psm manual 1
00 psm manual 1
 
Colores
ColoresColores
Colores
 
Diseño grafico para emprendedores
Diseño grafico para emprendedoresDiseño grafico para emprendedores
Diseño grafico para emprendedores
 
Publicidades
PublicidadesPublicidades
Publicidades
 
Las 5C de tu Marca Personal
Las 5C de tu Marca PersonalLas 5C de tu Marca Personal
Las 5C de tu Marca Personal
 
Revista Enfoco no5
Revista Enfoco no5 Revista Enfoco no5
Revista Enfoco no5
 
Esmeralda Diaz-Aroca: el color y tu personal branding
Esmeralda Diaz-Aroca: el color y tu personal brandingEsmeralda Diaz-Aroca: el color y tu personal branding
Esmeralda Diaz-Aroca: el color y tu personal branding
 
Realización de cartel
Realización de cartelRealización de cartel
Realización de cartel
 
Imagen corporativa
Imagen corporativaImagen corporativa
Imagen corporativa
 

Último

TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOPsicoterapia Holística
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIAFabiolaGarcia751855
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...jlorentemartos
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptxRigoTito
 
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptxRESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptxpvtablets2023
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfJonathanCovena1
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxFernando Solis
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024IES Vicent Andres Estelles
 
semana 4 9NO Estudios sociales.pptxnnnn
semana 4  9NO Estudios sociales.pptxnnnnsemana 4  9NO Estudios sociales.pptxnnnn
semana 4 9NO Estudios sociales.pptxnnnnlitzyleovaldivieso
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024IES Vicent Andres Estelles
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesMarisolMartinez707897
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxlclcarmen
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOluismii249
 

Último (20)

TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptxRESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdf
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
semana 4 9NO Estudios sociales.pptxnnnn
semana 4  9NO Estudios sociales.pptxnnnnsemana 4  9NO Estudios sociales.pptxnnnn
semana 4 9NO Estudios sociales.pptxnnnn
 
Sesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdfSesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdf
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 

El uso del color en un sitio web

  • 1. + 5 REGLAS SOBRE EL COLOR: EL ÉXITO DE UN DISEÑO WEB PROFESIONAL MSc. Lic. Gabriel Ayala Bolaños.
  • 2. + n  5 REGLAS SOBRE EL COLOR: EL ÉXITO DE UN DISEÑO WEB PROFESIONAL El diseño de una página web se basa no sólo en la composición o en las formas, sino también en la combinación de colores. Hay que saber elegir los colores cuidadosamente n  MSc. Lic. Gabriel Ayala Bolaños.
  • 3. + La importancia de elegir colores en base al público al que nos dirigimos radica en que la mayoría de los colores están asociados a determinados grupos. Si el público es masculino podemos utilizar los colores oscuros, y si es femenino los colores violeta o púrpura. 1. Identifica el público objetivo de tu página web n  MSc. Lic. Gabriel Ayala Bolaños.
  • 4. + 2. Enciende las emociones Una de las propiedades de los colores es la de transmitir sensaciones. Los colores estimulan nuestro cerebro y nos evocan tranquilidad, seguridad, confianza, pasión y misterio n  MSc. Lic. Gabriel Ayala Bolaños.
  • 5. + Otro de los aspectos a la hora de escoger los colores para nuestra marca y para nuestra página web es el equilibrio.  Se recomiendan respetar una de estas tres reglas: v Colores de la misma gama cromática. v Colores complementarios. v Colores opuestos 3. ¿Qué colores seleccionar n  MSc. Lic. Gabriel Ayala Bolaños.
  • 6. + El contraste de color se produce al combinar dos colores que no están relacionados. Esto permite por ejemplo, resaltar textos o imágenes. Combina colores claros y colores oscuros para lograr este efecto visual. 4. Efectividad del color: el contraste n  MSc. Lic. Gabriel Ayala Bolaños.
  • 7. + En la composición se dice que los colores cálidos, los oscuros o tierras, pesan más que los colores fríos y claro. Para ello puedes seguir estas tres reglas básicas: ü Crea un sólo punto de impacto visual por página. ü Respeta la mirada del lector. ü Deja aire y espacios en blanco. 5. Composición y peso de colores n  MSc. Lic. Gabriel Ayala Bolaños.
  • 8. + 5 REGLAS SOBRE EL COLOR: EL ÉXITO DE UN DISEÑO WEB PROFESIONAL MSc. Lic. Gabriel Ayala Bolaños.