tipografía

Transcripción

tipografía

La letra. Principios básicos de tipografía
Expresión del Diseño Gráfico I
Mtra. Marcela E. Buitrón de la Torre
3. DESARROLLO HISTÓRICO DE LA ESCRITURA
Escritura
Medio por el que se ha valido el hombre para comunicar sus ideas y retenerlas en forma un tanto
permanente.
Esquema de síntesis:
DESARROLLO DE LA ESCRITURA
PICTOGRAMAS
MUTACIÓN A UNA FORMA ALFABETICA
VARIACIONES DEL ALFABETO
ESCRITURA EMBRIONARIA Y PICTOGRÁFICA
Prehistoria
Escritura embrionaria, Procedimientos Mnemónicos,
Pictografía (Iconografía, Ideografía, Escritura analítica), Escritura Fonética
DESARROLLO DE LA ESCRITURA FONÉTICA
Sumerios
Egipcios
Fenicios
Griegos
Etruscos
Romanos
DESARROLLO ESTILÍSTICO DE LA ESCRITURA
Uncial
Semiuncial
Cancilleresca
Gótica
Carolingia
8
3.1 ANTECEDENTES HISTÓRICOS DE LA ESCRITURA
Escritura embrionaria
El hombre prehistórico establecía marcas y señales en sus caminos para regresar por los mismos y evitar
peligros. Usaba sonidos, gestos, movimientos, etc. para comunicarse.
Necesidad de crear una escritura
La acumulación de ideas, juicios y pensamientos aumentó y, por ello, la comunicación hablada se hizo
insuficiente. Surge así una escritura con signos de valor constante.
Pictografía
Expresión con imágenes. Es el primer paso para la verdadera escritura (hace 50,000 años).
Iconografía
Ideografía
imágenes.
Escritura analítica
Representa cosas vistas y da impresiones estáticas.
Los signos y dibujos representan ideas y conceptos abstractos combinando
Las imágenes se elevan a la categoría de símbolos y abstracciones. Constituyen el
puente
natural entre la pictografía y la fonética (ej. Cuneiforme, Hierática y Demótica, China,
Maya).
Escritura Fonética
Las figuras después de ser símbolos convencionales pasan a representar sonidos para ser reproducidos de
manera constante y perdurable.
3.2 DESARROLLO DE LA ESCRITURA FONÉTICA
(ver anexo: “Historia de las letras y la Tipografía”)
Historia de las letras y la Tipografía (1) De la piedra al pergamino (3500 A.C .- 600)
Historia de las letras y la Tipografía (2) Delpergamino al papel (600 - 1400)
Historia de las letras y la Tipografía (3) Del papel a la pantalla (1400 - 1998)
Gabriel Martínez Meave
Revista Matiz, No. 9. 1997.
9
3.3 DESARROLLO ESTÍLISTICO DE LA ESCRITURA
La influencia en el desarrollo posterior de la escritura, aunque relacionado exclusivamente con el estilo y los
materiales, fue el auge del cristianismo, que se convirtió en religión oficial del Imperio Romano el año 313 D. C.
10
11
12
13
14
15
16
17
4. CONSTRUCCIÓN DEL ALFABETO ROMANO
Las letras que conforman el alfabeto romano, utilizado en nuestros días, son distintos entre sí. Varían en
anchura y complejidad de forma, lo cual los hace más legibles2.
Pero al mismo tiempo que existen diferencia entre las letras, estas presentan muchas características en
común. Básicamente, todas las letras fueron diseñadas con una base geométrica, y existen tres categorías de
formas según se generen a partir del rectángulo, el triángulo o el círculo3.
Formas básicas de las letras4
Líneas fundamentales de la estructura de la letra
Referidas a alfabetos de tipo lineal, las letras además de estar circunscritas en alguna forma geométrica,
pueden constituirse geométricamente por 4 tipos de líneas: rectas, fragmentadas, curvas y mixtas.
2
Si se utilizan sólo mayúsculas la lectura es más difícil ya que todos los caracteres tienen la misma altura.
Aunque hay variaciones cuando se combinan estas formas.
4
El uso de diagonales y puntos intermedios estabiliza las formas menos estables de las letras basadas en el triangulo y el círculo.
3
18
Existe una derivación progresiva de las letras partiendo de los trazos fundamentales. En la siguiente figura
están evidenciados los cuatro trazos fundamentales que se repiten siempre iguales en otros tantos grupos de
letras; después se recompone la forma de todos los signos alfabéticos individualizados otros 20 trazos
suplementarios, necesarios para la terminación.
Todas las letras pueden ser reproducidas mediante un solo grosor de la línea, creando su esqueleto que luego
puede revestirse de diferentes formas.
19
Proporciones romanas
20
Correcciones ópticas (ajuste óptico del alfabeto)
Para hacer las formas más estables, ciertos detalles tienen que ser corregidos visualmente. Es el mismo caso
para las letras.
Las letras son figuras percibidas por el ojo humano cuyo diseño se somete a leyes físicas bien precisas. La sola
construcción geométrica, si bien rigurosa, no le garantiza al carácter una forma armoniosa y proporcionada.
Para obtener esto es necesario retocar las letras en sus contornos aplicando leves modificaciones llamadas
correcciones ópticas.
A continuación se detallan las más utilizadas:
o
o
o
o
o
Los rasgos transversales en las letras B, E, F y H deberán situarse ligeramente arriba de la mitad de las
mismas para evitar que aparezcan flojas o caídas. (1)
En las letras P, A y R tanto los rasgos medios como transversales se dibujarán debajo de la línea de guía
central, proporcionando entre sí los espacios interiores de las letras con los exteriores. (2)
Las letras redondas C, G, O y Q deben agrandarse ligeramente más que las otras o de lo contrario darán
la impresión de ser inferiores de tamaño. (3)
Lo mismo sucede con las letras angulares A, M, N, V y W por lo que la punta excederá en tamaño a las
demás. (4)
Las letras J, U y S se ajustarán a la misma regla en los rasgos curvos. (5)
21
5. PRINCIPIOS DE TIPOGRAFÍA
5.1 ESTRUCTURA DE LA LETRA
El CARÁCTER
Es esa señal o marca que se imprime, transfiere, pinta o esculpe y viene a ser la unidad fundamental del
lenguaje escrito, que en tipografía es una unidad portadora de una forma y estilo singular.
Los caracteres pueden presentarse en:






Capitales
Minúsculas
Números
Versalitas
Ligaduras
Símbolos
Cada uno de ellos con sus formas bien definidas, permiten asociarlos a una fuente o a una familia y estas a su
vez clasificarlas dentro de esa gran magnitud de formas.
EL RENGLÓN GRÁFICO
Es el conjunto de líneas horizontales que indican la proporción de la altura de las partes básicas de las letras,
como la altura “x”, las ascendentes y las descendentes, así como, la proporción de mayúsculas, minúsculas,
versalitas y números.
En el caso de las lineales, las egipcias y las romanas modernas, el renglón se compone generalmente de 4 espacios y en
el caso de las romanas antiguas está formado por 5 ya que las ascendentes superan la altura de las mayúsculas.
Se consideran básicamente: línea media inferior, línea media superior, línea de las descendentes, línea de las
ascendentes, altura de las mayúsculas.
22
Altura “x” (ojo medio)
Altura de las letras minúsculas sin considerar los trazos ascendentes y descendentes. La proporción de la
altura “x”, con respecto a las ascendentes y a las descendentes, puede variar para cada tipo de letras.
Ascendentes (ojo medio superior)
Rasgo de las letras que sobresale de la parte superior de la altura “x”. La alineación superior del renglon
gráfico define su altura. Los ascendentes pueden llegar a sobrepasar la altura de las mayúsculas.
Descendentes (ojo medio inferior)
Rasgo de las letras que sobresale de la parte inferior de la altura “x”. La alineación interior del renglón gráfico,
define su tamaño.
Mayúsculas
También llamadas letras de caja alta5. El renglón gráfico indica su altura a partir de la alineación superior, y no
siempre tienen la misma altura que las ascendentes.
Minúsculas
También llamadas bajas o de caja baja.6 Su altura corresponde a la altura “x” definida en el renglón gráfico.
5
6
Haciendo referencia a las cajas en las que se acomodaban los tipos de impresión. (En la caja superior iban las mayúsculas, mientras que
en la inferior iban las minúsculas).
Idem.
23
Veresalitas
Carácter con las características de las mayúsculas pero de igual altura al ojo central de la minúscula.
Capitulares
Sirven de comienzo a un párrafo, son de adorno y de mayor tamaño que las empleadas en el texto base.
Pueden ser sencillas u orladas, y abarcar una o más líneas del párrafo.
TAMAÑO DE LA LETRA (CUERPO DE LA LETRA)
Es la medida del carácter, que se define desde el extremo superior de la ascendente, hasta el último punto de
la descendente. En el renglón gráfico la altura está indicada por la distancia que va de la altura de los
ascendentes, hasta la profundidad de los descendentes.
Interlínea
Distancia entre las líneas de texto o renglones. La interlínea se mide desde donde termina la descendente
hasta donde empieza la ascendente de la siguiente línea de texto
24
Fuerza del cuerpo o del tipo
Altura o tamaño de la letra mas el interlineado de la misma.
Ej. Si la letra mide 10 puntos y el interlineado 2 puntos, entonces la fuerza del cuerpo o del tipo se expresa
como: 10/12; en donde 10=tamaño de la letra y 12=el tamaño de la letra + el interlíneado.
5.2 ANATOMÍA DE LA LETRA
La letra independientemente de su estilo, está definida por dos trazos estructurales principales: trazo
principal y trazo terminal.
Las características formales de estos dos, determinan el estilo de la letra. La manipulación de las astas y
remates en la búsqueda de nuevas formas, constituyen una parte muy importante en el diseño de alfabetos.
Trazo principal
También llamado asta, rasgo o fuste, es el trazo que estructura a la letra, que la determina y el de mayor
fuerza en la letra; y se pude definir por su grosor o por su inclinación.

Por su grosor
Uniformes (Rasgos de grosor constante)
Modulados. (Rasgos que varían su grosor)
25

Por su inclinación
Asta vertical (pierna o pata)
Asta horizontal (braso, tilde, trabezaño, barra o asta transversal)
Asta transversal quebrada (traviesa)
Asta oblicua (montante o convergente, pierna, brazo)
Asta curva (arco de pierna, ojo, anillo u ojal, espina, panza)
Trazo terminal
Define el extremo de los trazos principales y pueden estar en la cabeza o pie de la letra. Se pueden agrupar
en dos tipos básicos:
•
Patines, gracia o serif
Los trazos terminales, definidos como patines, marcan dos estilos básicos en las letras: las letras patinadas o
serif y las letras no patinadas o sans serif.
El patin serif, gracia o remate, es un trazo muy importante en la definición de los diferentes estilos, ha
evolucionado formalmente de una época a otra y constituye un elemento muy importante en la legibilidad y
grado de lectura de la letra.
Tipos de patines:
1.
2.
3.
4.
•
Mixtiforme
Filiforme
Rectiforme
Cuadrangular
1
2
3
4
Colas, ápices o puntas
Pueden tener cuatro conformaciones.
•
•
•
•
Gota
Botón
Bandera
Pico o gancho (ápice)
Otros tipos (contorno interior, contorno exterior, corbata y espolón)
26
ESQUEMA DE SÍNTESIS
GLOSARIO (ESQUEMA DE SINTESIS)
27
5.3 CLASIFICACIÓN DE LAS LETRAS
Muchos son los expertos que han elaborado sistemas para clasificar los estilos tipográficos7: Francis
Thibaudeau (1924), Maximilien Vox (1954), Aldo Novarese (1956), Giuseppe Pellitteri (1963), entre otros. A
sus propuestas hay que sumar también la que el DIN8 y la ATYPI9 (1957) hicieron en conjunto. De estos
intentos, el más usado, debido a su antigüedad y sencillez, sigue siendo el hecho por Thibaudeau.
Originalmente, Thibaudeau se basó en el contraste de las astas y, especialmente, en la forma de los remates,
para ordenar los estilos en 4 grupos básicos, a saber:




Antiguos, lineal o bastones
Egipcios
Romanos antiguos o Elzeviros
Romanos modernos o Didots
Se reconocen además los dos subgrupos de las Escrituras y de los caracteres Fantasía a los cuales se
adjuntan, por su frecuente presencia en muestrarios de caracteres, de manera secundaria las letras
Cancillerescas y las del tipo Gótico.
7
Forma propia y característica del caracter dada por el diseño de sus astas y por la combinación de éstas con los remates.
Deutsche Industrie Normen (Normas Industriales Alemanas).
9
Asociación Tipográfica Internacional.
8
28
lineales
egipcios
romanos antiguos
romanos modernos
escritura
fantasía
En relación con su estilo, los caracteres están clasificados por familias o conjuntos de signos escriturales que
comparten rasgos de diseño comunes. Para cada una de las familias es posible individualizar en grupos
ulteriores de letras, haciendo referencia así a la gama serial, que son las variaciones10 de la misma basadas en
la amplitud, la intensidad y la inclinación del trazo.
10
Según Adrian Frutiger (De signos y de hombres), las letras “H” y “n”10, mayúscula y minúscula respectivamente, de cualquier familia
son el modelo que fija las proporciones a partir de las cuales se modifican y construyen los signos.
La versión normal de estas dos letras nos dice que si su altura es x, la amplitud debe ser 80% de x; además de que el grosor de sus
rasgos principales es igual al 15% de la medida de su altura.
29
Gama serial

Amplitud. (hace referencia a la extensión de la letra)
Los caracteres pueden modificar su forma normal estrechándose o alargándose, obteniéndose letras
extracondensadas, condensadas, normales, extendidas y extraextendidas.

Intensidad. (hace referencia al grosor de la letra)
Las letras pueden cambiar su valor de intensidad afinando el espesor, volviéndose con ello más claras
(delgadas) o más espesas (gruesas), obteniéndose letras ultra light, light, normal, semi bold, bold, extrabold.
30

Inclinación. (hace referencia a la inclinación de los ejes de la letra)
Las letras pueden ser derechas (redondas) o inclinadas11 (cursivas).
11
La inclinación de 12˚ es la más correcta para expresar la forma cursiva de un carácter. Las inclinaciones menores no son percibidas
por el ojo mientras que las inclinaciones mas acentuadas alteran el equilibrio de la misma.
31
Los casos extremos de las variaciones dan por resultado letras tan alteradas y desproporcionadas que se
tornan ilegibles.
Fuentes y familias tipográficas
Los términos tipografía y fuentes a menudo se confunden como sinónimos; sin embargo, la tipografía es el
diseño de caracteres unificados por propiedades visuales uniformes, mientras que la fuente es el juego
completo de caracteres en cualquier diseño, cuerpo y estilo; estos caracteres incluyen letras en caja alta y
baja, numerales, versalitas, fracciones, ligaduras, símbolos y grafismos, entre otros.
En iguales circunstancias familia y fuente tipográfica son mencionados como un mismo término, sin
embargo una familia tipográfica es un grupo de tipografías unidas por características similares. Los caracteres
de una familia se parecen entre sí, pero también tienen rasgos propios. Las tipografías de cada familia tienen
distintos grosores y anchos.
Fuente tipográfica es la que se define como estilo o apariencia de un grupo completo de caracteres, números y signos,
regidos por unas características comunes.
Familia tipográfica significa un conjunto de tipos basado en una misma fuente, con algunas variaciones, como por ej. en el
grosor y anchura, pero manteniendo características comunes. Los miembros que integran una família se parecen entre sí
pero tienen rasgos propios.
Fuente
Familia
32
33
6. USOS DE LA LETRA
Aspectos participes en la elección de fuentes
SINTÁCTICO
organización (distribución de los caracteres).
SEMÁNTICO
significado (lo que corresponde a su contenido).
PRAGMÁTICO
práctica (producción y reproducción del objeto de diseño, uso y función de la letra).
CLASIFICACION DE LOS USOS
Partiendo del análisis de los tres aspectos (sintáctico, semántico y pragmático) que determinan una tipografía,
se puede apreciar que presenta básicamente dos tipos de usos:

Formal
relacionado con la disposición, organización y función de la letra como ente
compositivo escrito-visual (diseño editorial).
(letra, línea, párrafo, columnas, interlínea, legibilidad, texto base, texto de display, etc.)

Como imagen
relacionado meramente con la función visual de la letra
(monogramas, caligramas, tipogramas, sintagmas, logotipos, etc.)
caligrama
monograma
Uso formal
Uso como imagen
34
6.1 PERSONALIDAD DEL TIPO
La tipografía no solo existe para ser leída sino también para ser vista, condicionando en buena parte la manera
en que percibimos un mensaje. El texto puede decir una cosa; las letras, otra muy diferente.
En ese sentido, existen tres aspectos participes en la elección de fuentes para los diseños en donde se aplican:
SINTÁCTICO
organización (distribución de los caracteres).
SEMÁNTICO
significado (lo que corresponde a su contenido).
PRAGMÁTICO
práctica (producción y reproducción del objeto de diseño, uso y función de la letra).
Los tres aspectos tienen que ver con el aspecto y la connotación visual de la letra, y se ven estrechamente
relacionados en el diseño y empleo de alguna tipografía.
Ej. Un encabezado se acomoda en determinado lugar (a. sintáctico) para determinar una jerarquía visual y de conceptos,
De igual forma se le asigna un color y una forma determinada para remitir a algún concepto (a. semántico) y a la función
que está cumpliendo (a. pragmático). Lo anterior influye en la elección del sistema de producción y reproducción a usar.
35
ASPECTO SEMÁNTICO DE LA LETRA
La escritura es la representación del habla.
En lenguaje escrito, el significante12 se representa con caracteres físicos (letras) que son del dominio de la
vista, resultando irremediablemente imágenes visuales que se mezclan con el contenido semántico del
lenguaje verbal. Utiliza todos los recursos de la comunicación visual, que combinan con la información
lingüística contenida en las palabras.
Se puede hablar de un lenguaje escrito-visual, en donde se da una síntesis de la palabra con la imagen. En él, la
palabra escrita puede alterarse con un simple cambio tipográfico, variando su forma, su tamaño, su color y su
grosor, para subrayar o transformar su significado13.
Así, la tipografía posee una dimensión icónica, no verbal, que incorpora para lograr la comunicación de
significado. La tipografía transforma el significado de las palabras y, junto con el color, puede reforzar o
alterar por completo el significado que asociamos a un diseño.
Como se ha mencionado, demás de enviar mensajes objetivos (efectuar la comunicación), la tipografía
expresa inevitablemente emociones subjetivas (modos en que la información afecta), efecto que se produce
por dos razones:
1. Por la forma abstracta de los caracteres: blandos, redondos, tiernos, rudos, elegantes, groseros, etc.
2. Por la experiencia vital de la escritura ó por lo que se ha vivido con ella.
Es un hecho inexplicable pero real, el que las sensaciones que nos evoca determinada tipografía tiene que ver
mas con hechos emotivos que lógicos.
Y así, nada más mirar el diseño, sólo el tipo de letra utilizado ya nos comunica una sensación fría o amistosa,
agradable o molesta, formal o informal.
Lo anterior esta determinado por el medio cultural en el que nos desarrollamos, relacionado a momentos en
el tiempo o a lugares geográficos, con la moda, con aplicaciones y experiencias específicas anteriores, entre
otros
Ej. Una letra de los años 60´s difícilmente se puede sacar de ese contexto, no permitiendo remitir a nada más que a algo
relacionado con dicha década.
12
13
Lo que corresponde a la forma de las palabras sean orales o escritas.
Lo que corresponde a su contenido, responde al tipo de intereses del grupo.
36
Tal como pasa con los estilos artísticos, musicales, la moda... cada tipografía puede estar asociada
inequívocamente a un lugar determinado y a una época concreta. Esto hace que, normalmente, las tipografías
que tienen una asociación clara de este tipo sirven para usos muy determinados, y que se empleen
escasamente fuera de éstos, haciendo que incluso resulte extraño verlos en un contexto diferente del
esperado.
Ej. Muchas cervezas se anuncian o tienen su logo con las típicas letras góticas fraktur.
Se debe contemplar que la mala elección de esas formas puede interferir positiva o negativamente en el
proceso de comunicación.
LIGERO
LIGERO
Por otro lado, la tipografía debe ser funcional si se quiere cumplir con su tarea. La relación debe estar basada
en la respuesta a la pregunta ¿Cumple este tipo con el objeto de la tarea?.
En ese sentido, la forma es parte integrante de la función y las variaciones en la forma de las letras cambian las
cualidades semánticas y sintácticas de las palabras.
La calidad semántica y visual de una palabra o un texto puede realzarse mediante las variaciones en la caja el
estilo, la inclinación, el peso y la anchura de las letras. Los sutiles detalles de los remates en la forma de cada
letra en concreto contribuyen de manera significativa a potencializar la calidad de un texto.
37
Sin embargo, no solo con el tipo de letra sino también con el diseño tipográfico se puede decir algo (aspecto
sintáctico).
La arquitectura de las letras y su organización definen la métrica, organización la lectura y jerarquizan la información.
Se puede concluir diciendo que todo diseñador debe tener la habilidad de analizar, explorar y reconocer las
características conceptuales, formales, históricas y técnicas de los diferentes tipos de letras. Cada familia
tipográfica tiene sus propias características y su propia personalidad, que permiten expresar diferentes notas
visuales, por lo que la selección de las familias tipográficas a usar en una composición debe hacerse con un
amplio sentido de la responsabilidad y cuidado, para no afectar al proceso comunicativo.
6.2 USO FORMAL DE LA LETRA
TIPOGRAFIA COMO ELEMENTO COMPOSITIVO DE UNA PÁGINA
Como ya se ha mencionado, no solo con el tipo de letra sino también con el diseño tipográfico puede
comunicarse algo (aspecto sintáctico de la letra) y, en ese sentido, la arquitectura de las letras y su
organización definen la métrica, organizan la lectura y jerarquizan la información.
38
El texto se distingue como uno de los elementos que componen14, en general, una página15; resultando
un factor determinante para la creación de alguna publicación16.
3
4
5
1. Formato
2. Márgenes
3. Retícula
4. Texto
5. Imagen
2
1
Dentro de ese ámbito, entendemos por texto al conjunto coherente de enunciados escritos, dentro de los
cuales se distingue el texto base (texto que conforma el volumen principal del material impreso) y el texto
de resalte (palabras o frases que destacan: títulos y subtítulos, por ej.)
Además, existen otros elementos textuales que pueden ayudar a definir la composición de una página:
epígrafes, folios, citas, notas, entre otros.
14
En general, se pueden distinguir 5 elementos que componen una página: formato (papel-sustrato), márgenes, retícula, texto e
imagen (elementos gráficos).
15
Entendiendo a la página como la unidad básica de diseño de publicaciones.
16
Originalmente el término publicación significa hacer algo públicamente conocido. Ahora, este término hace referencia al material
preparado para el consumidor, incluyendo la información contenida en libros, periódicos, revistas, etc.
39
1. texto base
2. titulo
3. subtitulo
4. fotografía
5. pie de foto
6. folio numérico
7. folio explicativo
8. cita
9. nota
I. Texto base
Por texto base se entiende el que forma el volumen principal del material impreso, el cual genera una mancha
de texto. Responde generalmente a un tipo de lectura continua, con textos lineales y homogéneos; casi no se
fragmenta.
Se conforma por párrafos o bloques de texto comprendido entre dos puntos y aparte, formado
generalmente por varias líneas de texto.
párrafo
Mancha tipográfica
40
La mancha de texto puede ocupar el 100% de la hoja o solo una parte de ella, sin embargo normalmente es
menor al tamaño total del papel, por lo tanto es necesario considerar cual es la manera más armoniosa de
distribuir ésta. (Ver ANEXO: FUNDAMENTOS PARA EL DISEÑO DE LA CAJA TIPOGRÁFICA)
II. Texto de Resalte
Son las palabras o frases que destacan por su posición especial, su puntaje, su grosor, su color, su inclinación,
etc. Según su importancia se dividen en:

Titulo
(palabra o frase para dar a conocer el nombre del tema, capitulo o unidad del documento).

Subtítulo
(título secundario que se ubica en ocasiones después del título y nos refiere a una parte del
contenido del documento).
Titulo
Subtitulo
Como otro elemento de resalte podemos encontrar a las letras iniciales o capitulares sirven para dar pauta
al inicio de un párrafo, de un capítulo, tema o unidad de un documento. Son letras de adorno, de mayor
tamaño que el resto de la mancha tipográfica o texto base y deben estar proporcionadas con este y con el
tamaño del impreso.
Pueden ser: sencillas (de tipo común con cuerpo grande) y orladas (con adornos u ornamentadas).
41
Además del texto base y de resalte, como parte del texto de una composición podemos encontrar epígrafes
(pie de foto), folios, citas, notas, entre otros.
Epígrafe: Leyenda explicativa que se coloca debajo de las imágenes.
Folio: Número que indica el orden de las páginas, y que pueden ir acompañados de algún adorno.
Cita: Nombre de intercalo cuando un autor repite en el texto palabras de otro autor.
Nota: Son observaciones o aclaraciones que se añaden fuera del texto, al margen o al final de la página o capítulo, incluso del libro.
Folio
Cita
Epígrafe
Nota
ELEMENTOS TIPOGRAFICOS Y SUS MEDIDAS
Los elementos tipográficos a tener más en cuenta son:
La letra, con sus rasgos característicos
Las familias de letras, organizadas en alfabetos y conjuntos numéricos y de signos
La palabra o conjunto de letras que forman una entidad característica
La línea o conjunto ordenado de palabras
El párrafo o conjunto independiente de líneas
El bloque de texto
La columna
42
MEDIDAS TIPOGRÁFICAS

Letra: Signo; representación gráfica del lenguaje hablado. Se mide en puntos.
a

Tamaño de la letra: Se le denomina cuerpo, se mide en puntos y va desde la alineación superior a la
alineación inferior. Esto es tomando la ascendente y la descendente.

Línea: Conjunto de palabras acomodadas una después de la otra en forma horizontal.

Interlínea: Espacio entre una línea y otra, y se mide en puntos a partir de la descendente de una línea a
la ascendente de la siguiente línea.

Fuerza del cuerpo (F.C.): Es el tamaño o puntaje de la letra mas el tamaño de la interlínea, y se indica
10/12 pt. (diez en doce).
43

Profundidad: (longitud de línea), es el número de líneas de una columna. Se puede medir en picas o
puntos, según el número de líneas y la fuerza del tipo (por ej. si se tienen 30 línea de 10/12, son 360 pt.
O 30 picas).

Justificación: Ancho de una columna tipográfica que delimita el largo de una línea, y se mide en picas.
Justificación
Profundidad
Se entiende por diseño editorial al trabajo de crear
piezas de difusión enmarcadas en una clara identidad
tipográfica, icnográfica, geométrica y cromática, que
apuntale una intención de comunicación y describan un
perfil acorde con la información que en ellas se publica y
permitiendo con ello su sucesiva reutilización sin perder
sentido ni actualidad.
El diseño editorial es el exponente más combativo
de las piezas de diseño. Sus características
posicionan a los libros, las revistas, entre otras
publicaciones, como un espacio donde información
e imagen conviven fortaleciéndose, fomentando la
precisión del mensaje y su eficacia.
Columna en bloque
Justificación:
14 picas
Profundidad:
13 líneas de 8/11
11.6 picas
Referente a la disposición horizontal del texto, sin importar el tamaño de las líneas, la forma de alinear éste
puede ser: alineado o justificado, a la derecha, a la izquierda, en bloque, centrado o en piña e irregular.
Pasaremos a referirnos a
ciertos materiales modernos
de categoría "superior" a la de
los recién tratados, algunos ya
existentes
y
otros
pertenecientes a la categoría
de productos prospectivos.
Justificado
existentes y otros
A la derecha
existentes y otros
existentes y otros
A la izquierda
Centrada
LEGIBILIDAD Y LEIBILIDAD
Legibilidad es el término empleado en diseño tipográfico para definir una cualidad deseable en los tipos. Es
una propiedad del diseño de la letra
La leibilidad es una cualidad de la tipografía en su conjunto, o del uso de ella (publicaciones), esto es, que la
persona que lo va a leer pueda hacerlo de manera fácil y rápida.
La legibilidad de un tipo de letra diseñado para un texto seguido depende en gran medida de sus
características concretas y la leibilidad del modo en que se emplea.
44
LEGIBILIDAD
Para un tipo con mayor legibilidad, se deben tomar en cuenta varios aspectos, de preferencia debe tener las
siguientes propiedades:
a) Los espacios interiores abiertos, el contorno interno de las letras debe estar lo suficientemente abierto
para no confundirse con otras letras o que no se cierre al momento de emplear un tamaño pequeño
Se llama formato al tamaño de una
publicación o impreso, que adopta una
forma determinada por sus dimensiones y
por su posición.
publicación o impreso, que adopta
una forma determinada por sus
dimensiones y por su posición
Un tipo de letra normal resulta más legible que cualquiera de sus series, en un texto seguido (las variante
fueron diseñadas para dar énfasis en el texto de resalte o variedad, ya que resultan más difíciles de leer que la
redonda normal). Mientras mas delgada sea la tipografía será mas fácil de leer, ya que conforme se va
engrosando los huecos de la letra se van cerrando
dimensiones y por su posición.
forma determinada por sus dimensiones
y por su posición.
b) Que las ascendentes y las descendentes no sean muy cortas para que se distingan de la altura “x”.
djh
djh
c) La letra con patines aumenta la legibilidad, aunque tampoco deben ser muy exagerados; por otro lado los
caracteres sin trazo terminal son por naturaleza menos legibles ya que es frecuente que las letras se parezcan entre si.
Ilícito
lila
Ilícito
lila
d) no son muy convenientes los contrastes drásticos entre los trazos finos y los gruesos, debido a que
dificultan la lectura; por otro lado también es muy monótona una letra con trazos del mismo grueso.
forma determinada por sus dimensiones
y por su posición.
La legibilidad determina el poder leer un texto o no.
45
LEIBILIDAD
Aunque el tipo de letra tenga una buena legibilidad, un mal manejo de esta puede crear poca leibilidad en un
texto, esto es, una mala lectura. Para hacerla leíble, es necesario considerar varios aspectos:
a) el material impreso en formato normal se lee habitualmente a una distancia de 30 a 35 cm., de tal forma
que el tamaño de la letra ha de calcularse para esta distancia. Letras muy grandes o muy pequeñas se leen con
mayor esfuerzo y el lector se cansará
rápidamente.
Se llama formato al tamaño de una publicación o
impreso, que adopta una forma determinada por
sus dimensiones y por su posición.
Se llama formato al tamaño de
una publicación o impreso, que
adopta una forma determinada
por sus dimensiones y por su
posición.
b) Es más fácil leer un texto continuo en bajas, ya que las ascendentes y las descendentes dan movimiento a la
tipografía por lo tanto hay seguimiento en la lectura.
por su posición.
SE LLAMA FORMATO AL TAMAÑO DE UNA
PUBLICACIÓN O IMPRESO, QUE ADOPTA
UNA FORMA DETERMINADA POR SUS
DIMENSIONES Y POR SU POSICIÓN.
c) Dentro de una página, la falta de trazos presenta una uniformidad que puede llegar a hacerla monótona y
en consecuencia poco atractiva. Esto se puede resolver dando más interlineado o utilizando texto de resalte,
ilustraciones, etc. Que rompan la solidez del texto seguido.
Tipografía 9/12
Tipografía 9/14
d) Las palabras deben estar próximas unas a otras, se puede considerar el ancho de la letra “t” como el
espacio óptimo de separación y como máximo deben estar separadas por un espacio igual a la anchura de la
letra “a”.
Por otro, lado deben evitarse espacios entre palabras muy abiertos, ya que estos ocasionan los llamados ríos
en el texto, que resultan desagradables a la vista.
Se llama
tamaño
publicación
que adopta
determinada
dimensiones
posición.
formato al
de
una
o impreso,
una forma
por sus
y por su
46
47
Clasificación de los espacios.
Para formar una palabra, en sentido tipográfico, colocamos una letra enseguida de la otra considerando espacios
óptimos entre cada una de ellas, siendo lo mas importante que los espacios queden visualmente bien balanceados.
Los espacios entre las letras se ajustan según se trate de formas anchas o estrechas y que consten
perfectamente de verticales, oblicuas y curvas. Así, el espacio entre las letras depende de la amplitud y de la
intensidad del carácter17, tomando en cuenta el asta de las mismas con respecto a su perfil.
Como ya se mencionó, una palabra bien espaciada es aquella que es reconocida con armonía y equilibrio
entre su forma y el espacio que se encuentra a su alrededor. Para lograr esto se emplean diversos tipos de
espaciados, según sea el caso de aplicación:

Espacio EM
Medida, además de los puntos y las picas, empleada para describir espacios tipográficos. Es un cuadrado cuyas
medidas van en relación al alto y ancho del tamaño del tipo que se está empleando. La mitad del espacio EM es
llamado EN.
El EM es casi el ancho de la “m” minúscula y el EN es casi el ancho de la “n” minúscula.
Las sangrías y los espacios entre tabuladores se especifican muchas veces en EMS, mientras que el espacio
entre palabras comúnmente es definido como una fracción de una EM. El espacio EM y sus divisiones son
relativos al tamaño de la letra.

Tracking
Es el espacio entre caracteres. Cuando los caracteres de un párrafo se acercan o se separan entre sí, se llama
tracking, este es útil para compensar problemas en el ancho original de una fuente, para crear cambios en la
densidad al momento de unir o separar las letras y para crear aumentar o disminuir el número de caracteres
que caben en determinado espacio.
Cuando el tracking es empleado en un bloque de texto es llamado reducción o adición de espacio blanco,
según sea el caso.
17
Cada estilo, familia y serie de caracteres requiere de un estudio especial, según sea su asta y su configuración.
48
Se llama formato al tamaño de
una publicación o impreso, que
adopta una forma determinada
por sus dimensiones y por su
posición.

por su posición.
Kerning
Existen ocasiones en que solo un par de letras tienen un mal espaciado; cuando se ajusta solamente el espacio
entre una letra y otra se le llama kerning.
La separación se produce principalmente por la forma de las letras provocando que se quede demasiado
espacio entre una letra y otra. Generalmente la separación debe ser óptica y no mecánica.
Principales casos de ajuste de kerning: Yo, Ya, To, Tu, Ta, Wo, Wa, TA, WA, PA y casos similares.
TA TA
a
normal
kerning
Regla auxiliar para los espacios entre letras.
49
Alineación óptica.
En ocasiones, sobre todo cuando se trabaja con títulos, la alineación de la tipografía se debe hacer
visualmente, ya que mecánicamente la alineación vertical y horizontal es la misma para todos los caracteres;
esta alineación es individual.
Para producir una apariencia correcta, sobre todo cuando se emplean astas rectas y circulares , verticalmente
hay que alinear las curvas con las líneas verticales. Igualmente la alineación horizontal de las curvas de debe
cuidar, dejándolas caer un poco más debajo de la línea base para que visualmente se vean alineadas con los
demás.
Unicornio
HISTORIA Y
VERDAD DEL
UNICORNIO
Y SU CUERNO
Alineación Mecánica
HISTORIA Y
VERDAD DEL
UNICORNIO
Y SU CUERNO
Alineación óptica
Ancho de columna.
En cuanto a la justificación de una columna, se ha logrado una anchura favorable para la lectura cuando se
colocan de 7 a 10 palabras por línea. Cuando la línea tiene más de doce palabras, la vista tiene que alejarse
demasiado del comienzo de la misma y resulta difícil encontrar la siguiente. Las líneas demasiado cortas
también fatigan, ya que el ojo es obligado a cambiar de renglón con demasiada rapidez.
En cuanto a la justificación de una columna, se ha logrado una anchura favorable para la lectura cuando se
colocan de 7 a 10 palabras por línea. Cuando la línea tiene más de doce palabras, la vista tiene que alejarse
demasiado del comienzo de la misma y resulta difícil encontrar la siguiente. Las líneas demasiado cortas
también fatigan, ya que el ojo es obligado a cambiar de renglón con demasiada rapidez.
En cuanto a la
justificación de
una columna,
se ha logrado
una anchura.
Interlínea.
Las líneas demasiado próximas entre si perjudican la velocidad de la lectura, puesto que entran al mismo
tiempo en el campo óptico el renglón superior y el inferior.
50
Lo mismo puede decirse del interlineado excesivo, al lector le cuesta trabajo encontrar la unión con la línea
siguiente y las líneas parecen demasiado aisladas.
Los textos largos requieren mayor interlineado.
Un nuevo párrafo de texto puede separarse con una línea en blanco que lo anteceda o con sangría en la
primera línea.
Densidad o valor tonal.
En la tipografía el color se refiere al tono de gris que esta produce a la vista. El valor tonal es el aspecto
general que adopta una composición tipográfica integrando todos los elementos que la conforman en relación
con el blanco total de la página; el espacio alrededor de las letras y de las palabras debe ser constante.
Otros aspectos que contribuyen al balance tonal de la página son: los márgenes, medianil, interlineado
y la altura x.
En la configuración del color intervienen múltiples factores compositivos además de los propios de la
tipografía elegida. Influyen los espacios empleados en la composición para separar caracteres, palabras o
líneas, todos ellos conjugados a su vez con la distribución y ubicación que tengan los bloques de texto.
El texto puede tener muy poco espacio o no, lo cual no es recomendable, sin embargo en ambos casos el
balance tonal debe ser el mismo, para no generar diversidad de patrones en la tipografía.
6.3 USO DE LA LETRA COMO IMAGEN
La tipografía no solo existe para ser leída sino también para ser vista, condicionando en buena parte la manera
en que percibimos un mensaje. El texto puede decir una cosa; las letras, otra muy diferente.
CALIGRAMA
(Del fr. calligramme). Escrito, por lo general poético, en que la disposición tipográfica procura representar el
contenido de un poema.
51
MONOGRAMA
Signo18 compuesto por 2 caracteres relacionados entre si de manera singular, que se colocan enlazados o
acoplados y en ocasiones se combinan con dibujo o elementos decorativos. En el caso de tener mas letras se
denomina “sigla”.
El monograma surge de la búsqueda de superposiciones y enlazamientos para obtener una forma que no sea
transparente. No solamente deberá observarse si no también estimular a un proceso de interpretación, de
ahí que su diseño es regido por el impacto visual que genere.
Es posible individualizar algunas características fundamentales que todo monograma debe presentar:



Nitidez de composición para una rápida interpretación.
Personalidad y carácter fuerte de la imagen totalizante.
Individualidad del signo, con referencia a la persona o tema de pertenencia.
Se puede llamar monograma también a un “logotipo”.
El logotipo (estrictamente se traduce como tratado de la letra) es un grupo de letras, abreviaturas, cifras,
etc., fundidas en un solo bloque que hace referencia al nombre de una empresa, conmemoración, marca
o producto. Cuando el logotipo incluye un símbolo gráfico recibe el nombre de imagotipo (anagrama). La
mayor parte de las veces, logotipo e imagotipo van de la mano, pero en otros casos o bien únicamente el
símbolo o bien únicamente el logotipo componen el identificador (Ej. COCA-COLA (sólo logotipo) y
NIKE (sólo símbolo).
18
Signo es todo carácter gráfico que por su forma, convenio o naturaleza evoque en la conciencia la idea de algo.
(http://es.wikipedia.org/wiki/Signo)
52
TIPOGRAMA (palabra-imagen)
Texto, signo o caligrama realizado con caracteres de imprenta, los cuales están dispuestos de tal manera que
su figura reproduce un objeto o idea en él aludidos.
Se pueden representar, principalmente, en tres situaciones:

Palabra-imagen
En el campo de la gráfica la simple escritura alfabética con frecuencia no resulta suficiente para una
comunicación fuerte y expresiva. Un carácter adecuado, aún elegido cuidadosamente con referencia al
significado de la palabra que compone, a veces no es suficiente para una propia expresión clara y se recurre
entonces a una solución gráfica definida como la palabra-imagen.
En este caso las palabras se cargan de valor icónico en grado dominante respecto de su valencia lingüística
habitual. Estas deben ser leídas y al mismo tiempo interpretadas como imágenes y quienes las observan
tienen que encontrarse en posición de valorizar el contenido (la figura) a través de la lectura del vocablo.
53
Fototipograma

Letra faltante
En el campo de la gráfica se adopta frecuentemente la solución de sustituir una o mas letras de un signo o
logotipo con la silueta de un objeto o cualquier otro signo que defina más claramente la identidad del tema
involucrado.
En razón de que los caracteres son reconocibles por el ojo gracias a la percepción de pocos trazos esenciales,
su sustitución por una figura que tenga elementos estructurales parecidos no origina graves alteraciones en el
proceso normal del lectura. La palabra, en cambio, gracias a la introducción de una imagen diferente es más
interesante, asumiendo un valor icónico.
Si el cambio esta bien estudiado y la nueva silueta se coloca de manera acentuada, pero con equilibrio y
armonía en el contexto de la palabra, el ojo es atraído pero no disturbado; y sucede entonces que a la simple
lectura se superpone también un procedimiento de visión e interpretación.
54

Letra expresiva
La alteración de la forma de una letra puede suceder también con referencia a un lema19. En este caso la
acción que el lema expresa se convierte en el tema para la ideación de la nueva imagen del carácter; el lema
se invierte directamente sobre la letra y manipula la figura de modo que ella represente la acción de
inmediato.
En algunas circunstancias son las mismas letras las que, sin cambiar la forma original, se cargan de identidad y
se convierten en sujetos, integrantes entre ellas; los personajes que intervienen en la acción deben tener, en
efecto, connotaciones bien marcadas adecuadas para expresar del modo mas claro posible el lema por
representar.
COMPOSICION TIPOGRAFICA
Se entiende por “composición” a la disposición en el espacio-formato de diferentes signos según una idea
directriz20 para obtener un efecto deseado, mediante una forma estéticamente agradable y fácilmente legible.
En una composición tipográfica serán los caracteres los elementos dispuestos a lo largo del formato.
19
Un lema es una frase que expresa la intención de un grupo de personas. Muchos países tienen lemas, al igual que otras instituciones
como universidades o empresas. (http://es.wikipedia.org/wiki/Lema)
20
Por idea directriz se entiende a la intención subyacente en la composición de comunicar algo en específico. Es el concepto a manifestar
a través de la obra.
55
Sintaxis del campo compositivo.
Al realizar una composición estamos pasando del caos al orden y del orden al caos, en una dualidad que busca nuevas
formas de expresión en su transformación constante. Esto implica a final de cuentas un manejo de fuerzas o energías que
subyacen en toda estructuración.
Podemos hablar así de tres tipos o clases compositivas: estáticas (equilibro, estabilidad), dinámicas (tensión, movimiento) y
compensación de pesos visuales (equilibrio simétrico y tensión); esto tiene mucho que ver con los criterios de equilibrio, tensión y
ambigüedad.
En el campo compositivo se dice que los elementos de diseño están en equilibrio cuando dentro de una composición se da
un ajuste de pesos de cada uno de los elementos que la conforman, de tal modo que no exista dentro del conjunto alguna
parte que genere una atracción muy poderosa. Sin embargo es importante que en una composición exista un punto focal
que atrape la atención para recorrerla visualmente, aunque en este caso se encuentre manifiesto de un modo sutil.
Este equilibrio o ajuste de pesos visuales se puede lograr a partir de la simetría especular o bien a partir de una
compensación en donde la idea de contrapeso visual se hace presente.
Por otro lado, cuando los elementos que componen un diseño están fuera de los ejes de equilibrio se da una sensación de
inestabilidad o bien e presenta una zona de alta atracción o tensión visual. Esta tensión o fuerza de atracción puede tener
diferentes intensidades apoyadas por las características de la forma (figura, tamaño, color y textura) o por las relaciones de dirección,
posición espacio y gravedad que se generen en la imagen.
Dos casos de la composición dinámica, son: la composición en espiral (una línea en espiral dirige la fuerza vital hacia el
centro del cuadro. Este tipo de composición alude al sentido de profundidad y movimiento al infinito) y la composición
polifónica (los elementos compositivos son desarrollados simultáneamente y se compenetran entre sí gracias a sus
semejanzas o diferencias de forma, color, valor, posición o dirección. En este tipo de composición los elementos adquieren
carácter de “voces” o “sonidos” que articulados entre sí generan armonía, tal como sucede con los diferentes instrumentos
de una sinfonía).
La ambigüedad en una composición se da cuando no se define con claridad la estrategia del manejo de las energías
compositivas. El manejo de la imagen puede ser armónica o contrastante, atractiva o repulsiva, integrada o desintegrada, en
equilibrio o tensión. No se alcanza a determinar si algo está en tensión o no, si es dinámico o estático, o bien cual es ka
parte de mayor importancia dentro de la composición. Es conveniente evitar la ambigüedad visual ya que de lo contrario el
resultado podría ser desagradable e inadecuado.
En los tres casos se generar implícitamente un movimiento, entendido como el cambio de posición o situación. (Pequeño
Larousse Ilustrado, 2000)
Todo movimiento involucra cierto ritmo. El ritmo es la sucesión y la armonía de los valores visuales; son movimientos y
velocidades sugeridos, similares a los desarrollos melódicos. Así, se puede hacer mención de que el ritmo se coordina con
el movimiento, la lógica y la proporción. El ritmo puede ser libre o constante y se genera mediante la manipulación de las
direcciones de los elementos y de los espacios entre ellos.
La ley del ritmo involucra conceptos tales como simetría y densidad.
Simetría: Es el equilibrio de energías o fuerzas contrastantes y puede ser de tipo: lineal (tiene un mismo elemento en
una
línea, repetición constante en traslación o rotación), alternada (sucesión de dos o más elementos cuyos períodos
pueden ser simples o compuestos), bilateral (simetría especular) y radial (su disposición es conforme a un punto; puede
ser bilateral).
Intensidad o densidad: Es la fuerza que van a tener los elementos compositivos y se manifiestan a manera de modos cualitativos y
cuantitativos. Pueden encontrarse 2 tipos: uniforme (ritmo sin un elemento más importante que los demás) y modulada (existen
diferentes pesos; hay elementos que tienen más peso que otros).
56
Simetría, movimiento y ritmo
Simetría, movimiento y ritmo
Representación movimiento
57
Representación ritmo
58
Polifonía
59
7. TIPOGRAFÍA DIGITAL
En la tipografía digital, el tipo carece de una existencia física propiamente dicha, y sólo consiste en un
conjunto de datos almacenado en al memoria de un ordenador. Esos datos pueden ser contemplados en la
pantalla, o bien en papel, película o directamente a una placa o un cilindro de presión digital para impresión
offset o xerográfica.
Así, una fuente digital se define como un conjunto o surtido completo de letras y signos tipográficos de una
clase o tipo determinados, en un tamaño y estilo concretos, interpretados y manipulados por una
computadora.
Casi todos los programas tienen acceso a las opciones de formato de la fuente, tales como familia de fuentes,
estilo de fuente y tamaño.
Sin embargo, las fuentes vienen en varios formatos21 y traen muchas variaciones. Existen fundamentalmente dos
tipos de fuentes tipográficas en los medios digitales, independientemente de la plataforma en que se trabaje, que
son:

Postcript
Es un lenguaje de computación que describe todos los elementos de una página: textos, logotipos, imágenes,
etc. Y es el estándar en los medios de edición siendo empleado por diversas plataformas. Para texto,
Postcript emplea sus propias fuentes digitales llamadas fuentes Postcript y que consisten en dos tipos de
archivos: las fuentes de pantalla (bitmap) y las de impresión (outline).
Fuentes de pantalla:
Consisten en una serie de dibujos(mapas de bits) de todos los elementos del
alfabeto (letras minúsculas y mayúsculas, números y símbolos) a tamaños fijos
que están formados por puntos o pixeles. Comúnmente se encuentran en 8, 9,
10, 12, 14, 18 y 24 puntos, lo que hace un total de 7 archivos para cada estilo.
Si el usuario requiere de otro tamaño entonces el sistema emplea la de tamaño
más cercano ampliándola lo necesario. Esto trae consigo que la apariencia no
sea tan buena mostrando bordes dentados.
pixeles
Fuentes de impresión:
Se almacenan en la fotocomponedora o bien en el disco duro de la máquina
para enviarse a la impresora cuando un documento así lo requiere. Estas
fuentes son en realidad pequeños programas en Postcript que generan todos
los elementos de una fuente a cualquier tamaño para ser impresos.
Vectores (Postcript)
21
True Type y Post Script, así como nuevos formatos Open Type y Uncode, prometen añadir cientos de nuevos caracteres especiales a
las fuentes (desde viñetas y símbolos de copyright, hasta caracteres extranjeros o símbolos muy específicos); desafortunadamente no
existe un conjunto constante de caracteres especiales con los que puede contar al cambiar de una fuente a otra. Cuanto más reciente
es una fuente será más probable que tenga una mayor variedad de caracteres especiales.
60

TrueType
En este tipo de fuentes se mantienen los dos tipos de información pero un solo archivo, por lo que su manejo
es más sencillo.
MAC
PC
Cabe aclarar que aún cuando las fuentes pueden encontrarse en cualquiera de estos dos formatos, y aún, se
puedan llamar igual, existen pequeñas diferencias entre los distintos fabricantes, por lo que hay que proveer al
buró de servicios con la fuente que se haya utilizado.
 Open type
Tecnología para tipos anunciada por Adobe y Microsoft en 1997 para resolver las incompatibilidades de los
formatos Post Script y True Type entre plataformas operativas (tecnología "envoltura" que puede contener
fuentes creadas en ambos formatos). Este formato Open Type fusiona True Type y Post Script en un
archivo.
61
Las fuentes tanto de pantalla como de impresión se deben almacenar en una carpeta llamada Fuentes (FONTS)
dentro de la carpeta de sistema de la computadora. De esta manera al arrancar se cargan las fuentes de pantalla en
memoria RAM para ser usadas en tanto que las de impresión están disponibles para ser enviadas a la impresora.
Fuentes para salida a pantalla (monitor)22
La adecuada implementación de tipografía en un diseño destinado a una salida a monitor resulta del
equilibrio e interacción entre los distintos caracteres en la pantalla así como de una igualdad verbal y visual que
ayude al lector a entender la forma que adoptan los contenidos de la misma.
Así, la tipografía juega un doble papel: verbal y visual. Cuando un lector visualiza una pantalla primero reconoce el
esquema gráfico general de la página y después empieza a analizar el lenguaje para leerlo. Con una buena selección de
tipografía se puede establecer una jerarquía visual que facilite la lectura al proporcionar tanto interrupciones visuales
como énfasis gráficos que ayuden al lector a entender la relación entre el texto y la imagen, entre los titulares y los
bloques de texto subordinados. Además, cada tipografía seleccionada aporta un carácter propio al espacio virtual, lo
cual ayuda a crear una armonía entre los flujos verbal y visual de los contenidos.
Cuando el contenido es en gran parte textual, la tipografía se convierte en la herramienta que utilizamos para "pintar"
el esquema organizativo de la página, el cual ayuda a mejorar la organización de la información y a incrementar la
legibilidad.
22
Multimedia e Internet.
62
www.wpp.com
Los márgenes definen la zona de lectura al separar y diferenciar el cuerpo principal de texto de la zona y los elementos
que lo rodean. Si se usan de manera consistente pueden generar unidad en el sitio ya que establecen una adecuada
estructura visual, además de aportar una incuestionable tranquilidad y atractivo visual al añadir contraste entre el
espacio positivo (texto) y el negativo (espacios en blanco).
typospace.drikka.net.com
Los bloques de texto pueden asentarse entre los márgenes de distintas formas. Un texto puede estar alineado a la
izquierda, a la derecha, centrado o justificado.
El
contraste
es
fundamental.
El
equilibrio
y
organización general
de los elementos de
una página es esencial
si se desea atraer al
usuario
hacia
los
contenidos.
Una
página con sólo texto
genera una masa gris y
monótona, si claves.
justificado
El contraste es
fundamental. El
equilibrio y
de los elementos de
usuario hacia los
contenidos. Una
Figura 3.17
centrado
El contraste es
fundamental. El
equilibrio y
de los elementos de
usuario hacia los
contenidos. Una
Alineaciones de texto
derecha
El contraste es
fundamental. El
equilibrio y
de los elementos de
usuario hacia los
contenidos. Una
izquierda
El texto justificado se alinea tanto a la izquierda como a la derecha creando rectángulos de texto sólido, los
cuales se consiguen mediante un espaciado de palabras muy rígido que genera una pérdida de calidad.
Los bloques centrados y justificados a la derecha resultan de lectura incómoda. Leemos de izquierda a derecha,
anclando nuestro viaje a través de la página en línea vertical del margen izquierdo. Los márgenes desiguales que se
producen con la opción de centrar texto o justificarlo a la derecha hacen que la visualización sea mucho más
compleja, pues el lector debe rastrear y buscar el origen de cada línea de texto.
63
El texto justificado a la izquierda es la opción más viable, pues el margen izquierdo es constante, reglado y
predecible. Esta justificación no ajusta el espacio entre palabras y las arbitrariedades del texto se acumulan al
final de cada línea. Además, el margen desigual de la derecha puede aportar variedad e interés a la página, sin
restar capacidad de lectura.
Los titulares y encabezados en textos justificados a la izquierda deberían alinearse también a la izquierda. Los
encabezados centrados funcionan muy bien con los textos justificados, pero este tipo de justificación no es muy
recomendado. Las letras de un titular centrado contrastan con la asimetría del margen derecho y generan una página
poco equilibrada. En la mayoría de los casos para el cuerpo de texto y los encabezados el uso de la justificación a la
izquierda resulta la mejor opción para la composición de página.
A pesar de que las reglas tipográficas básicas son las mismas tanto para documentos impresos como para los
electrónicos, las características de la tipografía en pantalla son sustancialmente distintas.
La lectura de un texto en la pantalla de una computadora resulta difícil en comparación de un impreso,
debido a la baja resolución que ofrecen los monitores. La pantalla reproduce las fuentes a una resolución23
muy inferior a la que se encuentra en cualquier impreso.
Tipografía impresión láser = 1200 puntos por pulgada o más
Tipografía en pantalla = no más de 72 puntos por pulgada
Además, la zona útil de una pantalla típica es menor que la mayoría de las páginas impresas, limitando la información
que se puede mostrar sin forzar a utilizar las barras de desplazamiento.
Las líneas de texto no deben de ser demasiado largas, pues esto hace muy incómoda su lectura. Si la distancia entre el
final de la frase y el principio de la siguiente es considerable, el ojo tendrá que girar para volver al margen izquierdo, lo
cual puede hacer que el lector se pierda y tarde un poco en reencontrar el inicio de la línea siguiente. Así, se ve que el
uso de líneas con longitudes moderadas incrementa significativamente la capacidad de lectura de un texto.
Una de las maneras de potencializar la funcionalidad y legibilidad de una composición es el uso de columnas.
La columna izquierda más estrecha favorece a la composición por dos cuestiones: por un lado proporciona flexibilidad
en espacio para posibles variaciones en la composición y por otro delimita la columna de texto principal a longitudes
de línea más confortables.
www.sundancechannel.com
Por otra parte, la distancia entre la línea base de un renglón de texto hasta la línea base del siguiente (interlineado)
afecta en gran medida la legibilidad de un bloque de texto: demasiado grande hace que el lector tenga dificultad para
23
Según Andrés Suárez (2003), la resolución de pantalla (r. de dispositivo), no es más que a la cantidad de pixeles por unidad de medida
lineal estándar que son desplegados por un monitor, expresada en pixeles por pulgadas.
64
encontrar la línea siguiente, mientras que si es demasiado pequeño lo confunde al interpolar los extremos superiores
de las palabras que conforman una línea con los inferiores de la línea anterior.
Así se observa que, el éxito de la implementación de tipografía depende, en gran medida, del contraste visual entre los
distintos tipos de letra y entre los distintos bloques de texto, titulares y espacio en blanco circundante.
En este sentido, el énfasis tipográfico aporta estructura a la información y añade variedad visual, lo cual facilita
el acceso a los contenidos por parte del lector.
La tipografía tradicional posee herramientas efectivas para añadir énfasis a un bloque de texto, pero hay que
utilizarlas siempre mesuradamente.
Elementos de énfasis tipográfico:
° El texto en cursivas atrae por el contraste respecto a la forma del cuerpo principal del texto. Es bueno utilizar
las cursivas en los casos convencionales (títulos, expresiones forzadas o palabras en otro idioma). Tratar de
evitar las cursivas en bloques de texto largos pues las bajas resoluciones de las pantallas no facilitan su lectura.
° El texto en negritas contrasta con el normal por su peso, aportando el énfasis necesario como, por ejemplo,
para los títulos de las sub secciones. El texto en negritas se lee bien en pantalla, aunque si se utiliza para bloques
de texto demasiado largos pierde su capacidad de contraste y por tanto, su eficacia.
° El texto subrayado resulta un recurso demasiado pesado e interfiere con las formas de las letras,
además de que en la web el subrayado tiene una función y un significado especiales, siendo éste el de
identificar a los hipervínculos.
° A pesar de que el color es una opción más para diferenciar un determinado texto del cuerpo principal,
en pantalla tiene un significado propio. Hay que evitar insertar texto en color en un bloque de texto,
por que el usuario enseguida lo asociará con un enlace de hipertexto y podría intentar dar clic sobre él.
De todas formas es muy apropiado cuando se utiliza sutilmente para distinguir titulares de una sección como
color del cuerpo base de texto, solamente evitando los colores por default de enlace (azul y morado).
° Una de las formas más sutiles y efectivas de modificar el contraste visual y diferenciar en importancia
un fragmento es aislarlo o diferenciarlo del texto que lo rodea. Si se quiere destacar los encabezados
sin hacerlos más grandes, se puede añadir espacio detrás para diferenciarlo del texto siguiente. Por
otro lado, el uso de sangrías es eficaz para diferenciar las listas, citas o ejemplos de texto.
° El texto en mayúsculas es uno de los métodos más utilizados y menos efectivos en la voluntad de
poner énfasis tipográfico a un texto. Las palabras en mayúsculas forman una sucesión monótona de
rectángulos, sin un resalte. Para leer un bloque de texto en mayúsculas únicamente queda la
posibilidad de analizar los distintos grupos de letras, leyendo letra por letra, lo que aumenta la
incomodidad en la lectura al hacer más lento el proceso.
La característica diferencial de la tipografía en pantalla tal vez sea su variabilidad. El texto se reconstruye sobre la base
de una interacción compleja entre el software y hardware utilizados, acarreando con ello ciertos contratiempos, como
el que una fuente no esté disponible en el sistema, que el software no esté actualizado o que estén determinadas
preferencias particulares de cada usuario.
65
Al especificar el tipo de letra se debe escoger entre las que vienen por defecto en todos los sistemas operativos.24 Si se
emplea una fuente que no se encuentre en la máquina del usuario, el texto se mostrará utilizando la fuente que el
usuario tenga configurado por default en su computadora.
Con respecto al tipo de letra a utilizar se ha intentado determinar cuál de ellas resulta más cómoda para leer en
pantalla, si una de tipo lineal o no lineal. Pero en realidad, tan sólo se puede juzgar la legibilidad de un texto cuando se
percibe directamente en la pantalla. 27
Sin embargo, se pueden distinguir algunas fuentes que facilitan la lectura más que otras. Tipografías como la
Verdana o la Georgia fueron diseñadas especialmente para facilitar la lectura en pantalla Tienen una altura x
engrandecida y, comparadas con tipografías más tradicionales, su tamaño es mucho mayor para una misma
dimensión en puntos. Estas fuentes aportan una mayor legibilidad a páginas web que se diseñan para ser
directamente leídas en pantalla.
Por razones estéticas se puede mostrar el texto como representación gráfica en lugar de trabajar directamente con
fuentes del sistema, lo que significará conocer las características de una imagen digital.
Se recomienda utilizar texto convertido a imagen sólo cuando no pueda aislarse la tipografía de los elementos gráficos
o sea imprescindible el tratamiento del texto con algún efecto visual. El único inconveniente será que el texto al
convertirse a imagen adquirirá determinadas características en cuanto a peso, tamaño y posición, dificultando en
algunos casos su despliegue en pantalla.25
24
25
En este sentido, uno de los problemas a los que se enfrenta el diseñador de ambientes virtuales es la posibilidad de generar espacios
que presenten las mismas características en todas las plataformas o sistemas operativos en los que se implemente. Para solucionar
ese problema, hay que hacer uso de las fuentes básicas que contienen todos los sistemas (MAC, PC, UNIX) por default. Esto limita
el trabajo de diseño pero es mejor condicionar el trabajo a destinarlo a que sólo una minoría de los usuarios pueda verlo como está
planeado. Las principales fuentes que vienen con el sistema operativo son: Arial/Helvetica, Times New Roman/Times,
Courier/Courier.
Generalmente se conoce como imagen digital a todas aquellas imágenes que son introducidas o creadas mediante una computadora,
basándose en el principio del código binario. La imagen está dividida en una malla o rejilla finita de pequeños puntos conocidos como
pixeles; a cada pixel le corresponde una combinación de 0´s y 1´s, y cada combinación define un color determinado. Así, la
sucesión de pixeles con determinada información dará la apariencia de una imagen.
66
67
REFERENCIAS BIBLIOGRÁFICAS






























ACOSTA, Orlando y GARCÍA, Luis Alberto. Fuentes. Exposición Laboratorio de Realización I. UAM-Azc.
México, 2003.
Anatomía de la letra. (en línea) http://www.unostiposduros.com/paginas/traba1.html
BAINES, Phil y HASLAM Andrew. Tipografía. Función, forma y diseño. Gustavo Gili. 2002.
BUITRÓN, Marcela. Consideraciones para el diseño de interfaces gráficas de usuario en
ambientes virtuales educativos. Tesis para la obtención del grado de maestra en Diseño. UAM-Azc,
México, 2004.
DE BUEN, Jorge. Manual de Diseño Editorial. Ed. Santillana. México, 2000.
Diseño gráfico, evolución y tendencias. La tipografía y su evolución. (en línea)
http://www.fotonostra.com/grafico/partescaracter.htm
DONDIS, D.A.. La sintaxis de la imagen. Ed. GG Diseño. Barcelona, 1995.
Elegir los tipos. Manual de diseño editorial. Typephases Design. 2005 (en línea)
http://platea.cnice.mecd.es/~jmas/manual/html/elegir_los_tipos.html
ENCICLOGRÁFICA. Diccionario de términos de Arte y Diseño (en línea)
http://www.sitographics.com/dicciona/t.html
GRUMAN, Galen. La biblia de Adobe InDesign. Anaya multimedia. 1999.
HUGHES, Rose Marie. La evolución del alfabeto. Introducción al arte de la caligrafía. UAM-Xochimilco.
México, 1992.
KUNZ, Willi. Tipografía: macro y microestética. Ed. GG. Barcelona, 2002.
LARRAÑAGA, Mariana. De la Letra a la Página. Colección Procesos No. 59. UAM-AZC. México, 1993.
LEAL, Luisa. Treita siglos de tipos y letras. Universidad Autónoma Metropolitana – AZC / Tilde. México,
1990.
Lo esencial de la preprensa electrónica No. 4. Principios de Tipografía y manejo de fuentes.
Graphic Arts Technical Fundation. 1996.
LÓPEZ BRACHO, R., ZARAGOZA, A. Características formales de la LETRA. Primer curso de
tipografía. UAM-Azcapotzalco. México, 2003.
LYNCH, Patrick y Horton Sarah. Principios de diseño básicos para la creación de sitios web.
Gustavo Gili. 2000.
MEJÍA, Beatriz. Tipografía. Apuntes de clase. UAM-Azcapotzalco. México, 2004.
MARTÍNEZ, Juan. Fundamentos de tipometría (en línea)
http://www.juanval.net/fundamentos_tipometr%EDa.htm
Martínez Meave, Gabriel. Historia de las letras y la Tipografía. Revista Matiz. No. 9. 1997.
Moreno, Luciano. Tipografía y diseño. DesarrolloWeb.com (en línea)
http://www.desarrolloweb.com/articulos/1691.php?manual=47
MUNARI, Bruno. Diseño y comunicación visual. Ed. GG Diseño. Barcelona, 1985.
RUDEL, Emil. Manual de diseño tipográfico. Ed. GG. Barcelona, 1992.
Scott, Robert. Fundamentos del Diseño. Ed. Limusa. México, 1995.
SUÁREZ, Andrés. Apuntes sobre preprensa. México, 2003 (en línea)
http://usuarios.lycos.es/elmercadomexico/
TUBARO, Antonio, et al. Tipografía. Estudios e investigaciones. Universidad de Palermo. Librería Técnica
CP67.
VARGAS, Georgina. Fundamentos de tipografía (apuntes de clase). UAM-AZC. México, 2004.
______, et al. Fundamentos del Diseño Bidimensional. Colección Procesos, No. 82, UAM-AZC. México,
1997.
WILLBERG, H. Peter. Primeros auxilios en tipografía. Ed. GG. Barcelona, 2002.
WONG, Wicius. Fundamentos de Diseño. Ed. GG Diseño. Barcelona, 2001.
68
69
ANEXO: Historia de las letras y la Tipografía (1) (II) y (III)
70
71
72
73
ANEXO: FUNDAMENTOS PARA EL DISEÑO DE LA CAJA
TIPOGRÁFICA
CAJA TIPOGRÁFICA
Este término es utilizado sólo en el ámbito de los medios impresos; hace alusión al marco de una página que
encierra la información, los títulos y las imágenes (es equivalente a los márgenes de un cuaderno). A partir de
la caja tipográfica se diseña, pues con ella se entiende y se define el espacio disponible y adecuado para un
texto.
Se define en base al sustrato o formato a emplear, y definiendo los márgenes y retículas convenientes para
ello.
MÁRGENES
Son los espacios en blanco que quedan en cada uno de los cuatro lados de una página impresa.
corte
lomo
cabeza
pie
Márgenes
La mancha siempre queda rodeada de una zona de blancos, de un lado por motivos técnicos (el corte de las
páginas varia normalmente entre 2 y 5 mm. por lo que se recomienda no dejar una muy pequeña anchura de
los márgenes evitando que el texto quede cortado) y de otro lado por motivos estéticos (unos blancos bien
proporcionados pueden acrecentar el goce de leer).
Cuanto mayor sea el blanco menos podrá afectar una imprecisión técnica a la impresión global de una página
bien configurada. Además, los márgenes en su conjunto deben tener una adecuada relación entre sus
proporciones, ya que esto tiene una gran influencia en la impresión óptica que da la página al lector; si son
demasiado pequeños la página se siente saturada y si son demasiado grandes surge una sensación de
desperdicio.
Existen diversos tipos de distribución de blancos en una página, siendo el sistema clásico, el método de la
diagonal, el sistema ternario y la proporción 3:4, los más utilizados.
74
Reglas fundamentales para el diseño de la caja tipográfica
Márgenes áureos
Método de la diagonal
Sistema ternario
Composición 3:4
RETÍCULA
Subdivisión de una superficie en espacios o campos más reducidos a modo de reja, que sirve para la distribución de los
elementos en el campo compositivo, según ciertos criterios objetivos y funcionales. La retícula es la división
geométrica de un área en columnas, espacios y márgenes medidos con precisión.
75
Sistema reticular
Con esta parcelación en campos reticulares pueden ordenarse mejor los elementos de la configuración
(tipografía, fotografía, ilustración y colores), favoreciendo la credibilidad de la información, así como su fácil
asimilación y lectura.
Para la construcción de una retícula deben tomarse en cuenta ciertos aspectos como: estilo y tamaño de la tipografía,
interlineado, anchura de las columnas, márgenes, las imágenes, títulos y subtítulos, etc., todos ellos con el fin de
organizar de manera armónica, funcional y estética una página.
La construcción de las retículas no solo se limita a la distribución de los márgenes, sino también la distribución del
texto para lo cual serán determinantes la relación de la anchura y altura de la mancha.
Los campos de una retícula pueden tener las mismas dimensiones26 o no. Su altura corresponde a un número
determinado de líneas de texto, mientras que su anchura es idéntica a la de las columnas.
26
Las dimensiones de la altura y anchura se indican con medidas tipográficas (punto, pica, cícero).
76
Los campos se separan unos de otros por un espacio intermedio (intercampos) con objeto, por un lado de
que las imágenes no se toquen y que se conserve la legibilidad, y por otro de que puedan colocarse leyendas
bajo las ilustraciones. La distancia vertical entre los campos es de 1, 2 o más líneas: la distancia horizontal es
función del tamaño de los tipos de letra y de las ilustraciones.
La anchura de las columnas influye en el tamaño de la letra a utilizar. Cuanto más estrecha es la columna mas
pequeña será, normalmente, la letra.
Un método para encontrar una mancha adecuada es el siguiente:
1.
2.
3.
4.
5.
Se diseña la mancha a escala 1:1 en la altura y anchura más favorable, tanto en el aspecto funcional como en
el estético.
Se divide la mancha en dos, tres o más columnas. En el caso de dos columnas, por ej., se divide
verticalmente la mancha en dos partes que distingue mediante un espacio intermedio.
Ahora se divide horizontalmente las columnas en 2, 3 o mas campos, que en este momento aún están
separados por una sola línea.
En este punto se debe decidir el tipo de letra e interlineado a emplear en el texto. Si, por ej., una letra de 10
pt. con una interlínea de 3 pt. da la imagen y legibilidad deseadas, entonces controla la altura de los campos y
examina cuantas líneas de 10 pt. de letra pueden entrar en un campo. La mayoría de las veces se debe
adaptar la altura del campo a la de un determinado número de líneas del texto, por ende los campos
aumentarán o disminuirán un poco.
Los campos proyectados para los gráficos se encuentran todavía unos sobre otros, separados sólo
por una línea Para que no se toquen hay que separarlos por una línea vacía o por varias. Cuando en
una columna, por ej., dos campos están uno sobre otro y los separamos con una línea vacía tenemos
entonces en una columna el número de líneas que pueden colocarse en ambos campos mas la línea
que hemos incorporado la vacía. Con tres campos se necesitan para 2 separaciones = 2 líneas
vacías, con cuatro campos son tres líneas vacías, etc.
El número de divisiones es prácticamente ilimitado, sin embargo hay que considerarse cuantas columnas deba
tener cada composición.
77

tipografía

Transcripción

Documentos relacionados

manual prd firmas - Alternativa Democrática Nacional

Visitalo Ahora - La Fabrica de la Web

Familia tipográfica