TRABAJO GRUPAL DE WEB Y MULTIMEDIA INTEGRANTES: BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA...

14
TRABAJO GRUPAL DE WEB Y MULTIMEDIA INTEGRANTES: BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA CESAR ROBLES DARÍO VILLA LUISA

Transcript of TRABAJO GRUPAL DE WEB Y MULTIMEDIA INTEGRANTES: BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA...

Page 1: TRABAJO GRUPAL DE WEB Y MULTIMEDIA INTEGRANTES: BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA CESAR ROBLES DARÍO VILLA LUISA.

TRABAJO GRUPAL DE WEB Y MULTIMEDIA

INTEGRANTES:

• BERMEO JOHNNEY

• CHIMBO BRYAN

• CORREA CARLOS

• GUAYA CESAR

• ROBLES DARÍO

• VILLA LUISA

Page 2: 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.

Page 3: TRABAJO GRUPAL DE WEB Y MULTIMEDIA INTEGRANTES: BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA CESAR ROBLES DARÍO VILLA LUISA.

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.

Page 4: TRABAJO GRUPAL DE WEB Y MULTIMEDIA INTEGRANTES: BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA CESAR ROBLES DARÍO VILLA LUISA.

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.

UTILIZACION DE LA TIPOGRAFIA

Page 5: TRABAJO GRUPAL DE WEB Y MULTIMEDIA INTEGRANTES: BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA CESAR ROBLES DARÍO VILLA LUISA.

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.

Page 6: TRABAJO GRUPAL DE WEB Y MULTIMEDIA INTEGRANTES: BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA CESAR ROBLES DARÍO VILLA LUISA.

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.

Page 7: TRABAJO GRUPAL DE WEB Y MULTIMEDIA INTEGRANTES: BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA CESAR ROBLES DARÍO VILLA LUISA.

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.

Page 8: TRABAJO GRUPAL DE WEB Y MULTIMEDIA INTEGRANTES: BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA CESAR ROBLES DARÍO VILLA LUISA.

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.

Page 9: TRABAJO GRUPAL DE WEB Y MULTIMEDIA INTEGRANTES: BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA CESAR ROBLES DARÍO VILLA LUISA.

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.

Page 10: TRABAJO GRUPAL DE WEB Y MULTIMEDIA INTEGRANTES: BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA CESAR ROBLES DARÍO VILLA LUISA.

Algunos ejemplos de tipografías usadas son:

Page 11: TRABAJO GRUPAL DE WEB Y MULTIMEDIA INTEGRANTES: BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA CESAR ROBLES DARÍO VILLA LUISA.

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.

Page 12: TRABAJO GRUPAL DE WEB Y MULTIMEDIA INTEGRANTES: BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA CESAR ROBLES DARÍO VILLA LUISA.

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.

Page 13: TRABAJO GRUPAL DE WEB Y MULTIMEDIA INTEGRANTES: BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA CESAR ROBLES DARÍO VILLA LUISA.

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.

Page 14: TRABAJO GRUPAL DE WEB Y MULTIMEDIA INTEGRANTES: BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA CESAR ROBLES DARÍO VILLA LUISA.

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.