TRABAJO GRUPAL DE WEB Y MULTIMEDIA INTEGRANTES: Bermeo Johnney Chimbo Bryan Correa Carlos Guaya Cesar Robles Darío Villa Luisa

LEGIBILIDAD TIPOGRAFICA En una composición gráfica o página web cualquiera, los contenidos textuales son los principales responsables de la transmisión del mensaje al espectador final. En este entorno, la tipografía es la que intermedia entre el receptor y la información. Los caracteres matizan las palabras y le aportan o refuerzan el sentido. La mala selección de esas formas puede interferir negativamente en la comunicación. Junto con el color, la tipografía puede alterar por completo el significado que asociamos a un diseño. El texto puede decir una cosa; las letras otra muy diferente.

Para lograr una composición tipográfica adecuada, es necesaria una correcta selección de las familias tipográficas a utilizar, teniendo en cuenta su legibilidad, sus proporciones, el contraste entre los trazos gruesos y delgados, la existencia del remate o su falta, su inclinación y su forma. La elección del tipo más adecuado depende en gran medida del tipo de mensaje al que va enfocada la composición. En algunos casos necesitaremos un tipo de letra refinada, elegante o delicada, mientras que en otros necesitaremos letras sobrias, macizas y sin ningún tipo de remilgos.

UTILIZACION DE LA TIPOGRAFIA Longitud de línea: El número de caracteres en una línea de texto contribuye a la legibilidad en gran parte. Si el texto es extremadamente amplio, puede resultar intimidante y difícil de leer. Lo mismo si la longitud del texto es demasiado corta, lo cual podría causar confusión y estrés a la vista de los lectores.

Interlineado: El espacio que existe entre las líneas del párrafo de texto es también importante. Imagina si en este artículo las líneas chocaran entre sí, de seguro no podrías comprender el texto.

Estilo de letra: El estilo de letra puede afectar la legibilidad Estilo de letra: El estilo de letra puede afectar la legibilidad. Las fuentes de Simple serif y Sans serif son las más legibles y comprensibles, mientras los estilos adornados, novedosos y en cursiva son los más difíciles de descifrar.

Márgenes y espaciado: Así como el interlineado, la cantidad de espacio en medio y al rededor de las letras también tiene impacto sobre cómo el lector comprenderá el texto.

Color y contraste: El color de texto sobre el fondo correspondiente también tiene mucha importancia. Si se sitúa un texto de color verde sobre un fondo verde, este puede ser difícil de distinguir y leer. Existe una razón por la cual la mayoría de diseñadores optan por una letra de color claro sobre un fondo negro o una letra de color oscuro sobre un fondo claro. El contraste facilita la lectura.

EJEMPLOS DE TIPOGRAFIAS EN EL DISEÑO WEB En el diseño web no hay una tipografía más usada que otra, ya que el contexto tipográfico va de acuerdo a quien va dirigida la información contenida en la pagina o sitio web. Una página web no se hace con una sola tipografía. Ciertamente se puede pero no es lo deseado ni recomendable.

Algunos ejemplos de tipografías usadas son:

VENTAJAS AL USAR UNA TIPOGRAFIA LEGIBLE La pagina web con legibilidad tipográfica produce una mayor velocidad de lectura y comprensión del mensaje. Facilidad para seleccionar y obtener la información deseada. Ofrecer un material mas atractivo que el clásico, convirtiendo la información en más amena y reforzando el aprendizaje. Memorización ágil del sitio web por buena presentación y facilidad de entendimiento del contenido. Lectura del documento adaptado al usuario. Lograr brevedad del contenido.

DESVENTAJAS CON UNA TIPOGRAFIA ILEGIBLE Usar muchas tipografías. Color y estilos tipográficos difíciles de leer. No respetar márgenes, interlineado, espaciado y contraste tipográficos en el diseño. No respetar Jerarquía Tipográfica. Utilizar solo una tipografía.

RECOMENDACIONES Los comienzos de párrafo deben ser fácilmente reconocibles, pudiendo usar para este fin los indentados, los estilos o la separación de párrafos con un retorno (uno, nunca dos). Hay que evitar en lo posible el texto subrayado, en especial títulos y subtítulos, ya que las líneas los separan del texto al que pertenecen. En caso de necesitar destacar estos elementos, es mejor utilizar itálicas en lugar de subrayados. Es una buena idea dejar un espacio mayor por encima de los títulos y subtítulos que por debajo, así como evitar ponerlos todos en mayúsculas.

Las viñetas (bullets) y sangrías (indent) son recursos útiles para estructurar la información, separar conceptos, subordinar unos a otros, crear dependencias, etc. Los espacios en blanco hacen los documentos más fáciles de leer y le dan un espacio más limpio.