Fundamentos del diseo.

La tipografa
[2.1] Cmo estudiar este tema?
[2.2] El trabajo con la tipografa

TEMA

[2.3] Clasificacin tipogrfica segn su morfologa

Diseo y edicin

Esquema

TEMA 2 Esquema

Diseo y edicin

Ideas clave
2.1. Cmo estudiar este tema?
Para estudiar este tema lee el captulo 1 (pginas 36-41) del manual de la
asignatura: Manual de diseo grfico digital, de Bob Gordon y Maggie Gordon
(Editorial Gustavo Gili, SL), adems de las Ideas clave.

2.2. El trabajo con la tipografa

Una fuente tipogrfica es el estilo y las caractersticas comunes de un grupo de

caracteres, nmeros y signos.
La familia tipogrfica es el conjunto de tipos basado en una misma fuente
tipogrfica, con algunas variaciones pero que mantienen caractersticas comunes.
Las medidas de un tipo
El tamao de un tipo se determina por el tamao de su cuerpo.
El cuerpo: es la altura desde la parte ms alta (ascendente) hasta la ms baja
(descendente).
El punto tipogrfico: es la medida utilizada para medir los tipos y equivale a 0,3
mm. o 1/72 pulgadas. Para expresar medidas que seran demasiado altas en puntos
se utiliza una unidad mayor, la pica, que es el equivalente a 12 puntos.
El espacio eme (o cuadratn): es una medida tipogrfica basada en la anchura de
una M mayscula.

TEMA 2 Ideas clave

Diseo y edicin

Uso de la tipografa

Los tipos utilizados para el texto continuo pueden escalarse para agrandarse y
usarse para rotulacin, pero debe cuidarse que las letras sigan manteniendo la misma
proporcin y debe jugarse con el espaciado entre los caracteres (kerning y
tracking) para que la composicin tipogrfica del rtulo sea correcta y legible.
Los caracteres se pueden espaciar en horizontal y en vertical:
Interlineado: es el espacio vertical entre lneas de caracteres.

Kerning: es el espaciado horizontal entre caracteres o letras. Existen algunos pares

de letras que juntos resultan conflictivos - como la AV y Te - que necesitan la
utilizacin del kerning para que el producto de su uso en rotulacin sea totalmente
legible.

TEMA 2 Ideas clave

Diseo y edicin

Tracking: es el espaciado entre palabras o lneas. Se usa para alterar el color

visual de un tipo o para adaptar un texto a un espacio especfico.

Partes de un carcter

TEMA 2 Ideas clave

Diseo y edicin

PARTES

DEFINICIN

Altura de las
maysculas

Altura de las letras maysculas o de caja alta.

Altura X

Altura de las letras minsculas o de caja baja, sin tener

en cuenta ascendentes y descendentes.

Anillo

Asta curva cerrada que forman las letras "b, p, o".

Ascendente

Asta que sobresale por encima de la altura x, como en

las letras "b, d, k".

Asta

Rasgo principal de la letra que la define como su forma

o parte ms esencial.

Astas montantes

Astas principales u oblicuas de una letra, tales como la "

L, B, V, A".

Asta ondulada o
espina

Rasgo principal de la letra "S" en mayscula o "s" en

minscula.

Asta transversal

Rasgo horizontal de las letras "A, H, f, t".

Brazo

Parte terminal que se proyecta horizontalmente o hacia

arriba y que no se encuentra incluida dentro del
carcter, como en la letra " E, K, L.

Cola

Asta oblicua colgante, como en la " R, K.

Cuerpo

Altura desde la lnea de ascendentes hasta la lnea de

descendentes.

Descendente

Asta de la letra que se encuentra por debajo de la lnea

de base, como las letras "p, g".

Inclinacin

ngulo de inclinacin de un tipo.

Lnea base

Lnea sobre la que se apoya la altura.

Oreja

Terminacin o terminal que se le aade a letras tales "g,

o, r".

Rebaba

Es el espacio que existe entre el carcter y el borde del

mismo.

Serif, remate o gracia

Es el trazo o terminacin de un asta, brazo o cola.

pice

Unin de dos astas en la parte superior de una letra.

Contraforma o
contrapunzn

Espacio interno de una letra.

Cruz o travesao

Lnea horizontal que atraviesa por alguna parte el asta

principal.

TEMA 2 Ideas clave

Diseo y edicin

Tipos de remate de un tipo: Serif o palo seco

Hay cinco elementos que sirven para clasificar e identificar las diferentes las familias
tipogrficas:

En base a esto definimos dos grandes grupos:

Tipografas con remates o serif: tienen adornos en los extremos, estos adornos se
denominan remates, serif o serifas.

Tipografas sans serif o de palo seco: no tienen adornos en los extremos.

TEMA 2 Ideas clave

Diseo y edicin

2.3. Clasificacin tipogrfica, segn su morfologa

Tipografas serif
a. Familia de letras romanas antiguas:

Se caracterizan por los siguientes detalles:

Son letras con remates.
Terminacin aguda y base ancha.
Alternancia de trazos finos y gruesos.
Eje de engrosamiento oblicuo.
El espaciado es amplio.
Peso y color intenso.
Incluiramos en esta seccin las tipografas:

TEMA 2 Ideas clave

Diseo y edicin

b. Tipografas romanas de transicin:

Se caracterizan por los siguientes detalles:

Tienen remate.
Su remate es mucho ms agudo.
Alternancia de trazos finos y gruesos ms marcados.
Minsculas redondeadas.
Eje de engrosamiento horizontal.
Incluiramos en esta seccin las tipografas:

c. Tipografas romanas modernas o didonas:

TEMA 2 Ideas clave

Diseo y edicin

Se caracterizan por los siguientes rasgos:

Tienen remate.
Su remate es lineal.
Su remate se relaciona angularmente con el bastn de la letra.
Alternancia de trazos finos y gruesos muy marcados.
Eje de engrosamiento horizontal.
Cursivas muy inclinadas.
Incluiramos en esta seccin las tipografas:

d. Tipografa egipcia:

Se definen por las siguientes caractersticas:

Tienen remate.
Remate tan grueso como los bastones.
El remate puede ser cuadrado o redondo.
Las relaciones entre serif y bastn pueden ser angulares o curvas.
Eje de engrosamiento horizontal.

TEMA 2 Ideas clave

Diseo y edicin

Tipografas sans serif

a. Tipografas grotescas o gticas:

Se caracterizan por los siguientes detalles:

Primeras versiones sin remates de una tipografa egipcia.
Sin remate.
Las grotescas forman una familia muy amplia con variantes (redonda, cursiva, ancha,
estrecha, fina, seminegra, supernegra...)
Incluiramos en esta seccin las tipografas:

b. Geomtricas o de palo seco:

TEMA 2 Ideas clave

Diseo y edicin

Se caracterizan por los siguientes detalles:

Basadas en formas geomtricas.
Diferencia mnima entre lneas.
Sin remate, letras de palo seco.
Incluiramos en esta seccin las tipografas:

c. Humansticas:

Se caracterizan por los siguientes detalles:

Basadas en proporciones de las romanas sin remates.
Son monolneas.
Sin remate, letras de palo seco.
Incluiramos en esta seccin las tipografas:

TEMA 2 Ideas clave

Diseo y edicin

d. Las script, inglesas o manuscritas:

Se caracterizan por los siguientes detalles:

Basadas en los trazos de las plumas y los pinceles.
Imitacin de la letra manuscrita.
Incluiramos en esta seccin las tipografas:

Las letras ornamentadas, de fantasa o decorativas

Las tipografas de rotulacin o decorativas no pertenecen a ninguna familia en

concreto.

TEMA 2 Ideas clave

Diseo y edicin

Lo + recomendado
Clases magistrales
La tipografa
Duracin: 6:59 min.
En esta clase magistral, el profesor
Diego Castro har una introduccin
a la tipografa. Adems describir
las diferentes partes que componen
un tipo.

El video est disponible en el aula virtual

No dejes de leer
Tratado de tipografa
Tratado de tipografa estructurado en 28 pequeos artculos que explican los procesos y
normas de la creacin tipogrfica, su maquetacin e impresin.
Los artculos estn disponibles en el aula virtual o en las siguientes direcciones web:
http://www.unostiposduros.com/?cat=3

TEMA 2 Lo + recomendado

Diseo y edicin

No dejes de ver
Helvtica
El documental Helvtica es un largometraje independiente sobre
tipografa, diseo grfico y cultura visual global.

Encontrars ms informacin sobre la pelcula en su web oficial:

http://www.helveticafilm.com/

A lesson on typography
Original vdeo explicativo sobre la
tipografa

que

nos

presenta

la

tipografa y sus usos de una manera

muy visual y sencilla.

El vdeo est disponible en el aula virtual o en la siguiente direccin web:

http://www.youtube.com/watch?v=Ki6rcXvUWP0

TEMA 2 Lo + recomendado

Diseo y edicin

Pulp Fiction Typography

Escena de la pelcula Pulp Fiction
brillantemente ilustrada con el uso
de la tipografa como medio de
expresin visual.

El vdeo est disponible en el aula virtual o en la siguiente direccin web:

http://www.youtube.com/watch?v=HoDJhlaX0LA

TEMA 2 Lo + recomendado

Diseo y edicin

+ Informacin
A fondo
Los tipos sans serif
Harry Carter firma este ensayo sobre los tipos sans serif, un modelo de anlisis
tipogrfico. Los tipos sans serif son las tipografas que no tienen remates o
terminaciones, es decir, son de palo seco. Harry Carter nos habla de su historia y sus
usos.
El artculo est disponible en el aula virtual o en la siguiente direccin web:
http://www.unostiposduros.com/?p=1180

El cuadratn
Artculo sobre el cuadratn tipogrfico firmado por Cyrus Highsmith, diseador
tipogrfico en la fundacin digital Font Bureau.
El artculo est disponible en el aula virtual o en la siguiente direccin web:
http://www.unostiposduros.com/?p=3073

TEMA 2 + Informacin

Diseo y edicin

Webgrafa
Typo Jungle
Blog sobre diseo y tipografa. Este blog est especialmente enfocado en la composicin
tipogrfica y resulta muy interesante ver diferentes trabajo que usan la tipografa como
nico elemento grfico.

http://www.typojungle.net/

Unos tipos duros

Web muy famosa con muchos artculos sobre tipografa clsica, digital e impresin. La
pgina est repleta de artculos, entrevistas, definiciones es la web ms completa e
importante sobre tipografa y usos tipogrfico en espaol.

http://www.unostiposduros.com/

TEMA 2 + Informacin

Diseo y edicin

Letrag.com
Pgina en la que se pueden ver diferentes tipos y familias tipogrficas con sus
caractersticas. En su aplicacin puedes clasificar cualquier tipo en familias y estilo o
ver sus caractersticas.

http://es.letrag.com/clasificacion.php

Bibliografa
BUEN UNNA, J. Manual de diseo editorial. Ediciones Trea. Gijn. 2008.
MARTIN MONTESINOS, J. L. y MAS HURTUNA, M. Manual de tipografa: del plomo
a la era digital. Editorial Campgrfic. Valencia. 2003.

TEMA 2 + Informacin

Diseo y edicin

Actividades
Lectura: Tratado de tipografa
Lee el Tratado de tipografa que encontrars en la web de Unos tipos duros. Despus,
debers relacionar cada uno de los procesos de edicin tipogrfica tradicional con los
procesos actuales de edicin tipogrfica digital, haciendo una comparacin.
Para ello, utiliza como referencia cada uno de los 28 puntos que se destacan en el
Tratado de tipografa.
Una vez hecha la comparacin, elabora un texto de conclusiones finales en las que se
debern analizar las ventajas de la evolucin desde la edicin tradicional a la actual
basada en la tecnologa digital.
Extensin aproximada: 6 pginas para realizar la comparativa y 2 pginas para las
conclusiones (Georgia 11, interlineado 1,5).
El documento est disponible en el aula virtual o en la siguiente direccin web:
http://www.unostiposduros.com/?cat=3

TEMA 2 Actividades

Diseo y edicin

Tipografas
Comenta las siguientes tipografas aplicando lo que hemos aprendido en este tema.

Extensin aproximada: 2 pginas (Georgia 11, interlineado 1,5).

TEMA 2 Actividades

Diseo y edicin

Test
1. El diseo de tipografas
A. Es el diseo de letras en la publicidad.
B. Ayuda a la creacin de nuevas fuentes, ya que se intenta comunicar un mensaje
y que este se entienda correctamente.
C. Ayuda a la creacin de nuevas fuentes tipogrficas para la transmisin
adecuada de un mensaje, utilizando medios tradicionales y no tradicionales.
2. Una tipografa de palo seco es
A. Una tipografa con su serifa tan gruesa como sus bastones.
B. Una tipografa sin adornos o remates.
C. Una tipografa sin minsculas.
3. La Arial es una tipografa
A. Sans Serif.
B. Palo seco.
C. Script.
4. Las terminales son
A. Los remates de un tipo.
B. Las serifas inferiores de un tipo.
C. Las lneas sobre las que se apoya la altura de la x.
5. Las tipografas grotescas derivan de las
A. Garaldas.
B. Didonas.
C. Egipcias.
6. El cuerpo de una letra es
A. Altura de x.
B. Altura desde la lnea de ascendentes hasta la lnea de descendentes.
C. Anchura de la M mayscula.

TEMA 2 Test

Diseo y edicin

7. El interlineado es
A. La distancia entre 2 caracteres.
B. La distancia desde la lnea de ascendentes hasta la lnea de descendentes.
C. La distancia desde la lnea de base de un rengln hasta la lnea de base del
siguiente rengln.
8. Las familias tipogrficas se dividen en 2 grandes grupos
A. Romanas y egipcias.
B. Serif y sans serif.
C. Caja alta y caja baja.
9. Cules de estos elementos ayudan a clasificar las familias tipogrficas?
A. La direccin del eje de engrosamiento.
B. La forma de la serifa.
C. El kerning.
10. La familia tipogrfica es
A. Un conjunto de tipos basado en una misma fuente, con algunas variaciones.
B. Un conjunto de tipos basado en una misma fuente.
C. Un conjunto de tipos sans serif.

TEMA 2 Test