Criterios Básicos de Diseño Web

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 .

Transcript of Criterios Básicos de Diseño Web

Page 1: Criterios Básicos de Diseño Web

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.

Page 2: Criterios Básicos de Diseño Web

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?

Page 3: Criterios Básicos de Diseño Web

Criterios básicos de diseño

Fíjense en estos ejemplos. ¡Con las tipografías decoradas la idea pierde fuerza!

Page 4: Criterios Básicos de Diseño Web

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.

Page 5: Criterios Básicos de Diseño Web

En fondos complejos (como el del ejemplo) es conveniente ponerle sombra a los textos para “despegarlos” del fondo.

Criterios básicos de diseño

Page 6: Criterios Básicos de Diseño Web

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.

Page 7: Criterios Básicos de Diseño Web

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.

Page 8: Criterios Básicos de Diseño Web

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.

Page 9: Criterios Básicos de Diseño Web

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

Page 10: Criterios Básicos de Diseño Web

En el mismo fondo con un contraste menor, el texto se “despega” del fondo.

Criterios básicos de diseño

Page 11: Criterios Básicos de Diseño Web

Criterios básicos de diseño

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