Tipografia: Variables y composición

53
Métodos de composición / Variables tipográficas 1

Transcript of Tipografia: Variables y composición

Page 1: Tipografia: Variables y composición

Métodos de composición / Variables tipográficas

1

Page 2: Tipografia: Variables y composición

2

Desde los tiempos de la invención de la imprenta, la mayor parte del material impreso ha sido destinado a la lectura continua y, es por esto, que lo que vamos a tratar en este artículo son los factores fundamentales que como el tamaño del cuerpo, el espacio entre las palabras, el interlineado y la longitud de la línea, intervienen en la correcta disposición del material tipográfico en la composición ordinaria o seguida orientada principalmente a su aparición en libros, que es el campo clásico que utilizamos a la hora de mostrar los recursos de la tipografía.

Page 3: Tipografia: Variables y composición

La especificación tipográfica básica es:

! Bodoni! 9! /! 10! x ! 21 ! ! ! familia! cuerpo pt! interlínea pt longitud de línea !! ! ! ! ! ! ! ! ! ! ! ! ! ! ! cíceros o mm!

3

Dentro de la tipografía de edición, al plantear los trabajos, debemos considerar que existen distintas variables tipográficas y que todas ellas conforman la disposición tipográfica.

Se encuentran todas relacionadas entre sí, lo cual le da cierta complejidad.Las variables más importantes en la disposición tipográfica son:

Ojo medioMedida de líneaInterlinea

Existen también otras consideraciones: soporte, receptor, naturaleza del trabajo, etc.

Page 4: Tipografia: Variables y composición

Ojo medio:

4

adpnx

adpnx

adpnx

adpnx

OJO MEDIO MUY ELEVADO

Antique Olive 60 puntos

OJO MEDIO ELEVADO

Avant Garde 60 puntos

OJO MEDIO EQUILIBRADO

Óptima 60 puntos

OJO MEDIO PEQUEÑO

Bodoni 60 puntos

Espacio comprendido entre línea base y la línea media, equivale al espacio ocupado por las minúsculas, sin trazos ascendentes ni descendentes. Altura x.Los caracteres modernos Antique Olive, Avant Garde han seguido la tendencia a utilizar grandes ojos medios.Ojo medio y la interlinea están muy relacionados entre sí, ya que si el ojo medio es pequeño la interlinea se debe reducir, al contrario aumentar.No elegir tipos con ojo medio desproporcionado.Un cuerpo de 8 a 11 puntos y una x grande.

Page 5: Tipografia: Variables y composición

5

Medida de línea:

El lector lee de 3 a 5 palabras juntas e identifica de 3 a 4 grupos de palabras por línea; por lo tanto la cantidad ideal de palabras por línea es de 10 a 12 palabras.

No menos de 8 y no pasar de 16.

El texto técnico puede tener líneas más largas y justificado.

Para decidir medida de línea a emplear, deberemos saber el tamaño de la letra.

Cantidad ideal de letras por línea entre 40 y 60.

No es aconsejable más de 80 letras = 40 cíceros = 180 mm.

Page 6: Tipografia: Variables y composición

6

Como hemos visto un diseñador gráfico maneja mensajes visuales para que un espectador los obtenga.Pero en realidad los mensajes se manejan por medio de reglas semánticas, o sea por medio de estasreglas podemos realizar perfectamente una interpretación. Dentro de este proceso tenemos que manejarciertas variables con las que trabaja un diseñador. Utilizamos la letra X como la solución gráfica. Pero siesta letra trabaja con una palabra que inicia con el trabajo de diseño, además la X, utilizaremos una flechaque nos indicará la interpretación. Como hemos visto un diseñador gráfico maneja mensajes visuales paraque un espectador los obtenga. Pero en realidad los mensajes se manejan por medio de reglassemánticas, o sea por medio de estas reglas podemos realizar perfectamente una interpretación. Dentro deeste proceso tenemos que manejar ciertas variables con las que trabaja un diseñador. Utilizamos la letracomo la solución gráfica. Pero si esta letra trabaja con una palabra que inicia con el trabajo de diseño,además la X, utilizaremos una flecha que nos indicará la interpretación.

Como hemos visto un diseñador gráfico maneja mensajes visuales para que un espectador los obtenga. Pero en realidad los mensajes se manejan por medio de reglassemánticas, o sea por medio de estas reglas podemos realizar perfectamente una interpretación. Dentro de este proceso tenemos que manejar ciertas variables con las quetrabaja un diseñador. Utilizamos la letra X como la solución gráfica. Pero si esta letra trabaja con una palabra que inicia con el trabajo de diseño, además la X, utilizaremosuna flecha que nos indicará la interpretación. Como hemos visto un diseñador gráfico maneja mensajes visuales para que un espectador los obtenga. Pero en realidad losmensajes se manejan por medio de reglas semánticas, o sea por medio de estas reglas podemos realizar perfectamente una interpretación. Dentro de este proceso tenemosque manejar ciertas variables con las que trabaja un diseñador. Utilizamos la letra como la solución gráfica. Pero si esta letra trabaja con una palabra que inicia con eltrabajo de diseño, además la X, utilizaremos una flecha que nos indicará la interpretación.

Como hemos visto un diseñadorgráfico meneja mensajesvisuales para que un espectadorlos obtenga. Pero en realidad losmensajes se manejan por mediode reglas semánticas, o sea pormedio de estas reglas podemosrealizar perfectamente unainterpretación . Dentro de esteproceso tenemos que manejarciertas variables con las quetrabaja un diseñador. Utilizamosla letra X como la solucióngráfica. Pero si esta letra trabajacon una palabra que inicia con eltrabajo de diseño, además la X,utilizaremos una flecha que nosindicará la interpretación. Comohemos visto un diseñador gráficomeneja mensajes visuales paraque un espectador los obtenga.Pero en realidad los mensajesse manejan por medio de reglassemánticas, o sea por medio deestas reglas podemos realizarperfectamente unainterpretación.

Page 7: Tipografia: Variables y composición

7

Interínea:Es el espacio entre dos líneas de texto. Si queremos conocer la dimensión de este espacio, averiguaremos con el tipómetro la medida del cuerpo, mediremos la distancia entre las líneas base de 2 líneas, y el resultado le descontaremos el cuerpo de letra, la diferencia nos dará el tamaño de interlinea.

Medida de línea 12 puntos(mídase una letra mayúscula)

Cuerpo + interlineado = 14 pt

Interlínea = 2 pt

Lʼautoedició és una combinació de hardware i

software per generar pàgines impreses dʼuna

forma ràpida, econòmica i amb una qualitat acceptable.

El mateix terme defineix el concepte dʼautoedició: edició, dʼinformació en

mitjans dʼimpresos; realitzada per un mateix.

Línea base

Línea base

Alineación inferiorAlineación superior

Page 8: Tipografia: Variables y composición

8

Asegura que el lector no se distraiga, un interlineado inadecuado hace que el lector tenga que esforzarse a distinguir cada línea.

Textos con mayúsculas (titulares): interlínea negativa.

Utilizar de 6 a 9 puntos interlínea de 1 pt (6/7, 7/8)

Y los de 10 a 12 pt interlínea de 2 pt (10/12, 11/13, etc.)

o utilizar el 20% por defecto.

Page 9: Tipografia: Variables y composición

Como hemos visto un diseñador gráfico meneja mensajes visuales para que un espectador losobtenga. Pero en realidad los mensajes se manejan por medio de reglas semánticas, o sea pormedio de estas reglas podemos realizar perfectamente una interpretación . Dentro de este procesotenemos que manejar ciertas variables con las que trabaja un diseñador. Utilizamos la letra X comola solución gráfica. Pero si esta letra trabaja con una palabra que inicia con el trabajo de diseño,además la X, utilizaremos una flecha que nos indicará la interpretación. Como hemos visto undiseñador gráfico meneja mensajes visuales para que un espectador los obtenga. Pero en realidadlos mensajes se manejan por medio de reglas semánticas, o sea por medio de estas reglaspodemos realizar perfectamente una interpretación. Dentro de este proceso tenemos que manejarciertas variables con las que trabaja un diseñador. Utilizamos la letra como la solución gráfica. Perosi esta letra trabaja con una palabra que inicia con el trabajo de diseño, además la X, utilizaremosuna flecha que nos indicará la interpretación.

Como hemos visto un diseñador gráfico meneja mensajes visuales para que un espectador losobtenga. Pero en realidad los mensajes se manejan por medio de reglas semánticas, o sea pormedio de estas reglas podemos realizar perfectamente una interpretación . Dentro de este procesotenemos que manejar ciertas variables con las que trabaja un diseñador. Utilizamos la letra X comola solución gráfica. Pero si esta letra trabaja con una palabra que inicia con el trabajo de diseño,además la X, utilizaremos una flecha que nos indicará la interpretación. Como hemos visto undiseñador gráfico meneja mensajes visuales para que un espectador los obtenga. Pero en realidadlos mensajes se manejan por medio de reglas semánticas, o sea por medio de estas reglaspodemos realizar perfectamente una interpretación. Dentro de este proceso tenemos que manejarciertas variables con las que trabaja un diseñador. Utilizamos la letra como la solución gráfica. Perosi esta letra trabaja con una palabra que inicia con el trabajo de diseño, además la X, utilizaremosuna flecha que nos indicará la interpretación.

Como hemos visto un diseñador gráfico maneja mensajes visuales para que un espectador los

obtenga. Pero en realidad los mensajes se manejan por medio de reglas semánticas, o sea por

medio de estas reglas podemos realizar perfectamente una interpretación . Dentro de este proceso

tenemos que manejar ciertas variables con las que trabaja un diseñador. Utilizamos la letra X como

la solución gráfica. Pero si esta letra trabaja con una palabra que inicia con el trabajo de diseño,

además la X, utilizaremos una flecha que nos indicará la interpretación. Como hemos visto un

diseñador gráfico maneja mensajes visuales para que un espectador los obtenga. Pero en realidad

los mensajes se manejan por medio de reglas semánticas, o sea por medio de estas reglas

9

Page 10: Tipografia: Variables y composición

10

Page 11: Tipografia: Variables y composición

11

Page 12: Tipografia: Variables y composición

Variables tipográficas

Métodos de justificaciónJustificaciónBandera a la derechaBandera a la izquierdaCentradaAsimétrica!

Formas tipográficasArracada Recorrido

SangríaDe primera líneaDe párrafoFrancesaPárrafo alemán

CapitularesAltaRecorridoArracada

TabulacionesTablas diferentes

12

Page 13: Tipografia: Variables y composición

La Justificación

Orden recomendable:

Ajuste de espacio entre palabras

Partición de palabras según las reglas

ortográficas y consideraciones estéticas

Ajuste de espacio entre las letras

MÉTODOS DE JUSTIFICACIÓN

13

El texto justificado (alineado a derecha e izquierda) puede ser muy legible si el diseñador asegura que el espacio entre letras y palabras sea uniforme y los molestos huecos llamados “ríos” no interrumpan el curso del texto. Normalmente cualquier programa de autoedición facilita al diseñador afinar los espacios. Algunos programas dan dos tipos de justificado, uno el normal y otro en el que se justifica también la última línea.

Page 14: Tipografia: Variables y composición

14

Page 15: Tipografia: Variables y composición

15

Page 16: Tipografia: Variables y composición

16

Viudas y huérfanas

Page 17: Tipografia: Variables y composición

17

Se debe utilizar el punto de partición correcto, según las

normas ortográficas de cada idioma.

Se debe partir sólo las palabras de seis o más letras.

No habrá menos de tres letras antes del guión. Atención con

la casuística de los distintos idiomas.

No debe haber más de dos líneas seguidas con guión, en

columnas muy estrechas se pueden admitir tres guiones

consecutivos.

No se partirán las palabras compuestas con guión duro.

No es aconsejable partir la última línea de un párrafo.

No se partirán palabras en los titulares.

PARTICIÓN DE PALABRAS

Page 18: Tipografia: Variables y composición

18

Page 19: Tipografia: Variables y composición

19

Page 20: Tipografia: Variables y composición

Algunas familias no permiten el espacio entre letras

20

Page 21: Tipografia: Variables y composición

21

Alineación a la izquierda /Bandera derechaEl texto alineado a la izquierda es el más natural y recomendable para textos largos. Crea una letra y un espacio entre palabras muy uniforme, y dado que las líneas terminan en diferentes puntos, el lector es capaz de localizar fácilmente cada nueva línea. Esta es posiblemente la forma de alineación de textos que resulta más legible.

Page 22: Tipografia: Variables y composición

22

Espacios iguales entre letras

Espacios iguales entre palabras

No utilizar la partición (sólo excepcionalmente)

No utilizar la sangría de primera línea en algunos casos

No utilizar ciertas capitulares

RECOMENDACIONES ELEMENTALES

No deben aparecer líneas demasiado similares

No debe haber líneas cada vez más cortas

No se debe repetir pares de líneas de igual medida

No debe quedar una palabra suelta.

RECOMENDACIONES AVANZADAS

Aunque en los textos en bandera no es recomendable utilizar la partición, en casosconcretos de medida de línea pequeña o en casos donde el texto produce bloquessimétricos, se puede utilizar este recurso

Page 23: Tipografia: Variables y composición

23

Page 24: Tipografia: Variables y composición

24

Page 25: Tipografia: Variables y composición

25

Page 26: Tipografia: Variables y composición

26

Page 27: Tipografia: Variables y composición

27

Alineación a la derecha /Bandera izquierda

Sin embargo, la alineación a la derecha va en contra del lector porque es dificil encontrar la

nueva línea. Este método puede ser adecuado para un texto que no sea muy extenso, pero no

para grandes bloques.

Page 28: Tipografia: Variables y composición

28

Page 29: Tipografia: Variables y composición

29

Composición centrada

Las alineaciones centradas dan al texto una apariencia muy formal y son

adeucadas cuando se usan mínimamente. Pero debe evitarse

configurar textos demasiado largos con este modelo.

Un truco sería trabajar largo-corto-largo-corto.

Page 30: Tipografia: Variables y composición

30

Page 31: Tipografia: Variables y composición

31

Page 32: Tipografia: Variables y composición

32

Page 33: Tipografia: Variables y composición

Formas tipográficas! Arracada! Recorrido

1

Page 34: Tipografia: Variables y composición

!

2

ArracadaSe llama así al texto que sigue la forma de una ilustración, se emplea normalmente alrededor de una fotografía o de un dibujo y supone un cambio temporal en la medida de la línea. El texto en arracada puede seguir una forma recta o irregular. Para indicar una diferencia se especifica si hay sangrado, o si el sangrado va a izquierda o derecha y el número de líneas. No dejar menos de 12 puntos. No dejar líneas sueltas.

Page 35: Tipografia: Variables y composición

3

Page 36: Tipografia: Variables y composición

4

RecorridoCuando el texto recorre el contorno de una forma irregular, nítido o definido. La distancia del texto a la ilustración puede ser de 1/4 de cícero a 2 cíceros (o entre 3 y 24 puntos) y el texto puede ir modelándose entorno a la silueta representando su forma con absoluta precisión o limitándose a insinuarla ligeramente.

Page 37: Tipografia: Variables y composición

5

Sangría! De primera línea! De párrafo! Sangría francesa! Párrafo alemán

Page 38: Tipografia: Variables y composición

6

Se emplean en una sola línea para marcar el inicio de un párrafo o en una serie de líneas para determinar un bloque de texto. Suelen iniciarse en cuadratines. A la hora de marcar un bloque de texto sangrado es preciso especificar si la sangría debe ir a cada lado, centrado el texto dentro de la medida regular, o si sólo uno de ellos va sangrado.

El párrafo francés se indica como sangrado negativo.

Page 39: Tipografia: Variables y composición

7

Page 40: Tipografia: Variables y composición

8

Capitulares ! Alta! Arracada! Recorrido!

Page 41: Tipografia: Variables y composición

9

Las capitulares se pueden encajar en el texto de diversos modos.

Una capitular alta es una letra inicial gigante que se apoya en la misma línea base que el texto que viene a continuación, una capitular en arrancada va a línea en su parte superior con la primera línea de texto, ocupando el espacio de dos, tres o más líneas, es preciso conocer el cuerpo al igual que el espacio que se desea rellenar. Hay una capitular en recorrido.

Page 42: Tipografia: Variables y composición

10

Page 43: Tipografia: Variables y composición

11

Page 44: Tipografia: Variables y composición

12

Page 45: Tipografia: Variables y composición

13

Page 46: Tipografia: Variables y composición

14

Page 47: Tipografia: Variables y composición

15

Page 48: Tipografia: Variables y composición

16

Page 49: Tipografia: Variables y composición

17

Tabulaciones

Page 50: Tipografia: Variables y composición

18

La tabulación consiste en componer, en una misma medida de línea, varias líneas de diferente longitud. No se debe usar la barra espaciadora para alinear texto, de la misma manera no se debe utilizar el tabulador para realizar una sangría de primera línea.

Page 51: Tipografia: Variables y composición

19

Page 52: Tipografia: Variables y composición

!

20

Page 53: Tipografia: Variables y composición

21