Tipografia y maquetacion6

54
5.1- Introducción a la tipografía: Historia, familias y tipos 5.2- Las Herramientas tipográficas: cuerpo de letra, interlineado, alineación, y condensación de caracteres 5.3- Diagramación, maquetación y composición tipográfica

Transcript of Tipografia y maquetacion6

Page 1: Tipografia y maquetacion6

5.1- Introducción a la tipografía: Historia, familias y tipos

5.2- Las Herramientas tipográficas: cuerpo de letra, interlineado, alineación,

y condensación de caracteres

5.3- Diagramación, maquetación y composición tipográfica

Page 2: Tipografia y maquetacion6

5.3- Diagramación, maquetación y composición tipográfica

Maquetación, composición de página, compaginación, Diagramación, son diferentes

términos que se usan para referirse a una misma cosa

La manera de ocupar el espacio del plano que es la página

Cómo disponer el conjunto de elementos (texto o imágenes) de tal forma que se consiga

un equilibrio estético entre ellos y en el conjunto

Page 3: Tipografia y maquetacion6

5.3- Diagramación, maquetación y composición tipográfica

UN POCO DE HISTORIA

Desde la Edad Media existía la conciencia de diseño y equilibrio en la composición de manuscritos ,así como que los márgenes

alrededor del texto fueran uniformes.

Page 4: Tipografia y maquetacion6
Page 5: Tipografia y maquetacion6

5.3- Diagramación, maquetación y composición tipográfica

UN POCO DE HISTORIA

Ya en la era Gutenberg, los caracteres se disponían en filas para formar las palabras en reglas longitudinales

y columnas iguales para formar una estructura coherente y equilibrada.

Page 6: Tipografia y maquetacion6
Page 7: Tipografia y maquetacion6

5.3- Diagramación, maquetación y composición tipográfica

HOY DIA

Los sistemas actuales proporcionan una mayor flexibilidad y muchas menos rigideces

Aún así es un requisito indispensable para el diseñador gráfico trabajar con una estructura previa

de página y utilizarla como guía para colocar los elementos.

Este proceso se denomina diseño o creación de la retícula.

Page 8: Tipografia y maquetacion6
Page 9: Tipografia y maquetacion6
Page 10: Tipografia y maquetacion6

5.3- Diagramación, maquetación y composición tipográfica

EL DISEÑO DE LA RETÍCULA BASEASPECTOS GENERALES

Sirve para organizar los elementos tipográficos y pictóricos de una página y unificar todas las partes

del diseño.

Las cuadrículas tipográficas estándar poseen líneas de contorno, módulos cuadriculados, columnas de

texto, medianiles (espacio en blanco entre dos columnas de texto) y márgenes.

Page 11: Tipografia y maquetacion6
Page 12: Tipografia y maquetacion6

5.3- Diagramación, maquetación y composición tipográfica

EL DISEÑO DE LA RETÍCULA BASEA TENER EN CUENTA

El objetivo de comunicación gráfica que se pretende.

Características del documento gráfico de que se trate

Tipo de mensaje a transmitir y el estilo de comunicación que se quiere conseguir.

La cantidad de fotografías o ilustraciones a utilizar en la página y la tipografía serán condicionantes

Características del papel y su tamaño.

Page 13: Tipografia y maquetacion6
Page 14: Tipografia y maquetacion6
Page 15: Tipografia y maquetacion6

5.3- Diagramación, maquetación y composición tipográfica

EL DISEÑO DE LA RETÍCULA BASEELEMENTOS A DECIDIR POR EL DISEÑADORMárgenes superiores e inferiores, interiores y

exteriores de la página con relación a la zona de disposición del texto

La tipografía a utilizar, el cuerpo del tipo, el cuerpo de los títulos y subtítulos

La alineación de párrafos, el interlienado, el tracking.El número de columnas y la distancia entre ellas

Page 16: Tipografia y maquetacion6

5.3- Diagramación, maquetación y composición tipográfica

EL DISEÑO DE LA RETÍCULA BASERETICULAS SEGÚN NÚMERO DE COLUMNAS

1 COLUMNA

2 ó 4 COLUMNAS3 ó 6 COLUMNAS

Page 17: Tipografia y maquetacion6

5.3- Diagramación, maquetación y composición tipográfica

EL DISEÑO DE LA RETÍCULA BASERETICULAS SEGÚN NÚMERO DE COLUMNAS

1 COLUMNALa retícula más simple es la de una sola columna con

márgenes iguales en todos sus bordes Este tipo de retícula se usa para libros tradicionales

de lectura, y otras muchas aplicaciones. Disposición de elementos gráficos muy limitada y más

rígida que otras variantes de retícula.

Page 18: Tipografia y maquetacion6
Page 19: Tipografia y maquetacion6
Page 20: Tipografia y maquetacion6

5.3- Diagramación, maquetación y composición tipográfica

EL DISEÑO DE LA RETÍCULA BASERETICULAS SEGÚN NÚMERO DE COLUMNAS

2 ó 4 COLUMNAS

Son las más utilizadas en trabajos de diseño gráfico. En general, cuando el número de columnas es par se

consigue una distribución más equilibradaAunque, por otra parte, puede resultar carente de

originalidad.

Page 21: Tipografia y maquetacion6
Page 22: Tipografia y maquetacion6
Page 23: Tipografia y maquetacion6

5.3- Diagramación, maquetación y composición tipográfica

EL DISEÑO DE LA RETÍCULA BASERETICULAS SEGÚN NÚMERO DE COLUMNAS

3 ó 6 COLUMNASEs adecuada para folletos, proporciona anchas y legibles columnas de texto (LA DE 3), y al poder subdividirlas en 6

hay una mayor versatilidad en la disposición de los elementos.

Un número impar de columnas crea un estilo diferente y más original pero más difícil conseguir equilibrio

Page 24: Tipografia y maquetacion6
Page 25: Tipografia y maquetacion6
Page 26: Tipografia y maquetacion6

5.3- Diagramación, maquetación y composición tipográfica

EL DISEÑO DE LA RETÍCULA BASEELEMENTOS DEL DISEÑO DE LA RETICULA

Los tres elementos fundamentales del diseño en la página son los títulos, el texto y las imágenes.

Todos deben combinarse en la retícula para formar un conjunto armonioso, en el que los elementos se

refuerzan unos a otros. En la mayoría de publicaciones, el texto, los títulos y

las imágenes están dispuestos de tal forma que sugieren la existencia de una retícula base.

Page 27: Tipografia y maquetacion6
Page 28: Tipografia y maquetacion6
Page 29: Tipografia y maquetacion6
Page 30: Tipografia y maquetacion6
Page 31: Tipografia y maquetacion6
Page 32: Tipografia y maquetacion6

5.3- Diagramación, maquetación y composición tipográfica

EL DISEÑO DE LA RETÍCULA BASEELEMENTOS DEL DISEÑO DE LA RETICULA

TITULOSFUNCIÓN de remarcar una información de forma breve y de atraer la atención del lector hacia ella.

El cuerpo y el grosor de la letra utilizada en el título es normamente superior que en el texto.

Magnífica forma de dar viveza visual a una página, pudiéndose utilizar recursos de color, sombra, etc

Page 33: Tipografia y maquetacion6
Page 34: Tipografia y maquetacion6

5.3- Diagramación, maquetación y composición tipográfica

EL DISEÑO DE LA RETÍCULA BASEELEMENTOS DEL DISEÑO DE LA RETICULA

SUBTITULOS

Los subtítulos cumplen una función, similar a los títulos, de llamar la atención del lector.

Información más detallada en un cuerpo de letra menor, pero todavía breve y concisa

Page 35: Tipografia y maquetacion6
Page 36: Tipografia y maquetacion6

5.3- Diagramación, maquetación y composición tipográfica

EL DISEÑO DE LA RETÍCULA BASEELEMENTOS DEL DISEÑO DE LA RETICULA

EL TEXTO

FUNCIÓN narrativa, explicativa del objeto o conceptos que el documento gráfico presenta.

Restricciones dentro de la retícula, no debe exceder los límites de la misma, tener interlineado uniforme, un

cuerpo de letra generalmente igual y un espaciado entre letras estable

Page 37: Tipografia y maquetacion6
Page 38: Tipografia y maquetacion6

5.3- Diagramación, maquetación y composición tipográfica

EL DISEÑO DE LA RETÍCULA BASEELEMENTOS DEL DISEÑO DE LA RETICULA

LAS IMÁGENESEl diseño de una composición incluye en una mayoría de

casos el uso de algún tipo de imagen, gráfico o fotografía. Permiten romper las restricciones impuestas por la retícula

y las rigideces formales creadas por los elementos tipográficos.

Pueden usarse más flexiblemente y visualmente estimulante.

Page 39: Tipografia y maquetacion6

5.3- Diagramación, maquetación y composición tipográfica

EL DISEÑO DE LA RETÍCULA BASEELEMENTOS DEL DISEÑO DE LA RETICULA

LAS IMÁGENESSe puede con ellas atravesar las columnas, ocupar el

espacio de más de una columna e, incluso, superar los límites de la retícula.

Page 40: Tipografia y maquetacion6
Page 41: Tipografia y maquetacion6
Page 42: Tipografia y maquetacion6

5.3- Diagramación, maquetación y composición tipográfica

EL DISEÑO DE LA RETÍCULA BASEELEMENTOS DEL DISEÑO DE LA RETICULA

LAS IMÁGENESEn resumen, las imágenes y su disposición en la retícula representan una oportunidad de ejercer la libertad para el

diseñador y sus recursos creativos. De todas maneras el tamaño y posición de las imágenes se

disponen y dimensionan en función de los espacios definidos en la retícula.

Page 43: Tipografia y maquetacion6
Page 44: Tipografia y maquetacion6
Page 45: Tipografia y maquetacion6

5.3- Diagramación, maquetación y composición tipográfica

EL DISEÑO DE LA RETÍCULA BASECONSIDERACION FINAL

La retícula condiciona decisivamente el resultado final

Antes de empezar un proyecto de diseño se deben realizar diversas pruebas de retículas, experimentar con los elementos gráficos y plantearse una composición

esquemática de lo que se quiere conseguir.

Page 46: Tipografia y maquetacion6
Page 47: Tipografia y maquetacion6
Page 48: Tipografia y maquetacion6
Page 49: Tipografia y maquetacion6
Page 50: Tipografia y maquetacion6
Page 51: Tipografia y maquetacion6
Page 52: Tipografia y maquetacion6
Page 53: Tipografia y maquetacion6
Page 54: Tipografia y maquetacion6