SlideShare una empresa de Scribd logo
1 de 11
Criterios básicos de diseño

El uso de colores y tipografías en diseño de webs y de campus
no es un tema sencillo.
Como regla general deberíamos pensar que no existen colores
(ni tipos de letras) lindas o feas, sino adecuadas o no para lo que
queremos comunicar. No es lo mismo un sitio de Historia de
Grecia que el de un salón de fiestas. Los colores y las tipografías
deberían acompañar el discurso textual.
Criterios básicos de diseño
•

•

Las tipografías también comunican. Hay construcciones
culturales que identifican el uso de una u otra según criterios
ajenos a nuestro gusto.
Lo ideal es, entonces, utilizarlas siguiendo esas construcciones
culturales, salvo que se decida “romper” la regla para crear un
efecto comunicativo.

Es difícil imaginarse una funeraria con este logotipo ¿no?
Criterios básicos de diseño

Fíjense en estos ejemplos. ¡Con las tipografías decoradas la idea
pierde fuerza!
Criterios básicos de diseño
•

•

•

Los textos escritos
TODO EN
MAYÚSCULA son
complicados para
leer.
En ningún caso es
posible usarlos
con tipografías
decoradas como
las del ejemplo.
Reservar su uso
para pequeños
destacados o para
los títulos.
Criterios básicos de diseño

En fondos complejos
(como el del ejemplo)
es conveniente
ponerle sombra a los
textos para
“despegarlos” del
fondo.
Criterios básicos de diseño

Más allá de
discusiones sobre
gustos, los colores
del ejemplo cansan
la vista y sobre todo
dificultan la lectura
de los nombres de
las secciones.
Criterios básicos de diseño

Si no se tiene práctica en diseño o manejo de colores, lo
ideal es utilizar la misma gama tonal.
Criterios básicos de diseño

Aunque ustedes no lo crean
este blog está en línea.
No es posible leer lo que
dicen los textos. Suponemos
que tenia un fondo oscuro y
se cambio por error.
El efecto comunicativo es
opuesto al deseado.
Criterios básicos de diseño

Los fondos con
contraste muy fuerte
dificultan la lectura,
cansan la vista e
“invitan” a abandonar
la página.
Nunca debemos
olvidar que el fondo
no debe (o no
debería) competir
con la información.
Criterios básicos de diseño

En el mismo fondo
con un contraste
menor, el texto se
“despega” del fondo.
Criterios básicos de diseño

El mismo fondo, variando
brillo y contraste.
Utilizando, además, un
filtro de desenfocar la
imagen

Más contenido relacionado

Similar a Criterios Básicos de Diseño Web

Jerarquias tipograficas
Jerarquias tipograficasJerarquias tipograficas
Jerarquias tipograficas
Omar Duarte
 
Jerarquias tipograficas
Jerarquias tipograficasJerarquias tipograficas
Jerarquias tipograficas
Omar Ballén
 
Como hacer una buena Presentacion
Como hacer una buena PresentacionComo hacer una buena Presentacion
Como hacer una buena Presentacion
dsconsultora
 
Ejercicio1 t4 ismael_moya
Ejercicio1 t4 ismael_moyaEjercicio1 t4 ismael_moya
Ejercicio1 t4 ismael_moya
ismaelmoya17
 
Power point cómo elaborar presentaciones
Power point cómo elaborar presentacionesPower point cómo elaborar presentaciones
Power point cómo elaborar presentaciones
ericka8800
 
Cualidades para la exposicion o presentacion de un tema
Cualidades para la exposicion o presentacion de un temaCualidades para la exposicion o presentacion de un tema
Cualidades para la exposicion o presentacion de un tema
rudaboro boro
 
Criterios para combinar tipografías
Criterios para combinar tipografíasCriterios para combinar tipografías
Criterios para combinar tipografías
Mariana Maccari
 
Principios
PrincipiosPrincipios
Principios
niko a
 
Consejos graficos para el diseño de recursos educativos
Consejos graficos para el diseño de recursos educativosConsejos graficos para el diseño de recursos educativos
Consejos graficos para el diseño de recursos educativos
kateclaros
 

Similar a Criterios Básicos de Diseño Web (20)

Elementos de diseño gráfico en la creación de materiales didácticos
Elementos de diseño gráfico en la creación de materiales didácticosElementos de diseño gráfico en la creación de materiales didácticos
Elementos de diseño gráfico en la creación de materiales didácticos
 
Jerarquias tipograficas
Jerarquias tipograficasJerarquias tipograficas
Jerarquias tipograficas
 
Jerarquias tipograficas
Jerarquias tipograficasJerarquias tipograficas
Jerarquias tipograficas
 
Tutorial para presentaciones FAO Capacitacion.pptx
Tutorial para presentaciones FAO Capacitacion.pptxTutorial para presentaciones FAO Capacitacion.pptx
Tutorial para presentaciones FAO Capacitacion.pptx
 
Tecnicas digitales Clase16 fuentesreticulasan2017
Tecnicas digitales Clase16 fuentesreticulasan2017Tecnicas digitales Clase16 fuentesreticulasan2017
Tecnicas digitales Clase16 fuentesreticulasan2017
 
Td clase16 fuentesreticulas-presentacionesan2018
Td clase16 fuentesreticulas-presentacionesan2018Td clase16 fuentesreticulas-presentacionesan2018
Td clase16 fuentesreticulas-presentacionesan2018
 
Tex imgpres matreferencia
Tex imgpres matreferenciaTex imgpres matreferencia
Tex imgpres matreferencia
 
4.4 tipografia
4.4 tipografia4.4 tipografia
4.4 tipografia
 
DISEÑO.pptx
DISEÑO.pptxDISEÑO.pptx
DISEÑO.pptx
 
Bases de Diseño
Bases de DiseñoBases de Diseño
Bases de Diseño
 
Como hacer una buena Presentacion
Como hacer una buena PresentacionComo hacer una buena Presentacion
Como hacer una buena Presentacion
 
Ejercicio1 t4 ismael_moya
Ejercicio1 t4 ismael_moyaEjercicio1 t4 ismael_moya
Ejercicio1 t4 ismael_moya
 
Power point cómo elaborar presentaciones
Power point cómo elaborar presentacionesPower point cómo elaborar presentaciones
Power point cómo elaborar presentaciones
 
Cualidades para la exposicion o presentacion de un tema
Cualidades para la exposicion o presentacion de un temaCualidades para la exposicion o presentacion de un tema
Cualidades para la exposicion o presentacion de un tema
 
Criterios para combinar tipografías
Criterios para combinar tipografíasCriterios para combinar tipografías
Criterios para combinar tipografías
 
Uso de la tipografía y tipos de logotipos
Uso de la tipografía y tipos de logotipos Uso de la tipografía y tipos de logotipos
Uso de la tipografía y tipos de logotipos
 
Uso de la tipografía y tipos de logotipos
Uso de la tipografía y tipos de logotipos Uso de la tipografía y tipos de logotipos
Uso de la tipografía y tipos de logotipos
 
Uso de la Tipografia y Tipos de Logotipos
Uso de la Tipografia  y Tipos de Logotipos Uso de la Tipografia  y Tipos de Logotipos
Uso de la Tipografia y Tipos de Logotipos
 
Principios
PrincipiosPrincipios
Principios
 
Consejos graficos para el diseño de recursos educativos
Consejos graficos para el diseño de recursos educativosConsejos graficos para el diseño de recursos educativos
Consejos graficos para el diseño de recursos educativos
 

Criterios Básicos de Diseño Web

  • 1. Criterios básicos de diseño El uso de colores y tipografías en diseño de webs y de campus no es un tema sencillo. Como regla general deberíamos pensar que no existen colores (ni tipos de letras) lindas o feas, sino adecuadas o no para lo que queremos comunicar. No es lo mismo un sitio de Historia de Grecia que el de un salón de fiestas. Los colores y las tipografías deberían acompañar el discurso textual.
  • 2. Criterios básicos de diseño • • Las tipografías también comunican. Hay construcciones culturales que identifican el uso de una u otra según criterios ajenos a nuestro gusto. Lo ideal es, entonces, utilizarlas siguiendo esas construcciones culturales, salvo que se decida “romper” la regla para crear un efecto comunicativo. Es difícil imaginarse una funeraria con este logotipo ¿no?
  • 3. Criterios básicos de diseño Fíjense en estos ejemplos. ¡Con las tipografías decoradas la idea pierde fuerza!
  • 4. Criterios básicos de diseño • • • Los textos escritos TODO EN MAYÚSCULA son complicados para leer. En ningún caso es posible usarlos con tipografías decoradas como las del ejemplo. Reservar su uso para pequeños destacados o para los títulos.
  • 5. Criterios básicos de diseño En fondos complejos (como el del ejemplo) es conveniente ponerle sombra a los textos para “despegarlos” del fondo.
  • 6. Criterios básicos de diseño Más allá de discusiones sobre gustos, los colores del ejemplo cansan la vista y sobre todo dificultan la lectura de los nombres de las secciones.
  • 7. Criterios básicos de diseño Si no se tiene práctica en diseño o manejo de colores, lo ideal es utilizar la misma gama tonal.
  • 8. Criterios básicos de diseño Aunque ustedes no lo crean este blog está en línea. No es posible leer lo que dicen los textos. Suponemos que tenia un fondo oscuro y se cambio por error. El efecto comunicativo es opuesto al deseado.
  • 9. Criterios básicos de diseño Los fondos con contraste muy fuerte dificultan la lectura, cansan la vista e “invitan” a abandonar la página. Nunca debemos olvidar que el fondo no debe (o no debería) competir con la información.
  • 10. Criterios básicos de diseño En el mismo fondo con un contraste menor, el texto se “despega” del fondo.
  • 11. Criterios básicos de diseño El mismo fondo, variando brillo y contraste. Utilizando, además, un filtro de desenfocar la imagen