SlideShare une entreprise Scribd logo
1  sur  8
Télécharger pour lire hors ligne
+
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.

Contenu connexe

En vedette (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
 

Similaire à 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
 
ESTRATEGIA DIGITAL LIPKA (1).pptx
ESTRATEGIA DIGITAL LIPKA (1).pptxESTRATEGIA DIGITAL LIPKA (1).pptx
ESTRATEGIA DIGITAL LIPKA (1).pptxGerardo Salazar
 

Similaire à 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
 
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
 
ESTRATEGIA DIGITAL LIPKA (1).pptx
ESTRATEGIA DIGITAL LIPKA (1).pptxESTRATEGIA DIGITAL LIPKA (1).pptx
ESTRATEGIA DIGITAL LIPKA (1).pptx
 

Dernier

novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesis
novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesisnovelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesis
novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesisPsicClinGlendaBerrez
 
a propósito de la globalización y sus efectos
a propósito de la globalización y sus efectosa propósito de la globalización y sus efectos
a propósito de la globalización y sus efectossubfabian
 
Estrategia Nacional de Refuerzo Escolar SJA Ccesa007.pdf
Estrategia Nacional de Refuerzo Escolar  SJA  Ccesa007.pdfEstrategia Nacional de Refuerzo Escolar  SJA  Ccesa007.pdf
Estrategia Nacional de Refuerzo Escolar SJA Ccesa007.pdfDemetrio Ccesa Rayme
 
Tema 9. Roma. 1º ESO 2014. Ciencias SOciales
Tema 9. Roma. 1º ESO 2014. Ciencias SOcialesTema 9. Roma. 1º ESO 2014. Ciencias SOciales
Tema 9. Roma. 1º ESO 2014. Ciencias SOcialesChema R.
 
Seguridad y virus informáticos 12°B 2024
Seguridad y virus informáticos 12°B 2024Seguridad y virus informáticos 12°B 2024
Seguridad y virus informáticos 12°B 2024sergeycrastz06
 
EVALUACION del tercer trimestre 2024 nap.docx
EVALUACION  del tercer trimestre 2024 nap.docxEVALUACION  del tercer trimestre 2024 nap.docx
EVALUACION del tercer trimestre 2024 nap.docxuniversidad Indoamerica
 
a propósito del estado su relevancia y definiciones
a propósito del estado su relevancia y definicionesa propósito del estado su relevancia y definiciones
a propósito del estado su relevancia y definicionessubfabian
 
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...Chema R.
 
Vínculo afectivo (labor expositivo de grupo )
Vínculo afectivo (labor expositivo de grupo )Vínculo afectivo (labor expositivo de grupo )
Vínculo afectivo (labor expositivo de grupo )portafoliodigitalyos
 
METODOS DE EXTRACCIÓN E IDENTIFICACIÓN - 2024.pdf
METODOS DE EXTRACCIÓN E IDENTIFICACIÓN - 2024.pdfMETODOS DE EXTRACCIÓN E IDENTIFICACIÓN - 2024.pdf
METODOS DE EXTRACCIÓN E IDENTIFICACIÓN - 2024.pdfNilssaRojas1
 
Análisis de los factores internos en una Organización
Análisis de los factores internos en una OrganizaciónAnálisis de los factores internos en una Organización
Análisis de los factores internos en una OrganizaciónJonathanCovena1
 
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfPasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfNELLYKATTY
 
PATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptx
PATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptxPATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptx
PATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptxSusanaAlejandraMende
 
proyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
proyecto semana de los Jardines, actividades a realizar para resaltar esta fechaproyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
proyecto semana de los Jardines, actividades a realizar para resaltar esta fechanitoagurto67
 
A propósito de la globalización y la financiarización del mundo
A propósito de la globalización y la financiarización del mundoA propósito de la globalización y la financiarización del mundo
A propósito de la globalización y la financiarización del mundosubfabian
 
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocx
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocxCONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocx
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocxMarlynRocaOnofre
 
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptxFESARAUGUSTOFANDIORI
 

Dernier (20)

Luz desde el santuario. Escuela Sabática
Luz desde el santuario. Escuela SabáticaLuz desde el santuario. Escuela Sabática
Luz desde el santuario. Escuela Sabática
 
novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesis
novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesisnovelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesis
novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesis
 
a propósito de la globalización y sus efectos
a propósito de la globalización y sus efectosa propósito de la globalización y sus efectos
a propósito de la globalización y sus efectos
 
Estrategia Nacional de Refuerzo Escolar SJA Ccesa007.pdf
Estrategia Nacional de Refuerzo Escolar  SJA  Ccesa007.pdfEstrategia Nacional de Refuerzo Escolar  SJA  Ccesa007.pdf
Estrategia Nacional de Refuerzo Escolar SJA Ccesa007.pdf
 
Power Point : Motivados por la esperanza
Power Point : Motivados por la esperanzaPower Point : Motivados por la esperanza
Power Point : Motivados por la esperanza
 
Tema 9. Roma. 1º ESO 2014. Ciencias SOciales
Tema 9. Roma. 1º ESO 2014. Ciencias SOcialesTema 9. Roma. 1º ESO 2014. Ciencias SOciales
Tema 9. Roma. 1º ESO 2014. Ciencias SOciales
 
Seguridad y virus informáticos 12°B 2024
Seguridad y virus informáticos 12°B 2024Seguridad y virus informáticos 12°B 2024
Seguridad y virus informáticos 12°B 2024
 
¿Que es Fuerza? online 2024 Repaso CRECE.pptx
¿Que es Fuerza? online 2024 Repaso CRECE.pptx¿Que es Fuerza? online 2024 Repaso CRECE.pptx
¿Que es Fuerza? online 2024 Repaso CRECE.pptx
 
EVALUACION del tercer trimestre 2024 nap.docx
EVALUACION  del tercer trimestre 2024 nap.docxEVALUACION  del tercer trimestre 2024 nap.docx
EVALUACION del tercer trimestre 2024 nap.docx
 
a propósito del estado su relevancia y definiciones
a propósito del estado su relevancia y definicionesa propósito del estado su relevancia y definiciones
a propósito del estado su relevancia y definiciones
 
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
 
Vínculo afectivo (labor expositivo de grupo )
Vínculo afectivo (labor expositivo de grupo )Vínculo afectivo (labor expositivo de grupo )
Vínculo afectivo (labor expositivo de grupo )
 
METODOS DE EXTRACCIÓN E IDENTIFICACIÓN - 2024.pdf
METODOS DE EXTRACCIÓN E IDENTIFICACIÓN - 2024.pdfMETODOS DE EXTRACCIÓN E IDENTIFICACIÓN - 2024.pdf
METODOS DE EXTRACCIÓN E IDENTIFICACIÓN - 2024.pdf
 
Análisis de los factores internos en una Organización
Análisis de los factores internos en una OrganizaciónAnálisis de los factores internos en una Organización
Análisis de los factores internos en una Organización
 
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfPasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
 
PATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptx
PATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptxPATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptx
PATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptx
 
proyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
proyecto semana de los Jardines, actividades a realizar para resaltar esta fechaproyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
proyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
 
A propósito de la globalización y la financiarización del mundo
A propósito de la globalización y la financiarización del mundoA propósito de la globalización y la financiarización del mundo
A propósito de la globalización y la financiarización del mundo
 
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocx
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocxCONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocx
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocx
 
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx
 

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.