Conceptos
tipográficos
Fundamentos del Diseño Gráfico
Conceptos básicos de la tipografía
Partes de la tipografía
Fundamentos del Diseño Gráfico
Conceptos básicos de la tipografía
Partes de la tipográfica
• Altura de mayúsculas: Es la altura de las letras de caja alta de una fuente, tomada desde la línea de
base hasta la parte superior del carácter.
• Altura x: Es la altura de las letras de caja baja excluyendo los ascendentes y los descendentes.
• Asta: Rasgo principal de la letra que define su forma esencial; sin ella no podrá existir la letra.
• Asta Montante: Son las astas principales verticales u oblicuas de una letra, como la L, B, V o A.
• Asta Ondulada: Es el rasgo principal de la S o de la s.
• Anillo Asta: curva cerrada baja que encierra el blanco interno en letras tales como la b, la p o la o.
• Ascendente: Asta de la letra de caja baja que sobresale por encima de la altura x, como la b, la d o la k.
• Barra: Es el rasgo horizontal en las letras como la A, la H, o la T. También llamado asta transversal.
Fundamentos del Diseño Gráfico
Conceptos básicos de la tipografía
Partes de la tipografía
• Blanco interno: Espacio en blanco contenido dentro de un anillo u ojal.
• Brazo: Parte terminal que se proyecta horizontalmente o hacia arriba y que no está incluida dentro del
carácter, como ocurre en la E, K o la L.
• Cartela: Trazo curvo (o poligonal) de conjunción entre el asta y el remate.
• Cícero: Medida tipográfica de la Europa continental que equivale a 12 puntos Didot o 4,512 mm. Varía
ligeramente respecto a la medida anglo- americana llamada punto pica.
• Cola Asta: oblicua colgante de algunas letras, como en la R o la K.
• Cola Curva: Asta curva que se apoya sobre la línea de base en la R y en la K, o debajo de ella, en la Q.
En la R y en la L se puede llamar sencillamente cola.
• Cuello: Enlace de conexión entre el anillo y el ojal de la letra g.
Fundamentos del Diseño Gráfico
Conceptos básicos de la tipografía
Partes de la tipografía
• Línea de base: La línea sobre la que se apoya la altura x.
• Ojal: Porción cerrada de la g que queda por debajo de la línea de base. Si ese rasgo es abierto, se
llama simplemente cola.
• Oreja: pequeño rasgo terminal que a veces se añade al anillo de algunas letras, como la g o la o, o al
asta de otras, como la r.
• Pica: es la unidad tipográfica angloamericana de medida equivalente a 12 puntos o a 1/6 pulgadas o
4,223 mm.
• Punto: Unidad básica de medida tipográfica. Equivale a 0.376 mm. en el sistema europeo continental
(Punto Didot) o a 1/72 de pulgada o 0.352 mm. en el sistema angloamericano.
• Remate: Elementos constitutivos de los caracteres, junto con las astas.
Fundamentos del Diseño Gráfico
Fundamentos del Diseño Gráfico
Fundamentos del Diseño Gráfico
Fundamentos del Diseño Gráfico
Variables visuales
Forma: relativo a la estructura, la imagen de
los caracteres tipográficos nace de la
relación entre "blancos" y "negros“. En cada
alfabeto, la letra O, la L y la V son las letras
determinantes: su contorno se corresponde
con los tres espacios fundamentales sobre
los cuales se estructuran todos los demás
signos. Las tres superficies son: el círculo,
el cuadrado y el triángulo dada su
correspondencia a nivel morfológico.
Fundamentos del Diseño Gráfico
Variables visuales
Tamaño: definido por altura/cuerpo. El cuerpo es una medida
que define la proporción del carácter.
Cuerpo 10 = 10 puntos. El cuerpo se mide en puntos
tipográficos si está referido a los caracteres móviles
tradicionales, ósea, la dimensión vertical del bloque tipográfico.
En el sistema francés "Didot“: 1 punto = 0.376 mm; en el
sistema anglosajón "Pica“: 1 punto = 0.351 mm. El uso de la
fotocomposición y luego de la computadora, brindo la
posibilidad de variar las dimensiones, sustituyendo las
medidas en puntos tipográficos por milímetros; en este caso la
dimensión considerada es la de la altura de la mayúscula.
Fundamentos del Diseño Gráfico
Variables visuales
Tono: Una letra normal tiene el grosor de los rasgos
principales igual al 15% de la medida de su altura. Las Familia tipográfica
letras pueden cambiar su valor de intensidad afinando Helvética
el espesor, volviéndose con ello más claras, o ganando
espesor para aumentar el negro pleno y "hacerse más
pesadas“.
Se reconocen varias variables (depende si la familia
tipográfica soporta las mismas), como ser: light,
medium, bold, black entre otras.
Fundamentos del Diseño Gráfico
Variables visuales
Proporción: la letra H mayúscula es el carácter
que fija las proporciones a partir de las cuales
se construyen los demás signos; en la
minúscula es la letra n. La versión normal de
estas dos letras indica que si su altura es 3.76
mm, la amplitud debe ser el 80%.
Los caracteres pueden modificar su forma
normal, estas transformaciones se denominan:
condensada, normal y expandida.
Fundamentos del Diseño Gráfico
Variables visuales
Dirección: modifica la inclinación del eje de la letra, las cuales
pueden ser derechas o inclinadas, en tipografía los términos
exactos para indicar estos dos aspectos son normal e itálica.
La inclinación correcta para que un carácter sea denominado
itálico es de entre los 9º y 15º; las inclinaciones menores no
son percibidas por el ojo, mientras que las inclinaciones más
acentuadas alteran el equilibrio de la letra.
Por lo general para muchos caracteres de la familia la versión
itálica no representa una simple inclinación del caracter sino
que implica una alteración en su morfología.
Fundamentos del Diseño Gráfico
Desarrollo de variables visuales y su reemplazo de nombres por códigos numéricos. Familia Univers,
creada por Adrián Frutiger. Univers 55 tono: médium, proporción: normal, dirección: normal
Fundamentos del Diseño Gráfico
Variables
Fundamentos del Diseño Gráfico
Interlineado
El interlineado describe el espacio vertical entre líneas de un texto.
La interlínea se usa para dar mayor legibilidad.
Distintos tipos de Interlínea
Fundamentos del Diseño Gráfico
Interpalabra (espacio entre palabras) Interletra (espacio entre letras)
Fundamentos del Diseño Gráfico
Cambio de interletra en un logo
Fundamentos del Diseño Gráfico
Kern y el track
Dos conceptos a tener en cuenta antes de modificar el espacio entre letras, son el track y el kern.
Se usan para alterar la densidad visual del texto o el espacio global entre un grupo de caracteres. Esta
alteración afecta a todos los caracteres, cuanto más grande es el cuerpo más apretado debe ser el
track.
El track ajusta el espacio que existe entre los caracteres, se realiza de manera unificada en todas las
letras.
El Kern o kerning es el espacio existente entre dos caracteres individuales, para cuando dos de estos
caracteres se encuentran demasiado juntos o separados. El kern es proporcional, ya que es del mismo
tamaño en puntos que el cuerpo de los caracteres. Si un texto es de 10 puntos, el kern mide 10 puntos.
Fundamentos del Diseño Gráfico
Fundamentos del Diseño Gráfico
La alineación del texto
La correcta alineación del texto es importante para mantener una buena legibilidad. Las opciones de
alineación tradicional son: Alinear a la izquierda, a la derecha, centrar, justificar y alineaciones asimétricas.
• Alineado a la izquierda es el recomendable para textos largos. Crea una letra y un espacio entre palabras muy
equilibrado y uniforme. Esta clase de alineación de textos es probablemente la más legible.
• Alineación a la derecha se encuentra en sentido contrario del lector porque resulta difícil encontrar la nueva línea.
Este método puede ser adecuado para un texto que no sea muy extenso
• Justificado, alineado a derecha e izquierda. Puede ser muy legible, si el diseñador equilibra con uniformidad el
espacio entre letras y palabras, evitando molestos huecos denominados ríos que no rompan el curso del texto.
• Las alineaciones centradas proporcionan al texto una apariencia muy formal y son ideales cuando se usan
mínimamente. Se debe evitar configurar textos demasiado largos con esta alineación
• Alineaciones asimétricas se utilizan cuando el diseñador quiere romper el texto en unidades de pensamiento lógicas,
o para dar más expresividad a la página.
Fundamentos del Diseño Gráfico
Fundamentos del Diseño Gráfico
Glosario
Tipografía: es el arte y la técnica de crear y componer tipos para comunicar un mensaje. También se ocupa
del estudio y clasificación de las distintas fuentes tipográficas.
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.
Fundamentos del Diseño Gráfico
Glosario
Serif: Trazo terminal de un asta, brazo o cola. Es un resalte ornamental que no es indispensable para
definición del carácter, habiendo alfabetos que carecen de ellos.
Tamaño en puntos: Es la altura del cuerpo en el que esta moldeado el tipo.
Vértice: Punto exterior de encuentro de dos trazos, como en la parte superior de la A o la M, o al pie de
una M.
Fundamentos del Diseño Gráfico
Glosario
Familia tipográfica: significa un conjunto de
tipos basado en una misma fuente, con algunas
variaciones pero manteniendo características
comunes.
Los miembros que integran una misma familia
se parecen entre sí pero tienen rasgos propios.
Fundamentos del Diseño Gráfico
Características de una familia tipográfica
En una familia tipográfica, existen caracteres que se diferencian entre sí, clasificándolos de la siguiente
forma:
• El grosor en el trazo: Los trazos que componen los tipos, pueden ser pesados o ligeros, según su
grosor pueden afectar o no a la legibilidad. El grosor de un trazo puede ser, redonda, gruesa (bold), fina
o extrafina.
• Inclinación del eje vertical o cursivas: Son las denominadas cursivas o itálicas. La cursiva en la
tipografía debe utilizarse con prudencia, porque abusar de este carácter inclinado dificulta la lectura.
• Proporción entre ejes vertical y horizontal ancho: redonda, cuando son iguales, estrecha cuando el
horizontal es menor que el vertical, y expandida cuando el horizontal es mayor. Cuando hay mucho
texto, es ideal y aconsejable utilizar tipografías estrechas (o condensadas) para ahorrar espacio.
• Mayúsculas a caja baja: Un texto escrito en letras mayúsculas, provoca lentitud en la lectura y además
ocupa más espacio.
Fundamentos del Diseño Gráfico
Bibliografía
Para realizar este material nos basamos principalmente en las siguientes obras.
• Manual de diseño editorial. 3.ª edición, corregida y aumentada.
• Educación tipográfica, una introducción a la tipografía, Universidad Diego Portales, 2004.
• Lewis. Tipografía del siglo xx. Remix. Editorial Gustavo Gili. 1998.
• Signos, símbolos, marcas, señales Adrian Frutiger Colección GG Diseño.
• Tipografía Estudios e Investigaciones Antonio Tubaro Universidad de Palermo.
• Educación Tipográfica Francisco Gálvez.
• Manual de Tipografía John Kane Colección GG Diseño.
Fundamentos del Diseño Gráfico
¡Muchas gracias!
Fundamentos del Diseño Gráfico
