Andrea Aglae Alvarado Rodriguez. Matricula:2227940.

Grupo:212

Hoja de Trabajo 01. Principios

de Tipografía
Instrucciones Generales.

Este documento contiene algunas actividades simples para darle

forma y diseño, que cualquier usuario básico o intermedio del
programa MS Word puede realizar. A medida que leas detenida-
mente el texto, aprenderás conceptos sencillos de tipografía que
quizás desconoces y al mismo tiempo los aplicarás en el pro-
grama de autoedición más usado del mundo, sigue las instruccio-
nes en rojo para aprender haciendo. TOMA NOTAS EN TU LI-
BRETA PARA EL EXAMEN.

Desktop Publishing by Design

Capítulo 2
Los Principios de la Tipografía
La capacidad de seleccionar los tipos, modificarlos en la pantalla,
componerlos en páginas e imprimir o distribuir el resultado de
manera inmediata es la base de la autoedición. En un instante, el
elemento fundamental del diseño gráfico se puso en manos de
cualquier persona que tiene acceso a una computadora. ¿Qué de-
bemos hacer con este acceso a una tradición tan rica, desarrollada
a lo largo de 500 años de práctica?

La respuesta, por supuesto, es muy variada. La tipografía, en su

forma más básica, es simplemente la selección y disposición de
los tipos de letra, los tamaños y el espaciado en la página
Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

impresa. Pero ante la materia prima de una página que no está im-
presa, ¿cómo le damos estilo a los elementos para que la página
sea atractiva y fácil de leer, para que el ojo pueda distinguir la im-
portancia relativa de los elementos y elegir los que le interesan,
para que el aspecto general sea a la vez variado y unificado?

La disposición tipográfica debe lograr para el lector el

tono de voz que transmita al oyente.

El Lissitzky

Además de las funciones utilitarias implícitas en esas preguntas,

la tipografía también confiere a una página una determinada per-
sonalidad (formal o informal, moderna o clásica, ornamentada o
robusta) y una sensación general (densa o abierta, ligera o dramá-
tica). ¿Cómo elegir entre los muchos tipos de letra disponibles
para proyectar la imagen deseada y dar a la publicación o al di-
seño una personalidad distintiva y reconocible?

Como en cualquier otro ámbito del diseño gráfico, las respuestas

provienen en gran medida de la experiencia. Una parte de esa ex-
periencia la tenemos todos como lectores. Pero también se puede
obtener mucho más observando atentamente el estilo de las tipo-
grafías en toda la gama de materiales impresos y ahora también
digitales. Y, por último, el ordenador permite descubrir los mati-
ces de la tipografía a través de la experimentación práctica.

Las computadoras nos han dado un control inestimable sobre la

tipografía, pero también han hecho posible una versatilidad con-
traproducente. En la autoedición tenemos tantos tipos de letra
disponibles y tantos efectos especiales, podemos cambiar tan fá-
cilmente de un tamaño y estilo a otro, que una tipografía indisci-
plinada o mal tratada puede fragmentar el mensaje tan fácilmente
como ayudar a mantenerlo unido. Se debe utilizar el control para
experimentar, para encontrar la fuente, el tamaño y el espaciado
Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

adecuados para el propósito, pero no se debe utilizar la versatili-

dad para llenar las páginas con media docena o más de estilos que
confunden más de lo que comunican.

La capacidad de controlar la tipografía desde el ordenador es

aún más milagrosa cuando se repasa la historia de la composi-
ción tipográfica y se observa la progresión desde el manejo de
cada letra por parte de un artesano hasta la capacidad de un ope-
rador de computadora para enviar impulsos eléctricos por todo el
mundo. En el siglo XV, Johannes Gutenberg liberó la palabra im-
presa del minucioso oficio de escribir a mano con lo que ahora
nos parece el casi igualmente minucioso oficio de fijar individual-
mente cada caracteres metálicos. Con la introducción de las má-
quinas de linotipia (líneas de tipos) en la década de 1880, los ope-
radores de teclados mecánicos podían escribir el texto y la má-
quina fundía una línea entera en un solo trozo de metal caliente.
La fototipia (tipos a través de fotografía) eliminó por completo el
tipo de letra en metal y produjo el texto proyectando las imágenes
de los caracteres en una película o papel sensible a la luz. Hoy en
día, las impresoras láser manejadas por ordenador han convertido
las letras en patrones de puntos (bitmaps) y a los poseedores de
una computadora en tipógrafos.

Esta reciente "democratización" de la tipografía ha creado una es-

pecie de guerra santa entre los tradicionalistas y la nueva genera-
ción de editores digitales (1990). Los tradicionalistas -diseñadores
de fuentes tipográficas y diseñadores gráficos que han trabajado
con tipos comerciales a lo largo de su carrera- lamentan la distor-
sión de las formas de las letras en los caracteres estándar, el espa-
ciado desigual entre letras y palabras y la baja resolución de los ti-
pos creados en los sistemas informáticos. Los auto editores ven
un ahorro de tiempo y dinero y, en algunos documentos, una cali-
dad muy superior a la de los formularios mecanografiados y mi-
meografiados.
Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

El verdadero milagro, que según la naturaleza de las guerras san-

tas se pasa por alto, es la elección. La resolución de las impreso-
ras láser de 600 puntos por pulgada (ppp) es perfectamente ade-
cuada y rentable para muchos boletines, informes, comunicados,
hojas de precios y muchos otros documentos. La resolución más
alta (1270 y 2540 dpi o más) es adecuada para muchos folletos, li-
bros, catálogos, manuales técnicos, revistas e informes anuales; en
estas situaciones, el ordenador personal sirve de interfaz para la
composición tipográfica comercial y sigue ofreciendo al usuario
un mayor control y un ahorro considerable de tiempo y dinero
con respecto a la composición tipográfica tradicional. La composi-
ción tipográfica comercial de alta calidad sigue estando disponi-
ble para las agencias de publicidad, los estudios de diseño y los
editores de libros y revistas de calidad, cuyos productos requie-
ren los tipos más limpios, nítidos y de más bellas proporciones y
más costosos. Es cuestión de elegir la calidad de tipografía apro-
piada para sus necesidades y su presupuesto, y luego utilizar ese
tipo tan bien como sea posible.

Este capítulo trata de las múltiples formas de utilizar la tipogra-

fía. El objetivo principal no es solo exponer las reglas que hay que
recordar, sino sugerir formas de ver los tipos en la página im-
presa. Como dijo Sumner Stone, director de tipografía de Adobe
Systems, en una mesa redonda sobre tipografía, "es como apren-
der a apreciar los diferentes sabores del vino".

Hay una historia, sin duda apócrifa, según la cual un

escriba del siglo XV, al examinar una de las hojas de
prensa de Gutenberg, exclamó: "Es bonito, pero no es
caligrafía".

Anónimo

***Aprende mas. Google Fonts ofrece fuentes tipográficas de buena calidad y de có-
digo abierto, otras fundidoras tipográficas o type foundries venden sus tipos a pre-
cios que varían en el mercado. www.fontshop.com es un ejemplo.
Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

Un glosario visual sobre tipografía

La terminología usada para describir la tipografía y su apariencia
en la página es una colorida y útil jerga. Así como cualquier len-
guaje especializado, permite a la gente comunicarse sin ambigüe-
dad, así la instrucción “Alinear la línea base de la leyenda al ras
con el fondo del arte” significa lo mismo para todos los involu-
crados en un trabajo. Pero el lenguaje de la tipografía también
describe la sutileza y diversidad entre las formas de las letras. La
intención de este “glosario” es mostrar parte de la riqueza en el
proceso de establecer definiciones básicas.

Tipo de Letra, Fuente, Typeface, Tipo

El nombre de “tipo de letra” o typeface se refiere a una familia en-
tera de letras de un diseño en particular. Las tipos mostradas aquí
residen en la mayoría de impresoras Post-script. Cientos de tipos
están disponibles para la producción de escritorio a día de hoy;
desde finales de los noventas, el número subió a miles.

**Para Aprender Más. Observa e identifica los atributos formales de las letras para
distinguir sus cualidades físicas o de forma, puedes acceder a Atributos formales
del tipo https://vitaminagrafica.wordpress.com/2015/07/27/atributos-formales-de-las-
fuentes-tipograficas/

**Para aprender más sobre las características más especiales de fuentes OTF
OpenType y las diferencias con las fuentes TTF TrueType accede aquí:
https://www.domestika.org/es/blog/1882-tutorial-tipografia-las-fuentes-opentype

Tres Estilos Básicos de letras, aunque

existen muchas mas
Por toda la variedad encontrada a través de cientos de tipos, to-
dos puedes agruparse en tres estilos básicos: Serif, Sans-Serif y
Script.

Algunos estudios de legibilidad han encontrado que los tipos Serif

son fáciles de leer, la teoría es que las Serifas ayudan a mover al
ojo de una letra a la siguiente sin que las letras se vean borrosas
Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

juntas. Por otro lado, los tipos Sans-Serif son generalmente pensa-
dos para ser fáciles de leer en tamaños grandes y especialmente
en los pequeños.

Sans-Serif

Las tipografías Sans-Serif no poseen trazos de acabado al final de

cada forma de letra. El nombre viene del francés Sans, que signi-
fica “sin (algo)” También se refieren a los Sans Serif como Gothic.

Aptos Cordia New Arial

Script

Las tipografías Script simulan al manuscrito, con una letra conec-

tada a otra visualmente sino físicamente.

Edwardian Script ITC

Mistral

Brush Script MT

Serif

Las Serifas son líneas o curvas proyectadas al final de cada forma

de letra. Las tipografías con esos acabados son llamadas Serif o
Serifas. También son llamadas Tipografías Romanas porque las
Serifas derivan de las marcas de letras cinceladas de los monu-
mentos romanos.

Angsana New
Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

Baskerville Old Face

Palatino Linotype

El Tamaño de la Letra
Las tipografías son medidas por su altura vertical, desde la parte
superior de la letra mayúscula o ascendente hasta la parte inferior
de la descendente. Esa altura, o tamaño, está expresado en pun-
tos. Hay 12 puntos a una pica y aproximadamente 6 picas a una
pulgada.

Como se ha mencionado previamente, el tipo se mide vertical-

mente, en puntos, y la longitud de las líneas se mide en picas. Por
supuesto, también se pueden medir las líneas y los elementos de
la página que no sean tipografía en pulgadas, pero como el ta-
maño de los tipos y la longitud de las líneas están tan interrela-
cionados, es útil familiarizarse con las picas y ser capaz de vi-
sualizar en ese sistema de medida. Si no has trabajado antes con
puntos y picas, pronto apreciarás la pequeña unidad de medida
que proporciona este sistema:

12 puntos = 1 pica

6 picas = 1 pulgada

Para medir el tipo de letra, se necesita un calibrador de tipos o un

tipómetro. Las medidas preestablecidas en los sistemas de auto-
edición se basan en las medidas establecidas en la fabricación de
tipos móviles antigua, sin embargo, ahora es posible manipular
estas medidas a nuestro gusto, dependiendo de las necesidades
de diseño. Utilizar las medidas preestablecidas es recomenda-
ble.
Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

Para el cuerpo de texto las letras deben tener entre 10 y 12 pts,

los títulos y subtítulos deberían tener medidas de 14 pts en ade-
lante, dependiendo de la jerarquía o nivel de importancia. Las no-
tas y pies de página generalmente van de 8 pts o menos.

Calibri Font 8pts.

Calibri Font 9pts.

Calibri Font 10pts.

Calibri Font 10.5pts.

Calibri Font 11pts.

Calibri Font 12pts.

Calibri Font 14pts.

Calibri Font 16pts.

Calibri Font 18pts.

Calibri Font 20pts.
Calibri Font 22pts.
Calibri Font 24pts.
Calibri Font 26pts.
Calibri Font 28pts.
Calibri Font 36pts.
Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

Calibri Font
48pts.
Calibri
Font
72pts.
El Peso de la Letra
Por peso se refiere a la densidad de las letras, a la ligereza o pesa-
dez de los acabados. Es descrito como un continuum (secuencia
continua): light, regular, medium, book, demi, bold, heavy, black
y extra bold. No todas las tipografías están disponibles para to-
dos los pesos y el continuum varía en algunas tipos.

Eras Bold ITC

Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

Eras Demi ITC

Eras Light ITC

Eras Medium ITC

La Anchura de la Letra
La medida horizontal de las letras se describe como condensada,
normal, o expandida. Las fuentes más usadas –Times, Helvética,
New Century Schoolbook– son normales. Varias fuentes tipográfi-
cas condensadas están disponibles en la publicación de escrito-
rio. Y programas de dibujo como Adobe Ilustrador te permite con-
densar o expandir las tipografías como se desea y luego impor-
tarlo en InDesign, una técnica muy usada en el diseño de tipogra-
fías de hoy en día. Condensada, Normal, Extendida, etc.

La Inclinación de la Letra
La inclinación es el ángulo de un carácter tipográfico, ya sea ver-
tical o inclinada. La tipografía vertical es llamada romana. Las ti-
pografías inclinadas se les llaman itálicas u oblicuas. Romana o
Regular e Itálica o Cursiva.

El Estilo de la Letra
En edición digital de textos, el estilo se refiere al peso, inclinación,
y ciertos efectos especiales tales como el contorno o la sombra.
De forma más general, el estilo se refiere a las amplias caracte-
rísticas de una tipografía (tales como el serif y el sans-serif) y a
su distintiva personalidad como tal (ya sea elegante o formal).
Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

La Familia de la Letra
Todas las variaciones de una tipografía –los diferentes pesos, an-
churas, inclinaciones, y estilos– constituyen a una familia tipo-
gráfica. Algunas familias tienen más estilos que otros, proporcio-
nando un considerable contraste de tipo dentro de un documento
sin la necesidad de cambiar las tipografías. En los estilos mostra-
dos a continuación, la familia incluye variaciones muy diversas;
dependen de la fuente tipográfica desarrollada.

La Anatomía de la Letra
En diseño, medir e identificar una tipografía, un vocabulario pre-
ciso es esencial. Aprende lo básico.

**Para aprender mas acerca de la anatomía de la letra. Conoce sus partes principa-
les. https://tiposconcaracter.es/anatomia-de-la-tipografia/

El Espacio entre Líneas, Interlineado o

Leading
El espacio vertical entre las líneas de tipo es tradicionalmente lla-
mado como leading. Está medido en puntos y se expresa como la
suma del tamaño de la fuente y el espaciado entre dos líneas. Por
ejemplo, una fuente de 10 puntos con 2 puntos entre las líneas es
descrito como una tipografía de 10 puntos con leading de 12 pun-
tos. Se escribe como 10/12 y se dice ‘‘10 en 12’’.

Las tipografías con una generosa cantidad de espaciado entre lí-

neas se les llama conjunto abierto; las tipos con relativamente pe-
queños espaciados entre líneas se les llama conjunto sólido. El
leading que es menor que el tamaño de punto, como el ejemplo de
30/26 a continuación, se les llama negativos, o conjunto menor;
se usa principalmente para tipos de gran tamaño y en mayúscu-
las.

Inserta el salto de sección continua aquí

Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

• 10/10 Ave- • 10/11 Ave- 10/12 Avenir Next

nir Next Re- nir Next Re- Regular
gular gular
Estos tres ejemplos
Estos tres ejemplos Estos tres ejemplos están ajustados en
están ajustados en están ajustados en 10 puntos con la tipo
10 puntos con la tipo 10 puntos con la tipo Times New Roman.
Times New Roman. Times New Roman.
El primero está esta- El primero está esta-
El primero está esta- blecido en un con-
blecido en un con-
junto solido (10/10), blecido en un con- junto solido (10/10),
el segundo está esta- junto solido (10/10), el segundo está esta-
blecido en un con- el segundo está esta-
blecido en un con-
junto estrecho blecido en un con-
(10/11), y el tercero junto estrecho junto estrecho
(10/12) está estable- (10/11), y el tercero (10/11), y el tercero
cido por el espa- (10/12) está estable- (10/12) está estable-
ciado normal del cido por el espa- cido por el espa-
programa. ciado normal del ciado normal del
programa. programa

Cierra el Salto de Sección Continua Aquí

La Longitud de Línea
La longitud de una línea de tipo se le llama medida y es tradi-
cionalmente especificado en picas. Las fracciones de picas son
expresadas como puntos (hay 12 puntos para una pica), no deci-
males. Por lo tanto, una columna de 10 y un cuarto de picas am-
plio son 10 picas con 3 puntos, especificado como 10,03 o 10p3
en Indesign.

Por regla general, entre más amplia es la longitud de la línea de un

texto, más grande debe ser la fuente tipográfica, es decir: entre
más ancha la columna de un texto, más grande debería ser su
letra y viceversa, entre más corta sea la columna, podría ajus-
tarse el tamaño a un mas pequeño. Los programas de autoedi-
ción predeterminan una columna con un ancho específico, se
puede ajustar un documento a dos o más columnas, lo que impli-
cará ajustar el tamaño de la letra al ser estas más cortas.
Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

Inserta un Salto de Sección Continua

Esto está establecido con una

medida de 12p0 (5.08cm) y
puede leerse fácilmente con una
tipografía relativamente pe-
queña. Este ejemplo es de 9/11.
Al llegar a la esquina percibió el
primer indicio de que sucedía
algo raro: un gato estaba mi-
rando un plano de la ciudad. Du-
rante un segundo, el señor Durs-
ley no se dio cuenta de lo que ha-
bía visto, pero luego volvió la ca-
beza para mirar otra vez. Sí ha-
bía un gato atigrado en la es-
quina de Privet Drive, pero no vio
ningún plano. ¿En qué había es-
tado pensando? Debía de haber
sido una ilusión óptica. El señor
Dursley parpadeó y contempló al
gato.

Cierra el Salto de Sección

Continua

Esto está establecido con una medida de 20p0

(8.46cm) y necesita una tipo de tamaño un poco
más grande para una facilidad de lectura. Este
ejemplo es de 10/12. Al llegar a la esquina perci-
bió el primer indicio de que sucedía algo raro: un
gato estaba mirando un plano de la ciudad. Du-
rante un segundo, el señor Dursley no se dio
cuenta de lo que había visto, pero luego volvió la
cabeza para mirar otra vez. Sí había un gato ati-
grado en la esquina de Privet Drive, pero no vio
ningún plano. ¿En qué había estado pensando?
Debía de haber sido una ilusión óptica. El señor
Dursley parpadeó y contempló al gato.

Cierra el Salto de Sección Continua

Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

Esto está establecido con una medida de 37p0 (15.66cm) y necesita

una tipo de tamaño un poco más grande para una facilidad de lectura.
Este ejemplo es de 13/17. Al llegar a la esquina percibió el primer in-
dicio de que sucedía algo raro: un gato estaba mirando un plano de la
ciudad. Durante un segundo, el señor Dursley no se dio cuenta de lo
que había visto, pero luego volvió la cabeza para mirar otra vez. Sí ha-
bía un gato atigrado en la esquina de Privet Drive, pero no vio ningún
plano. ¿En qué había estado pensando? Debía de haber sido una ilu-
sión óptica. El señor Dursley parpadeó y contempló al gato.

Alineación del Texto o Justificación del Texto

La alineación se refiere a la forma del bloque de texto según sus márgenes. En algunos
países le llaman justificación del texto. Las configuraciones comunes son a la izquierda,
centrado, a la derecha y justificado. Por lo general el texto está alineado a la izquierda o
justificado a la izquierda.

Izquierda Las líneas de texto están uniformes en el borde izquierdo (al ras con el mar-
gen izquierdo) y desiguales o irregulares, a la derecha. La descarga a la izquierda es la
alineación recomendada del texto del cuerpo en la publicación de escritorio. Es fácil de
leer y permite un espaciado uniforme de las palabras.

Centrado Cada línea está centrada, por lo tanto, los márgenes izquierdo y derecho están
irregulares. El texto centrado se utiliza a menudo para titulares y otros tipos de visuali-
zación, así como para invitaciones y anuncios formales.

Derecha Las líneas de texto están a la derecha y desiguales a la izquierda. Esta alinea-
ción se usa a veces para títulos, titulares y copias publicitarias, pero no se recomienda
para el cuerpo de texto. Estamos acostumbrados a leer de izquierda a derecha; si el
borde izquierdo del texto no está bien definido, la vista falla y el texto es más difícil de
leer.

Justificado El tipo es al ras, o incluso, en los márgenes derecho e izquierdo. Debido a que
el espacio normal entre letras y palabras se altera para justificar el texto, la justificación
a veces resulta en un espaciado desigual, con “ríos” de espacio en blanco que se ejecutan
a través del tipo. Cuanto más estrecha sea la medida, más desigual será el espaciado,
como se puede ver al comparar estos ejemplos uno al lado del otro.
Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

Irregular izquierdo y derecho Un ajuste menos común es irregular izquierdo e irregular

derecho. Esto se utiliza a veces para pequeñas cantidades de tipo de pantalla. Le da a la
página un sentimiento poético sin ser formal. Este ajuste no se puede lograr automática-
mente: Debe especificar la sangría para cada línea individual.

Las reglas o regletas tipográficas

Las reglas también son elementos tipográficos y son medidos por puntos. Puedes usar
reglas con la herramienta borders y cambiar su anchura y estilo.

Type Specimen o muestra del tipo

Tradicionalmente, los diseñadores han dependido de hojas de muestra para seleccionar y
especificar las tipografías en sus publicaciones. Las hojas de muestra simplemente enseña
tipos en varios tamaños, pesos, y estilos para elegir una tipo en particular que te sea más
apropiada para la publicación que estás por diseñar, así como display o la legibilidad, co-
lor, y todo aspecto general de los tamaños de uso frecuente. Las hojas de muestra también
son útiles cuando quieres identificar una tipo que vez y te gusta en otra publicación.

Por lo general los tipógrafos comerciales proporcionan hojas de muestra a sus clientes
como un catálogo de lo que está disponible. Puedes hacer tus propias hojas de muestra
para las tipos disponibles en tu propio sistema o red. El poco tiempo que te tomará te lo
pagará generosamente cada vez que necesitas diseñar una publicación. Además de pro-
porcionarte una herramienta útil, hacer hojas de muestra es una buena forma de empezar
aprender los matices o las cualidades particulares de las tipografías.

**Aprende mas. Mira un ejemplo de un Type Specimen u Hoja Muestra Tipográfica en video. Say Hello to Roboto Se-
rif https://www.youtube.com/watch?v=wtBS5wRpaHg&t=66s

Aquí un Type Specimen en PDF link https://www.rosettatype.com/files/Rosetta-Specimen-No-1.pdf

Usando letras clave

Cuando se usan hojas de muestra para identificar tipografías, observa sus letras o caracte-
res clave que tienden a ser distintivos, estos incluyen la T, g, y M que se mostrarán a conti-
nuación (en 48 puntos). Números y signos de interrogación también son buenos indicado-
res. Aprenderás rápidamente a identificar la forma de la serifa (recta, triangular,
Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

redondeado, o cuadrado), asi los huecos de los P y R y las colas de la g cuando son abiertas
o cerradas, el contrate entre las partes gruesas y delgadas de las letras, etc.

TTTTT

JJJJ
El “color” de la tipografía
La adición de un segundo color (o varios colores) puede mejorar el diseño tipográfico de
una publicación en muchas maneras. Pero incluso cuando es impreso en blanco y negro,
la tipografía tiene un “color” o mancha en la página impresa. El color en este sentido signi-
fica el color en general o textura; el brillo o la oscuridad del texto, que varía del estilo de
una fuente con otra; y también la igualdad de la tipografía determinada por el espaciado.
Las hojas muestra proporcionan guías valiosas hacia el color o mancha de las diferentes ti-
pografía, los cuales, como puedes ver en los ejemplos siguientes, varían considerable-
mente.

Arial 10 El día en que lo iban a matar, San- semana anterior había soñado que iba solo
tiago Nasar se levantó a las 5.30 de la ma- en un avión de papel de estaño que volaba
ñana para esperar el buque en que llegaba el sin tropezar por entre los almendros”, me dijo.
obispo. Había soñado que atravesaba un bos- Tenía una reputación muy bien ganada de in-
que de higuerones donde caía una llovizna térprete certera de los sueños ajenos, siem-
tierna, y por un instante fue feliz en el sueño, pre se lo contaran en ayunas, pero no había
pero al despertar se sintió por completo salpi- advertido ningún augurio aciago en esos dos
cado de cagadas de pájaros. “Siempre so- sueños de su hijo, ni en los otros sueños con
ñaba con árboles”, me dijo Plácida Linero, su árboles que él le había contado en la maña-
madre, evocando veintisiete años después los nas que precedieron a su muerte.
pormenores de aquel lunes ingrato. “La
Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

Calibri 10 El día en que lo iban a matar, Santiago avión de papel de estaño que volaba sin tropezar
Nasar se levantó a las 5.30 de la mañana para es- por entre los almendros”, me dijo. Tenía una repu-
perar el buque en que llegaba el obispo. Había so- tación muy bien ganada de intérprete certera de los
ñado que atravesaba un bosque de higuerones sueños ajenos, siempre se lo contaran en ayunas,
donde caía una llovizna tierna, y por un instante pero no había advertido ningún augurio aciago en
fue feliz en el sueño, pero al despertar se sintió esos dos sueños de su hijo, ni en los otros sueños
por completo salpicado de cagadas de pájaros. con árboles que él le había contado en la mañanas
“Siempre soñaba con árboles”, me dijo Plácida Li- que precedieron a su muerte.
nero, su madre, evocando veintisiete años después
los pormenores de aquel lunes ingrato. “La se- Georgia 10 El día en que lo iban a matar,
mana anterior había soñado que iba solo en un Santiago Nasar se levantó a las 5.30 de la ma-
avión de papel de estaño que volaba sin tropezar ñana para esperar el buque en que llegaba el
por entre los almendros”, me dijo. Tenía una repu- obispo. Había soñado que atravesaba un bos-
tación muy bien ganada de intérprete certera de que de higuerones donde caía una llovizna
los sueños ajenos, siempre se lo contaran en ayu- tierna, y por un instante fue feliz en el sueño,
nas, pero no había advertido ningún augurio pero al despertar se sintió por completo salpi-
aciago en esos dos sueños de su hijo, ni en los cado de cagadas de pájaros. “Siempre soñaba
otros sueños con árboles que él le había contado con árboles”, me dijo Plácida Linero, su ma-
en la mañanas que precedieron a su muerte. dre, evocando veintisiete años después los
pormenores de aquel lunes ingrato. “La se-
Times New Roman 10 El día en que lo iban a ma- mana anterior había soñado que iba solo en
tar, Santiago Nasar se levantó a las 5.30 de la ma- un avión de papel de estaño que volaba sin
ñana para esperar el buque en que llegaba el tropezar por entre los almendros”, me dijo.
obispo. Había soñado que atravesaba un bosque de Tenía una reputación muy bien ganada de in-
higuerones donde caía una llovizna tierna, y por un térprete certera de los sueños ajenos, siempre
instante fue feliz en el sueño, pero al despertar se se lo contaran en ayunas, pero no había adver-
sintió por completo salpicado de cagadas de pája- tido ningún augurio aciago en esos dos sueños
ros. “Siempre soñaba con árboles”, me dijo Plácida de su hijo, ni en los otros sueños con árboles
Linero, su madre, evocando veintisiete años des- que él le había contado en la mañanas que
pués los pormenores de aquel lunes ingrato. “La precedieron a su muerte.
semana anterior había soñado que iba solo en un

Inserta un salto de sección a página siguiente aquí

Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

Las personalidades del tipo

Cada tipografía tiene su propia personalidad, una apariencia que la hace más o menos
adecuada para un estilo particular de publicación. Confiable, elegante, casual, audaz, nove-
doso, romántico, amistoso, estilizado, nostálgico, clásico, delicado, moderno, fresco... las
posibilidades son infinitas. Solo tienes que saber el sentido o feeling que quieres trasmitir,
seleccionar una tipografía apropiada, y después probarlo para su legibilidad y efectividad
dentro del diseño en general.

Tener que escoger de tantas tipos disponibles puede ser intimidante para los nuevos dise-
ñadores. Empieza usando pocos tipos y aprende bien sobre: como conseguir un contraste a
través de diferentes estilos y espaciados dentro de esas familias, qué pares de letras re-
quieren espaciado entre letras, qué estilos quedarían mejor en tamaños pequeños, etc.

**Para aprender mas observa y aprende ¿Qué fuente combina con cual? la paridad de fuentes este sitio tiene mu-
chas ideas. https://www.fontpair.co/

**Para aprender mas sobre las personalidad del tipo disfruta este video
https://www.youtube.com/watch?v=i3k5oY9AHHM

La eficiencia de la tipografía
El número de caracteres por línea varía de una tipografía a otra, aún cuando son del
mismo tamaño. Se dice que un tipografía que tiene un relativamente alto número de carac-
teres por línea es considerado eficiente (estrecho o económico), y es probable que se vea
más pequeño que una letra menos eficiente o estrecha en el mismo tamaño.

Los ejemplos a continuación muestran la eficiencia relativa de unas cuantas fuentes, con
las tipografías con serif y las tipos sans serif. Nota que las tipografías más eficientes tienen
una altura de la x más pequeña; para obtener más caracteres por línea, estas fuentes re-
quieren un menor leading o menos espacio entre líneas porque hay más espacio blanco en-
tre las líneas.

Cuando la eficiencia es extremadamente importante, considera usar una tipografía conden-

sada o narrow que tiene una altura de la x más larga. Algunas fuentes parecen más largas
que otras pero determinan una mayor economía o eficiencia.
 Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

Las palabras en estos bloques de Las palabras en estos bloques de Las palabras en estos bloques de
texto son exactamente lo mismo, y texto son exactamente lo mismo, y texto son exactamente lo mismo, y
cada bloque de texto está configu- cada bloque de texto está configu- cada bloque de texto está configu-
rado en tipografía 10/12. Pero la rado en tipografía 10/12. Pero la rado en tipografía 10/12. Pero la
longitud varía de 10 a 15 líneas longitud varía de 10 a 15 líneas longitud varía de 10 a 15 líneas
porque algunos tipos se acomodan porque algunos tipos se acomodan porque algunos tipos se acomodan
de forma más económica que de forma más económica que de forma más económica que
otros, con más caracteres por lí- otros, con más caracteres por lí- otros, con más caracteres por lí-
nea. Observa también que la tipo- nea. Observa también que la tipo- nea. Observa también que la tipo-
grafía en el bloque de texto más grafía en el bloque de texto más grafía en el bloque de texto más
pequeño no parece que sea el más pequeño no parece que sea el más pequeño no parece que sea el más
pequeño. Una tipografía conden- pequeño. Una tipografía conden- pequeño. Una tipografía conden-
sada con una altura de la x mas sada con una altura de la x mas sada con una altura de la x mas
alargada se acomoda de forma alargada se acomoda de forma alargada se acomoda de forma
más ajustada que una no conden- más ajustada que una no conden- más ajustada que una no conden-
sada pero aún así la hace ver sada pero aún así la hace ver sada pero aún así la hace ver
grande. grande. grande.
 Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

Las palabras en estos bloques de Las palabras en estos bloques de Las palabras en estos bloques de
texto son exactamente lo mismo, y texto son exactamente lo mismo, texto son exactamente lo mismo, y
cada bloque de texto está configu- y cada bloque de texto está confi- cada bloque de texto está configu-
rado en tipografía 10/12. Pero la gurado en tipografía 10/12. Pero rado en tipografía 10/12. Pero la
longitud varía de 10 a 15 líneas la longitud varía de 10 a 15 líneas longitud varía de 10 a 15 líneas
porque algunos tipos se acomodan porque algunos tipos se acomo- porque algunos tipos se acomodan
de forma más económica que dan de forma más económica que de forma más económica que
otros, con más caracteres por lí- otros, con más caracteres por lí- otros, con más caracteres por lí-
nea. Observa también que la tipo- nea. Observa también que la tipo- nea. Observa también que la tipo-
grafía en el bloque de texto más grafía en el bloque de texto más grafía en el bloque de texto más
pequeño no parece que sea el más pequeño no parece que sea el más pequeño no parece que sea el más
pequeño. Una tipografía conden- pequeño. Una tipografía conden- pequeño. Una tipografía conden-
sada con una altura de la x mas sada con una altura de la x mas sada con una altura de la x mas
alargada se acomoda de forma alargada se acomoda de forma alargada se acomoda de forma
más ajustada que una no conden- más ajustada que una no conden- más ajustada que una no conden-
sada pero aún así la hace ver sada pero aún así la hace ver sada pero aún así la hace ver
grande. grande. grande.

Las palabras en estos bloques de Las palabras en estos bloques de Las palabras en estos bloques de
texto son exactamente lo mismo, y texto son exactamente lo mismo, y texto son exactamente lo mismo, y
cada bloque de texto está configu- cada bloque de texto está configu- cada bloque de texto está configu-
rado en tipografía 10/12. Pero la rado en tipografía 10/12. Pero la rado en tipografía 10/12. Pero la
longitud varía de 10 a 15 líneas longitud varía de 10 a 15 líneas longitud varía de 10 a 15 líneas
porque algunos tipos se acomodan porque algunos tipos se acomodan porque algunos tipos se acomodan
de forma más económica que de forma más económica que de forma más económica que
otros, con más caracteres por lí- otros, con más caracteres por lí- otros, con más caracteres por lí-
nea. Observa también que la tipo- nea. Observa también que la tipo- nea. Observa también que la tipo-
grafía en el bloque de texto más grafía en el bloque de texto más grafía en el bloque de texto más
pequeño no parece que sea el más pequeño no parece que sea el más pequeño no parece que sea el más
pequeño. Una tipografía conden- pequeño. Una tipografía conden- pequeño. Una tipografía conden-
sada con una altura de la x mas sada con una altura de la x mas sada con una altura de la x mas
alargada se acomoda de forma alargada se acomoda de forma alargada se acomoda de forma
más ajustada que una no conden- más ajustada que una no conden- más ajustada que una no conden-
sada pero aún así la hace ver sada pero aún así la hace ver sada pero aún así la hace ver
grande. grande. grande.

Las palabras en estos bloques de Las palabras en estos bloques de Las palabras en estos bloques de
texto son exactamente lo mismo, y texto son exactamente lo mismo, y texto son exactamente lo mismo, y
cada bloque de texto está configu- cada bloque de texto está configu- cada bloque de texto está configu-
rado en tipografía 10/12. Pero la rado en tipografía 10/12. Pero la rado en tipografía 10/12. Pero la
longitud varía de 10 a 15 líneas longitud varía de 10 a 15 líneas longitud varía de 10 a 15 líneas
porque algunos tipos se acomodan porque algunos tipos se acomodan porque algunos tipos se acomodan
de forma más económica que de forma más económica que de forma más económica que
otros, con más caracteres por lí- otros, con más caracteres por lí- otros, con más caracteres por lí-
nea. Observa también que la tipo- nea. Observa también que la tipo- nea. Observa también que la tipo-
grafía en el bloque de texto más grafía en el bloque de texto más grafía en el bloque de texto más
pequeño no parece que sea el más pequeño no parece que sea el más pequeño no parece que sea el más
pequeño. Una tipografía conden- pequeño. Una tipografía conden- pequeño. Una tipografía conden-
sada con una altura de la x mas sada con una altura de la x mas sada con una altura de la x mas
alargada se acomoda de forma alargada se acomoda de forma alargada se acomoda de forma
más ajustada que una no conden- más ajustada que una no conden- más ajustada que una no conden-
sada pero aún así la hace ver sada pero aún así la hace ver sada pero aún así la hace ver
grande. grande. grande.
Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

Refinamientos Tipográficos
Parte de lo que distingue una tipografía bien ejecutada es el cuidado de los detalles, que
por lo general damos por hecho, tales como el silabeo o hyphenation y el espaciado entre
letras y palabras, kerning y tracking.

Separaciones de sílabas o hyphenation

Puedes activar o desactivar la separación de palabras entre las opciones de programas
como Adobe InDesign, en el menú Párrafo aparece la opción Separar donde se puede acti-
var o desactivar.

Con la separación desactivada, puede que a veces quieras llenar un espacio al final de una
pequeña línea para una mejor apariencia, y puedes hacerlo con una separación discreta. Se
le llama discreto cuando lo inserta solo si la palabra se “rompe” en ese punto; si luego de
editar causa que la palabra caiga donde sea que no sea el final de la línea, el programa no
aplicará la separación.

A continuación unas advertencias para la separación o silabeo en los finales de líneas:

• No separar las sílabas de palabras en titulares u otros textos introductorios.

• No separar las sílabas de subtítulos configurados con una medida muy corta.
• No s separar las sílabas en más de dos líneas consecutivas.
• Observa las convenciones adecuadas para la división de palabras de acuerdo al
idioma. Recuerda cuando se deben separar por sílabas.

Pon atención a los titulares

Debido a que tienden a ser muy grandes, los titulares frecuentemente requieren algo de re-
finamiento tipográfico. No es que simplemente su tamaño y estilo los hace un elemento do-
minante en la página pero también esa letra de tamaño grande en general requiere una
atención especial.

Editorialmente, el propósito de los titulares es la de llamar la atención del lector, para ha-
cer que el tema sea evidente de inmediato, y para indicar la importancia relativa de los ele-
mentos. Visualmente, los titulares añaden variedad al diseño a la página, y en la ausencia
de arte o fotografía podría ser el recurso gráfico primordial en el que el diseñador debe tra-
bajar para otorgarle un tono y un estilo.
Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

Hay muchas maneras de lograr un énfasis visual con los titulares: la tipografía, el ta-
maño de fuente, la longitud de línea, los espacios en blanco, y el uso de reglas y ban-
ners son solo unos cuantos. Cualquiera que sea el enfoque que selecciones, tus titulares
casi siempre requerirán atención en el espaciado entre letras, palabras y líneas de los mis-
mos. Tanto como cualquier otro aspecto de la tipografía, el espaciado que se le da a la tipo-
grafía distingue a los amateurs de los profesionales.

En general, las letras grandes requieren proporcionalmente menos interlineado que el

cuerpo del texto. El 120% de interlineado automático de algunos programas de edición, que
funciona muy bien en un texto de lectura de 10 u 11 puntos, supondría más de 7 puntos de
interlineado en un titular de 36 puntos. Especialmente cuando los titulares se escriben en
mayúsculas, suelen tener mejor aspecto si se escriben en conjunto sólido o con un interli-
neado negativo para que las líneas se mantengan juntas como una unidad.

Los caracteres de gran tamaño también suelen requerir el interletraje o kerning: el proceso
de ajustar el espacio entre las letras individuales para lograr un mejor equilibrio general. La
forma de algunos pares de letras, como Wo, Ya y Tu, hace que el espacio entre las letras pa-
rezca demasiado grande. La forma de otras letras, como Mi e Il, hace que las letras parez-
can demasiado juntas. Mecánicamente, es muy fácil ajustar el espacio en algunos progra-
mas, pero cuánto añadir o eliminar es un juicio visual subjetivo.

Cuando se hace kerning, el objetivo es lograr un equilibrio general de espaciado en todo el

titular. Un enfoque consiste en imaginar que se vierte arena entre las letras y, a continua-
ción, añadir o eliminar espacio para que haya un volumen de arena casi igual entre cada
par. Otro método consiste en aislar visualmente tres letras para ver si el espacio a ambos
lados de la central es igual; de este modo se puede "escanear" rápidamente todo un titular.

**Para aprender mas sobre kerning y tracking mira el siguiente video

https://www.youtube.com/watch?v=tkNOqw7vu_Y

En las muestras de abajo, las dos de arriba están colocadas a 28/28, las dos inferiores a
20/20. Las muestras con el interlineado más ajustado se mantienen mucho mejor como
unidad y son más fáciles de leer.

Los primeros dos ejemplos no tienen el kerning ajustado. El Times New Roman sin ajustar
está mejor balanceado que el Futura Condensed Bold sin ajustar; por lo general, las tipo-
grafías con serif se les perdona más el desbalance de espaciado porque las serifas forman
Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

una conexión visual con las letras. Compara los ejemplos ajustados y no ajustados en cada
tipo para ver dónde se ha añadido o removido espacio. En la Futura, en la palabra DETAIL,
por ejemplo, se ha acercado el ET y la TA, para que la palabra no parezca tener “huecos” en
él.

HEADLINES
WITH ATTENTION
TO DETAIL

HEADLINES WITH ATTENTION

TO DETAIL

HEADLINES WITH ATTENTION TO DETAIL

Entendiendo el leading
En los primeros días de la tipografía, “leading” era el uso de líneas de metal delgadas inser-
tadas entre las líneas de tipos móviles. En la tipografía actual, el leading se mide desde la
línea base hasta la altura total del tamaño de la letra más el espacio entre líneas.

La opción de leading automático predeterminada establece el inicio al 120% del tamaño de

la letra (por ejemplo, una tipo de 10 puntos con un leading predeterminado de 12 puntos).
Cuando se utiliza la función de leading automático, InDesign muestra el valor de inicio en-
tre paréntesis en el menú Inicio del panel Carácter.
Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

Unos consejos sobre el énfasis

Cuando se usa para hacer énfasis, la negrita, itálica, el subrayado, y TODAS MAYÚSCULAS
puede tener un efecto contrario a lo que se tiene intencionado.

La letra bold o negrita por lo general es el más efectiva para resaltar un texto. Su utilidad
en titulares es innecesaria. También puede ser usada para hacer énfasis en palabras clave,
nombres o en textos especiales, ya sea como tema principal o intercalado a lo largo del
texto tal como está en este párrafo.

Como todo, usarla mucho las letras en negrita puede alterar el efecto intencionado, usarlas
mucho también puede hacer de la página algo irregular y oscuro. Además, cuando se usa
en tamaños pequeños, las letras bold pueden llenar el espacio abierto en letras tales como
o, e, y b; esto era algo preocupante cuando se usaba una resolución de 300 puntos por pul-
gada para la impresión, cuando se usa papel que absorbe mucha tinta (como papel perió-
dico) y en general, en la impresión de mala calidad. Al parecer en medios digitales podría-
mos considerarlo mejor. Más adelante se verán otras normas orto-tipográficas de uso co-
mún.

La itálica tal vez sea el estilo menos usado de todas las maneras de hacer énfasis por ser el
más suave y menos audaz que el texto normal, regular o romano. La naturaleza caligráfica
del texto en itálica también hace que sea relativamente difícil de leer. Usado para captions,
citas, dar pequeñas descripciones, notas marginales, y otros elementos cortos, la letra itá-
lica puede proporcionar un contraste sutil al texto principal, pero no proporciona énfasis.
Como es el caso con las letras bold o negritas, algunas tipos tienen más contraste que otros
entre sus estilos itálicos y romanos.

TODAS MAYÚSCULAS funcionan bien en titulares pero se deben evitar para una lectura
sostenida. Las palabras en mayúsculas y minúsculas tienen formas distintivas y reconoci-
bles. LAS PALABRAS EN MAYÚSCULAS LUCEN COMO RECTÁNGULOS DE DIFERENTE LONGI-
TUD Y SON MÁS DIFÍCILES DE LEER, ESPECIALMENTE EN TEXTOS CORRIDOS, DONDE NO
HAY MUCHO ESPACIO EN BLANCO. Está bien usar todas mayúsculas por separado para
captar la atención o dar énfasis en un titular, pero no debemos excedernos.

El subrayado es un vestigio de los tipógrafos, es uno de los pocos medios de énfasis dispo-
nibles. Incluso con las muchas otras técnicas tipográficas en publicación electrónica que
Andrea Aglae Alvarado Rodriguez. Matricula:2227940. Grupo:212

hay, el subrayado puede ser útil cuando hay muchos elementos diferentes, en la presenta-
ción de datos y en otra información compleja.

Viudas y huérfanas
Las viudas y huérfanas son coloquialismos para palabras u oraciones que son visual-
mente aisladas. Ambos términos son definidos un poco distinto en diferentes fuentes de
información.

Las viudas se definen como una pequeña línea al final de un párrafo, o la última línea de
un párrafo cuando está aislado en la parte superior de una columna o página. Las viudas
son consideradas una forma errónea de escribir porque hace que la tipografía se vea irregu-
lar en la página y en algunas situaciones interrumpe el movimiento ocular del lector. Las
viudas son un problema menor cuando el texto tiene un justificado a la izquierda o dere-
cha en contraste con el texto de justificado completo, especialmente si hay espacio entre
los párrafos. Cuando existe una viuda en un párrafo justificado a la izquierda como este,
podríamos eliminarla cortando o editando el texto. En publicidad y tipografía de pantalla,
las viudas siempre deben eliminarse.

Las huérfanas se definen como la línea aislada de inicio de un párrafo en la parte infe-
rior de una columna o página. Las huérfanas pueden interrumpir el movimiento ocular del
lector al principio de un nuevo texto y deben ser eliminadas editando el texto, ya sea for-
zando a la huérfana hacia la columna siguiente o agregando líneas adicionales al párrafo.

Esta es una traducción y adaptación libre de Israel Tapia Zavala del capitulo 2 del libro
Desktop Publishing by Design. Usado para fines educativos

Referencia:

Shushan, R., Wright, D., & Birmele, R. (1991). Desktop Publishing by Design: Ventura Pub-
lisher Edition (1st ed.). Microsoft Pr.