criterios básicos de diseño web
TRANSCRIPT
![Page 1: Criterios Básicos de Diseño Web](https://reader036.vdocuments.mx/reader036/viewer/2022081422/557b4631d8b42a0d388b4a7d/html5/thumbnails/1.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022081422/557b4631d8b42a0d388b4a7d/html5/thumbnails/2.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022081422/557b4631d8b42a0d388b4a7d/html5/thumbnails/3.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022081422/557b4631d8b42a0d388b4a7d/html5/thumbnails/4.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022081422/557b4631d8b42a0d388b4a7d/html5/thumbnails/5.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022081422/557b4631d8b42a0d388b4a7d/html5/thumbnails/6.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022081422/557b4631d8b42a0d388b4a7d/html5/thumbnails/7.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022081422/557b4631d8b42a0d388b4a7d/html5/thumbnails/8.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022081422/557b4631d8b42a0d388b4a7d/html5/thumbnails/9.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022081422/557b4631d8b42a0d388b4a7d/html5/thumbnails/10.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022081422/557b4631d8b42a0d388b4a7d/html5/thumbnails/11.jpg)
Criterios básicos de diseño
El mismo fondo, variando brillo y contraste. Utilizando, además, un filtro de desenfocar la imagen