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

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
 
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
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
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
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticosisabeltrejoros
 

Último (20)

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
 
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
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 
Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
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
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticos
 

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.