Introducción A Universo Tipográfico 01

!"#$#!
"
LETRAS INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

EL ILUSTRADOR O DISEÑADOR
ES UN PRODUCTOR DE
MENSAJES VISUALES EN
SOLO SON LETRAS UN MUNDO
El diseñador y la tipografía
INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO
DE IMÁGENES
> LA ICONOSFERA <
LETRAS
LETRAS

LAS PALABRAS SON
COMUNICACIÓN
En la era de la imagen...
! En la era de la imagen...
LAS PALABRAS SON COMUNICACIÓN
¿Ocupan las palabras un lugar marginal?
“una imagen vale más que mil palabras”

Confucio (551 a.C. - 478 a.C.)
Para muchos diseñadores las palabras acaban

siendo un “mal menor necesario” en el proceso El diseñador / ilustrador tiene que estar preparado no solo para LEER
las palabras que tiene que incluir en sus diseños, sino que tiene que
de creación de imágenes de impacto... ENTENDERLAS.
Tratamos las palabras ignorando el mensaje de su Y así poder FACILITAR, POTENCIAR y MATIZAR, gráficamente,
significado los procesos de interpretación.
!
El diseñador y la tipografía INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO El diseñador y la tipografía INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO
LETRAS LETRAS EL DISEÑADOR /ILUSTRADOR
SU FUERZA ESTÁ EN LA POTENCIA DE SUS MENSAJES

ES UN ESPECIALISTA EN COMUNICACIÓN VISUAL
El diseñador y la tipografía INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO El diseñador y la tipografía INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO
LETRAS LETRAS
%
!"#$#!"
!"#$#!"
LETRAS
LETRAS

!"#$%&'(%)*)+,#&)$,-./
Ferrero Roche
Ferrero Roche
LETRAS
LETRAS

La tipografía tiene la capacidad de revelar, de un modo
realmente sutil, toda una serie de connotaciones
personales, socio-culturales e ideológicas.
El interés por la tipografía indica: El diseñador y la tipografía

LA MANIFESTACIÓN DE NUESTRA BÚSQUEDA
DE UNA MAYOR EFICACIA Y DE UN MAYOR
PODER DE COMUNICACIÓN CON LA PALABRA
ESCRITA.
&
!"#$#!"
LETRAS
LETRAS

LETRAS
LETRAS

Para el diseñador exigente, la elección de una
Un buen diseño tipográfico es siempre una
adecuada tipografía puede convertirse en un
muestra de la perfección y sutileza tanto
verdadero problema:
en el trazo, como en las proporciones.
¿por donde empezar a buscar?
¿Cómo elegir los tipos adecuados? Las curvas se ensanchan y estiran con
cualidades orgánicas o geométricas.
¿Cuál es el tamaño adecuado?
¿Qué variación exacta del tipo utilizar?
¿Cómo va usarse?
El diseño tipográfico es una forma de
MICRODISEÑO
! La bastísima variedad de caracteres se ¿En que soporte?
articula en torno a una serie de rasgos mínimos ¿Quién la va a leer?

debemos aprender a apreciarlo.
sutilmente diferenciados.
$
18/4/18
LETRAS
LETRAS

“Las Palabras en la superficie se ven, CONCEPTO DE
no se oyen” TIPOGRAFÍA
El Lissitzky,1923
LETRAS
LETRAS

TIPOGRAFÍA = LETRAS = TEXTO
¿Qué significa tipografía?
El término tipografía remite tanto al lugar donde

se imprime, esto es la imprenta, como al arte de
imprimir.
CONCEPTO DE TIPOGRAFÍA
La tipografía ha sido un sistema de composición e impresión

que tal y como lo creó J. Gutenberg ha perdurado más de
500 años sin sufrir cambios sustanciales.
5
CONCEPTO DE TIPOGRAFÍA INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO
LETRAS
CONCEPTO DE TIPOGRAFÍA INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO CONCEPTO DE TIPOGRAFÍA INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO
LETRAS LETRAS
(
!"#$#!"
!"#$#!"

La tipografía se ocupa de estructurar y
organizar el lenguaje visualmente
Phil Baines y Andrew Haslam (2002)
La tipografía también remite al diseño y creación de aquellos

caracteres mínimos (signos gráficos) con los que va a poder
organizarse y estructurarse el mensaje visual.
CONTEXTUALIZACIÓN
un diseño para la ESCRITURA

HISTÓRICA
un diseño para la LECTURA.

LETRAS
LETRAS

El diseñador gráfico se encuentra, respecto a la
! disciplina tipográfica, en el ámbito de la autoedición. ! Campos de trabajo del diseñador que exigen
gestiones especializadas sobre saber tipográfico
AUTOEDICIÓN :
! AUTOEDICIÓN
“la actividad donde cada trabajo realizado, en principio,
! MULTIMEDIA
está pensado para ser impreso en cualquier medio de los CONCEPTO DE TIPOGRAFÍA
que se dispone actualmente, desde la simple impresora
hasta la rotativa más compleja, por ello, el resultado del
trabajo lo tendremos siempre sobre el papel y no en
pantalla”
José Luis Martín y Motserrat Más (2001)
)
!"#$#!"
LETRAS
LETRAS

La tipografía de edición, se centra en cuestiones
! tipográficas relacionadas con las Familias de tipos, el
La práctica nos enseña las diferencias existentes en
! las distintas aplicaciones del conocimiento tamaño de las letras, los espacios entre las letras y las
palabras, la interlínea, la medida de la línea y la columna;
tipográfico, por lo que podemos distinguir dos
enfoques prácticos complementarios:
Se ocupa de todas aquellas unidades a las que los
diseñadores gráficos y tipógrafos, tradicionalmente, le
conceden un carácter y un valor normativo.
TIPOGRAFÍA DE EDICIÓN
TIPOGRAFÍA CREATIVA LEGIBILIDAD

LETRAS
LETRAS

La Tipografía es el arte de disponer correctamente el
material de imprimir, de acuerdo con un propósito
específico: colocar las letras, repartir el espacio y organizar
los tipos con vistas a prestar al lector la máxima ayuda
para la comprensión del texto.
Stanley Morinson (1929)
"
LETRAS LETRAS
LETRAS LETRAS
*
!"#$#!"
18/4/18
LETRAS
LETRAS
EXPRESIVIDAD

La tipografía creativa contempla la comunicación de otro modo,
como si se tratase de una:
metáfora visual
El texto no sólo tiene una funcionalidad lingüística, sino que se
acentúan y potencian los aspectos gráficos de los caracteres:
el texto es concebido y tratado como una imagen.
Lo importante es la interacción expresiva entre

forma y contenido
LETRAS
LETRAS

TIPOGRAFÍA
TIPOGRAFÍA
CONCEPTO
CONCEPTO DE DE
Alex Trochut
S-Kate
10
LETRAS LETRAS
LETRAS LETRAS
!!
!"#$#!"
!"#$#!"
LETRAS
LETRAS

,-./-0 1213456789:;4<1275=965276;>:7?-5769.@45AB,B5C16<940 /9:>9: D14121-0 5=9650 1>6-5EFAAAG5H5
I9:0 1345:947294<10 <75D!'+&G5=965.74J0 2:1<- !"#$%&'()&* * %+,-%" ,.&,(* D"&(K"$+GB
LETRAS
LETRAS

L-8695/@>1475MN J90 <:75.7:2O7PQ5=965618:-5R7:75675I-S Q5/-:5F67=1.1:5T7H7U-I0 UH H5V65W10 0 1<S UH D!*%&GB R7:75675I-S Q5/-:5F67=1.1:5T7H7U-I0 UH H5V65W10 0 1<S UH D!*%&GB
!%
LETRAS LETRAS

LETRAS
Herb Lubalin
Construcción Tipográfica
!&
!"#$#!"
LETRAS LETRAS
LETRAS LETRAS
Alex Trochut
Expo Psicotipografico (2007)
!$
!"#$#!"
LETRAS LETRAS
Isidro Ferrer
LETRAS LETRAS
Neville Brody
!'
!"#$#!"
LETRAS LETRAS
LETRAS LETRAS
Estampa Tipográfica
Cyrus Highsmith
!(
!"#$#!"
LETRAS LETRAS
Cyrus Highsmith
LETRAS LETRAS
Cyrus Highsmith
!)
!"#$#!"
LETRAS LETRAS
Things I Have Learned In My Life So Far:

Trying to look good limits my life (2008)
Sagmeister
LETRAS LETRAS
RayGun (‘90)
David Carson
!"
!"#$#!"
LETRAS
Texto funcional
La tipografía y el ilustrador
LXFAL5,XYZ[N5DY7H\J4G

LETRAS
!*
!"#$#!"
!"#$#!"
La tipografía y el ilustrador La tipografía y el ilustrador

Texto funcional Texto funcional
Onomatopeya Onomatopeya
%+
!"#$#!"
Texto funcional
Onomatopeya La tipografía y el ilustrador
Texto funcional
Tipografía y código escenográfico

Texto funcional
Cartela & Bocadillo
Onomatopeya
Tipografía y código escenográfico
%!
LETRAS LETRAS
LETRAS LETRAS
%%
!"#$#!"
!"#$#!"

!"#$%&'()'*++**,'-"%&'()'*++*./00/&"1%
!"#$%&'()'*++**,'-"%&'()' ++*./00/&"1% !"#$%&'()'*++**,'-"%&'()'*++*./00/&"1%
%&
18/4/18
LETRAS
LETRAS
Microtipografía y Macrotipografía Microtipografía y Macrotipografía

La Macrotipografía que es la tipografía de los
elementos mayores, cuyo ámbito es el de la producción editorial en
sentido global.
Se encarga de todos los procesos de maquetación, su

núcleo conceptual es la maqueta (Layout)
Pretende dar cuenta del formato, del tamaño y de la situación de las columnas del texto,
así como de las ilustraciones, el orden de los títulos y de las leyendas.
procesos de maquetación núcleo
conceptual: maqueta (Layout)
LETRAS
LETRAS
Microtipografía y Macrotipografía Microtipografía y Macrotipografía

Las correcciones aplicadas sobre la
forma geométrica básica de las letras
tiene como función compens ar
En el ámbito de la Microtipografía o tipografía del ilus iones ópticas que actúan sobre la
forma y el tamaño de las letras y sobre
el gros or de s us rasgos. En funció n de
Detalle, las unidades conceptuales o conceptos tipográficos
Longitud de la línea en el párrafo
mantener una cons is tencia percib ida
de tamaño, por ejemplo, las le tras de
esenciales son: forma circular o triangular exceden en
altura fís ica a la s demás letras .
y calculo del interlineado correcto Entre otras modificaciones puede
indicars e que lo s traz os medios
horiz ontales s e colocan por encim a de
la mitad de la altura, para que el
La Letra y el espacio entre las letras; res ultado s ea de mayor liviandad. El

gros or de los trazos varía con su
Palabra
dirección: lo s verticales, que
vis ualmente representan sostén, son
e
más grues os que los horizontales; los
la Palabra y el espacio entre las palabras; horiz ontales medios s on más finos que
los extremos ubicados en tope o base;
los diagonales son también más finos
que los horiz ontales de los extremos.
Los traz os verticales y diagonales se
la Línea y el interlineado afinan al llegar a convergencias en
función de evitar la creación de
grandes áreas negras mientras que los
traz os curvos varían cons tantemente
de gros or y nunca s on arcos de círculo,
El Parrafo en función de manejar la s fuerzas
vis uales de una manera menos
mecánica, más fluida. Muchas de estas
caracterís ticas aparecen ya en lo s
alfabetos del s ig lo XVIII.
la Columna
24
!"#$#!"
LETRAS
LETRAS

! Campos de trabajo del diseñador que exigen
gestiones especializadas sobre saber tipográfico
! AUTOEDICIÓN
! MULTIMEDIA
El 95 % del diseño WEB es Tipografía

LETRAS
LETRAS

Sainam – Animated Typeface (2012) Franchise – Animated Typeface (2012)

VU7]1<5W9UI1:1H7UJ6 O<</^##741.->:7/OHB49<#/:-=J2<0#?:742O109
%'
!"#$#!"
LETRAS
LETRAS

¿Qué tiene de especifico el ámbito multimedia?
LEGIBILIDAD en pantalla
CINETICA
Movimiento
Cambio de Escala
Direcciones de lectura
1. Cuerpos Grandes vs Cuerpos Pequeños
Rotación
2. Peso: Thin vs Black
CINETICA
3. Condensado vs Equilibrados
NARRATIVIDAD: SECUENCIA
4. Kerning e Interlineado: recurso expresivo
Las composiciones son efímeras
NARRATIVIDAD:
5. Contraste figura-fondo
SECUENCIA
La6.importancia
TIEMPO DE de las transiciones
FX>LECTURA
SONORIZACIÓN
Nick the Greek (2007) FX> SONORIZACIÓN

LETRAS
LETRAS

TIPOGRAFÍA como ESCRITURA
Tv type
CopyRight Studio & David Pocull y J oan Valls
%(
18/4/18
LETRAS
LETRAS

FUNCIÓN LINGÜÍSTICA DE LA TIPOGRAFÍA:
LECTURA Y LEGIBILIDAD.
La Tipografía es el arte de disponer correctamente el material de

TIPOGRAFÍA INVISIBLE ?

imprimir, de acuerdo con un propósito específico: colocar las letras,
repartir el espacio y organizar los tipos con vistas a prestar al lector la
máxima ayuda para la comprensión del texto.
Stanley Morinson (1929)
LETRAS
LETRAS

TIPOGRAFÍA COMO ESCRITURA. Factor LINGÜÍSTICO
vs
Toda recepción de escritura (por tanto de tipografía) se realiza de Factor GRÁFICO
dos modos simultáneos:
1º como lectura en el sentido propio de la palabra, o sea como

transformación de una serie de letras vistas por el lector en
pensamientos

(Jost Hochuli (1987)
2º como visión gráfica que desencadena una serie de

asociaciones con lo ya visto, además de generar efectos emocionales
y apreciaciones estéticas.
Critter (Craig Frazier)

TIPO
27
!"#$#!"
LETRAS
LETRAS

FUNCIÓN LINGÜÍSTICA DE LA TIPOGRAFÍA
Una de las principales funciones de cualquier
sistema de escritura, y por tanto de la tipografía,
FUNCIÓN LINGÜÍSTICA de la tipografía
es la de actuar como soporte para la comunicación.
está orientada hacia la optimización del proceso de LECTURA >>>
La legibilidad de un texto, de una palabra o de un carácter


está relacionada en cierta manera con la “invisibilidad”
>>>Por lo que se investiga a fondo todos los factores que afectan a la
(relativa) de los signos gráficos que le dan presencia
LEGIBILIDAD del mensaje escrito.
LETRAS
LETRAS

Legibilidad del tipo
Z`>94 J459J0<=1- =95675a14:9I107== =95

,.78:1=>9 9051?9=1:49<49 965-=:94 945bJ95095
9294J:<2:74 67056:<070 945J475/677:87B5W-5`214-
TIPOGRAFÍA como ESCRITURA 1:<.--/47<9 905bJ95675/9:.:717 6:9<7 H5675`61<.7
-/92J4 0J5I9=:9=7:7 /12-0134B
TIPO
%"
!"#$#!"
LETRAS
LETRAS

/%#,(01"2%#"+,$"+3&"# -4,%)%#"$#*%5467+#'"-.8*#'"#$%# 9%.:%#'"#9%;%#
TIPOGRAFÍA como ESCRITURA Legibilidad del tipo Legibilidad del tipo <#=%5(#"*,&,>%)%# 6"$(?# ,4@("+'4#A(B(.

TIPO
LETRAS
LETRAS

Legibilidad del tipo Legibilidad del tipo
C$#-(94#)("+#&*%'4#"*#(+:(*()$"# ,4@4#-(94D#%*E#,4@4#$%#
i
9".6",-%#:4?#@4'&$%'%# "*#"$#(+%':".-('4# :">E,&$4# &-($(?%'4# La legibilidad final está más fuertemente influenciada por la
9%.%#$%#-.%+*@(*(7+# '"#$%*#9%$%).%*F# '"#$%*#('"%*G maqueta final, es decir, por la disposición tipográfica de la página

c97<:1295d7:=9B5eO952:10<76 >6-89<Q501f<99459007H05-45<H/->:7/OHQ5DW-4=-4Q5!*''G elegida para la composición (macrotipografía) y menos por las
características propias de las tipografías en concreto (microtipografía).
egR[\YX_hX5ANFAZAcWV
%*
INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO
LETRAS LETRAS
TIPOGRÁFICA*
ARQUITECTURA

LETRAS LETRAS
TIPO
Romanas
Humanst521 BT
PALO SECO
CON REMATE
H
FUENTES, TIPOS O CARACTER
&+
!"#$#!"
!"#$#!"
LETRAS
LETRAS

Elementos: Elementos:
Líneas de Referencia Líneas de Referencia

0 Cuerpo de texto:
La elección de una buena

tipografía garantiza la correcta
legibilidad de un texto.
Prima Funcionalidad por encima

de la expresividad estética.
Son recomendables tipografías de

palo seco o romanas, nunca
manuscritas o decorativas.
LETRAS
LETRAS

Líneas de Referencia Líneas de Referencia.

0 .
&!
!"#$#!"
LETRAS
LETRAS

¿CÓMO AFECTA EL TAMAÑO DE LA TIPOGRAFÍA UTILIZADA
ADECUADO LONGITUD DE UNA LÍNEA?
LETRAS
LETRAS

Elementos:
ESTRUCTURAS BÁSICAS
Las variaciones en la estructura fundamental de los caracteres están

determinadas:
(1) La ubicación respecto de las líneas de referencia
(2) La angulación del eje constructivo.
&%
!"#$#!"
LETRAS
LETRAS

LETRAS
LETRAS
ARQUITECTURA TIPOGRÁFICA

NÚMEROS INDOARÁBIGOS.
¿De cuantos tipos
de formas
disponemos
para expresar
cantidades
NÚMERICAS?
NÚMEROS ROMANOS
1. En los números de capítulos y tomos de una obra.
2. En los actos y escenas de una obra de teatro.
3. En los nombres de papas, reyes y emperadores.
4. En la designación de congresos, olimpiadas, asambleas,
certámenes...
&&
LETRAS LETRAS

LETRAS LETRAS
&$
!"#$#!"
!"#$#!"
LETRAS
LETRAS

Elementos:
Ángulo eje constructivo: Oblicua & Cursiva
¿Cual es la diferencia entre unos caracteres cursivos y otros oblicuos?

LETRAS
LETRAS

Elementos:
ESTRUCTURAS BÁSICAS ROMANAS ANTIGUAS

(Garaldas, OldFace)
& Itálicas
ABCDEFGHIJKLMNÑO
PQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
¿Cual es la diferencia entre unos caracteres cursivos y otros oblicuos?
&'
!"#$#!"
LETRAS
LETRAS

Itálicas
PALO SECO
Geométricas
Neogrotescas
ABCDEFGHIJKLMNÑO
PQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
LA ENEIDA de Virgilio, Publicada en 1501 po Aldo Manuzio (tallista
Francesco Griffo)
LETRAS
LETRAS

Itálicas
Operina di Ludovico Vicentino, da imparare`di scriuere (impreso en Operina di Ludovico Vicentino, da imparare`di scriuere (impreso en
Roma en el año 1522) Roma en el año 1522)
&(
!"#$#!"
LETRAS
LETRAS

Itálicas Elementos:
El ensayo «Über typografie » [ Sobre la El ensa yo «Über ty pografie » [ Sobre la

tipografía] del p intor y arquitecto de Zúrich , tipografía] del p intor y arquitecto de Zúrich ,
Max Bil l, pub licado en el pasado nú mero Max Bill , pub licado en el pasado nú mero
parece haber sido provocado por la parece haber sido pro vocado por la
conferencia « Konstanten der Typographie » conferencia « Kon stanten der Typographie »
[Constantes de la tip ografía ] que pronuncié en [Constantes de la tipo grafía] que pronuncié en
diciembre del pasado año en Zúrich ante los diciembre del pasad o año en Zúrich ante lo s
miem bros de la Asociación de Artistas miem bros de la A sociación de Arti stas
Gráficos sui zos. * En aquel d iscurso ju zgué Gráficos sui zos . * En aquel discur so ju zgué
severamente una obra difundida por m í severamente una obra di fundi da por m í
anteriormente, La nueva tipogra fía, es decir , anteriormente, La nueva tipogra fía, e s decir ,
me juzgué a mí mismo sin ningún miramiento. me juzgué a mí mismo sin ningún miramiento.
Robert Granjon (Francia, XVI)

LETRAS
LETRAS

ESTRUCTURAS BÁSICAS ESTRUCTURAS BÁSICAS

Ángulo eje constructivo: Oblicua & Cursiva Ángulo eje constructivo: Oblicua & Cursiva
El ensay o «Über typ ogr afie» [Sobre la tip ografí a] El ens ayo «Über typ ogra fie» [So bre la tip ogra fí a] de l El ensay o «Über typ ogr afie» [Sobre la tip ografí a] El ensa yo «Über typo graf ie» [S obre la tipo grafí a] de l
del pintor y arquitecto de Zúrich , Ma x B ill , pintor y arq uitecto de Z úric h, M ax B ill , p ub lica do en e l del pintor y arquitecto de Zúrich , Ma x B ill , pintor y arquitecto de Zúrich , Ma x B ill , publicad o
publicado en e l pasad o númer o par ece h aber sid o pa sa do número parece h aber s i do provoca do por l a publicado en e l pasad o númer o par ece h aber sid o en el pasad o númer o pare ce haber s ido pr ov ocad o
provo cado p or l a conferen cia «Konstanten der conferencia «Kon stanten der Typo gra ph ie»[Const ante s provo cado p or l a conferen cia «Konstanten der por la c onferenci a « Konst anten der Typ ogra ph ie»
Typograph ie»[C onstantes de l a tip ografí a] que de l a t ipo graf ía] q ue pronuncié en d iciembre del p as a do Typograph ie»[C onstantes de l a tip ografí a] que [Constantes de la tip ogr afía] que pr onuncié en
pronuncié en d icie mbre del p asado año en Zúrich año en Z úrich ante lo s miem bros de la Asoci ación de pronuncié en d icie mbre del p asado año en Zúrich dicie mbre de l pasado año en Zúrich ante l os
ante los mie mbros de l a Aso cia ci ón de Artistas Artista s Gráf icos s u izo s. * En aq uel d i scurso ju zg ué ante los mie mbros de l a Aso cia ci ón de Artistas mie mbros de l a Asoci ación de Arti sta s Grá fico s su i zos .
Gráfic os sui zos . * En aque l dis curso juz gué severamente una obr a di fun di da por mí anteriormente , Gráfic os sui zos . * En aque l dis curso juz gué * En aque l dis curso juzgué sev eramente una obra
severam ente una obra difundida por m í La nueva t ipo gra fí a, es decir, me ju zg ué a mí m i smo severam ente una obra difundida por m í difundida por mí anter iorm ente, La nuev a
anteriorm ente, L a nueva tip ograf ía, es de cir, m e sin ningún miramiento. anteriorm ente, L a nueva tip ograf ía, es de cir, m e tipograf ía, es decir , me juzgué a m í mis mo s in
juzgué a mí mismo sin ningún miramiento. juzgué a mí mismo sin ningún miramiento. ningún miramiento.
&)
!"#$#!"
LETRAS
LETRAS

Elementos:
El ensayo «Über typografie » [ Sobre la El ensayo «Über ty pografie » [ Sobre la

tipografía] del p intor y arquitecto de Zúrich , tipografía] del p intor y arquitecto de Zúrich ,
Max Bil l, pub licado en el pasado nú mero Max Bill , publ icado en e l pasado nú mero
parece haber sido provocado por la parece haber sido provocado por la
conferencia « Konstanten der Typographie » conferencia «Kon stanten der Typographie »
[Constantes de la tip ografía ] que pronuncié en [Constantes de la tipo grafía] que pronuncié en
diciembre del pasado año en Zúrich ante los diciembre del pasado año en Zúrich ante los
miem bros de la Asociación de Artistas miem bros de la Asociación de Arti stas
Gráficos suiz os. *En aquel discurso ju zgué Gráficos su izo s. *En aquel discurso ju zgué
severamente una obra difundida por m í severamente una obra difundida por m í
anteriormente, La nueva tipogra fía, es decir , anteriormente, La nueva tipogra fía, es decir ,
me juzgué a mí mismo sin ningún miramiento. me juzgué a mí mismo sin ningún miramiento.
LETRAS
&"
LETRAS LETRAS

LETRAS LETRAS
Elementos:
MODULACIÓN
Contraste, Ángulo y Transición
&*
!"#$#!"
LETRAS
$+
!"#$#!"
LETRAS

LETRAS LETRAS
$!
!"#$#!"
!"#$#!"
LETRAS
LETRAS

FAMILIA FAMILIA TIPOGRÁFICA

TIPOGRÁFICA Subfamilia y estilos
Subfamilia y estilos
Se denomina FAMILIAS TIPOGRÁFICAS al
conjunto de signos escritúrales que comparten
rasgos de diseño comunes
La expresión ESTILO DE LA LETRA, remite de forma genérica a la

forma característica que adopta el carácter, basado en el diseño
especial de sus rasgos formales. (NORMAL, CURSIVA, NEGRITA...)
LETRAS
LETRAS

Elementos:
FAMILIA TIPOGRÁFICA
Subfamilia y estilos
Una familia puede estar organizada en subfamilias (series o

estilos)
• El ancho del trazado: ultrafino (thin), fino (light), seminegra

(demibold), negro (bold), supernegra (Black)...
• La inclinación de los ejes: cursiva (Italic), inclinada (oblique)...
• La proporción de los ejes: redonda (regular, book), estrecha
(condensed), expandida (expand)...
• La forma del trazado: perfilado, sombreado...
$%
LETRAS LETRAS

LETRAS LETRAS
[6< X12O9: D!*"*G
$&
!"#$#!"
LETRAS LETRAS
[6< X12O9: D!*"*G
V:1U5Z/19U9:.744 D!**+G
LETRAS LETRAS
Elementos:
TIPOGRÁFICA
SUPERFAMILIA
$$
!"#$#!"
LETRAS LETRAS
Scala
Compatil
(Olaf Leu, 1996)
(Martin Majoor, 1990)

LETRAS LETRAS
WJ21=75
Dj:10 C-6.905 k
,O7:69 c1>96-]Q5 !*"$G
(Kris Holmes & Charle Bigelow, 1987)
Stone Serif, Sans & Informal
$'
!"#$#!"
LETRAS LETRAS WJ21=75
Dj:10 C-6.905 k
,O7:69 c1>96-]Q5 !*"$G

LETRAS
La letra y sus formas
House Industries Type Foundry
$(
!"#$#!"
!"#$#!"
LETRAS
LETRAS

LETRAS
LETRAS

Elementos:
ANATOMIA DEL CARÁCTER
1. ELEMENTOS FIJOS
(astas, brazos, travesaños, etc.)
2. ELEMENTOS OPCIONALES
(serifas, remates, espolón, oreja, etc.)
3. ELEMENTOS DE RELACIÓN
(lazo, gancho, vértices, etc.)
$)
!"#$#!"
LETRAS
LETRAS

LETRAS
LETRAS

Elementos:
ANATOMIA DEL CARÁCTER

Un carácter estará compuesto por:
1. Una serie de rasgos o astas principales.
2. Unos remates o serifas.
3. El trazado del rasgo puede ser uniforme o modulado.
4. Los remates pueden asumir multitud de formas o
sencillamente no existir
$"
LETRAS LETRAS
Escritura merovingia
a, e y r en una ligadura del siglo VIII

LETRAS LETRAS
$*
!"#$#!"
LETRAS LETRAS
Herb Lubalin (avant-garde)

LETRAS LETRAS
Dino dos Santos (Type “Estilo” 2005)
'+
!"#$#!"
LETRAS LETRAS

LETRAS LETRAS
'!
!"#$#!"
!"#$#!"
LETRAS

Un Carácter esta compuesto por:
1. Una serie de rasgos o astas principales.
2. Unos remates o serifas.
3. El trazado del rasgo puede ser uniforme o modulado.
4. Los remates pueden asumir multitud de formas o
sencillamente no existir.
LETRAS
LETRAS

CORRECCIONES ÓPTICAS
'%
LETRAS LETRAS
LETRAS LETRAS
demasiado kerning
equilibrado
sin kerning
'&
!"#$#!"
LETRAS LETRAS
LETRAS LETRAS
ALINEACIÓN ÓPTICA
'$
!"#$#!"
LETRAS LETRAS
Correspondencia entre espacios internos y externos
LETRAS LETRAS
''
!"#$#!"
LETRAS LETRAS
!
!
!
!
LETRAS LETRAS
'(
!"#$#!"
INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO CONCEPTO DE TIPOGRAFÍA INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO
LETRAS LETRAS

LETRAS LETRAS
57
18/4/18
LETRAS LETRAS

LETRAS LETRAS
Poggendorf
'"
!"#$#!"
LETRAS LETRAS

LETRAS LETRAS
'*
!"#$#!"
!"#$#!"
TIPOGRAFÍA como ESCRITURA CONTEXTUALIZACIÓN * HISTÓRICA
2 3
(+
!"#$#!"
La historia de la tipografía se puede dividir en función de tres “En el origen de todas las letras sobrevive un dibujo. Como elementos de la
grandes periodos: escritura, todas las letras pertenecen al patrimonio común de la humanidad.
Ahora bien, en su trazado, en su particular manera de aparecer en la punta de la
El periodo caligráfico o Manuscrito, caracterizado por una escritura hecha a pluma o en el punzón del grabador, el dibujo que pervive desde sus orígenes vuelve
mano (que contempla tanto si estas se realizaba sobre piedra, pergamino o a renacer. Por ello todas las letras se parecen y todas son interminablemente
papel) distintas entre sí”.
CONTEXTUALIZACIÓN
CONTEXTUALIZACIÓN
Juan Martínez Val (2004),
El periodo de la tipografía de plomo (tal y como la creo J.Gutenberg en el s.XV
hasta bien entrado en s XX)
El periodo de la tipografía electrónica (que abarca desde la aparición a

HISTÓRICA
HISTÓRICA
mediados de siglo de los sistemas de filmación ópticos y electrónicos hasta la
actual situación de digitalización)
En el origen de todas las letras sobrevive un dibujo
Nuestras letras, como las de otros muchos sistemas de

1.- Desarrollo de los diferentes sistemas de escritura:
escritura, son el resultado de un largo proceso de
simplificación. ANALÍTICOS y SINTÉTICOS
Su origen más remoto las relaciona con las pinturas
prehistóricas y el mundo de simbolización que
representan. También se relaciona con la lectura de
rastros animales. Pictograficos, ideográficos y fonéticos
CONTEXTUALIZACIÓN
CONTEXTUALIZACIÓN
2.- Configuración gráfica de nuestro alfabeto
HISTÓRICA
HISTÓRICA
R@l7:-
Y7<34
Y747
'5?692O70
L7:1-
\-8:170
(!
!"#$#!"
CONTEXTUALIZACIÓN
HISTÓRICA
Pictograma > Ideograma > Escritura Fonética
En el origen de todas las letras sobrevive un dibujo
La letra “A” parece que se desarrollo a partir de

un pictograma de la cabeza de un buey, con los
cuernos asomando por encima de la cara
triangular
CONTEXTUALIZACIÓN
CONTEXTUALIZACIÓN
HISTÓRICA
HISTÓRICA
(%
CONTEXTUALIZACIÓN CONTEXTUALIZACIÓN
HISTÓRICA HISTÓRICA
Desarrollo del alfabeto
(s.VIII a. de C)
Bustrófedon
EPIGRAFICA
(&
!"#$#!"
(s. I a. C. al s. I)
CAPITALISQUADRATA
Columna Trajana
($
!"#$#!"
!"#$#!"
CONTEXTUALIZACIÓN
CONTEXTUALIZACIÓN
HISTÓRICA
HISTÓRICA
CAPITALIS RÚSTICA (s. I al s. VI) UNCIAL ROMANA (s. III al s. VI)
CONTEXTUALIZACIÓN
CONTEXTUALIZACIÓN
HISTÓRICA
HISTÓRICA
SEMI UNCIAL (s. III al s. XI) LETRAS INSULARES (s. VII al s. XI)
('
!"#$#!"
CONTEXTUALIZACIÓN
CONTEXTUALIZACIÓN
HISTÓRICA
HISTÓRICA
Página capitular del evangelio de San Marcos
(640d.C.) del libro de Durrow CAROLINGIA (s. VII al s. XI)
GOTICA TEMPRANA (s. XI al s. XII)

CONTEXTUALIZACIÓN
CONTEXTUALIZACIÓN
GÓTICA TEXTURA QUADRATA (s. XII al s. XV)
HISTÓRICA
HISTÓRICA
GÓTICAS
(s. XI al s. XVI)
((
()
!"#$#!"
CONTEXTUALIZACIÓN
HISTÓRICA
LINOTYPE 1884
Ottmar Mergentaler
("
!"#$#!"
!"#$#!"
Rotofoto (1948) Monophoto

(1952)
Intertype fotosetter (1945)

CONTEXTUALIZACIÓN
CONTEXTUALIZACIÓN
HISTÓRICA
HISTÓRICA
CONTEXTUALIZACIÓN
HISTÓRICA
Louis Moyroud
René Higonnet (1949)
(*
!"#$#!"
CONTEXTUALIZACIÓN
CONTEXTUALIZACIÓN
HISTÓRICA
HISTÓRICA
1976
CONTEXTUALIZACIÓN
CONTEXTUALIZACIÓN
HISTÓRICA
HISTÓRICA
1965 DIGISET (“videocomp”) Dr

Rudolf Hell (CRT)
LetraSet (1959>1961) 1967 Ronald McIntosh y Peter Purdy
Dai Davis & Fred McKenzie Monotype Lasercomp Mk 1 (David Hastings)
patentan el LINOTRON 505.
(Fontek)
)+
!"#$#!"
AUTOEDICIÓN
1984
Lenguaje POSTSCRIPT + la aplicación Aldus PAGEMAKER
en el ordenador APPLE Macintosh
CONTEXTUALIZACIÓN
CONTEXTUALIZACIÓN
Apple adoptóesenun
Postscript 1985 el lenguaje
lenguaje de descripción de
independiente delpágina
dispositivo
Postscript de Adobe para su impresora Apple Laserwriter y se
utilizado, tanto para su composición como para su
combinó con la introducción del concepto de autoedición (Macintosh
reproducción.
+ Pagemaker),
HISTÓRICA
HISTÓRICA
Porta-matrices Times New Roman El lenguaje
Describe Postscriptdefue
el material unaadoptado por los dispositivos
página electrónica: de salida de
textos, imágenes, y
alto
otrasnivel (filmadoras),
informaciones y pasóyacompositivas.
gráficas ser el modo operativo y el lenguaje
de muchos programas gráficos.
Letra: código digital

En la tipografía digital el tipo carece de una existencia física.
El tipo es un conjunto de datos almacenados en la memoria de

un ordenador
TIPOS DIGITALES *
4
)!
!"#$#!"
Los tipografías digitales son software
Los formatos de fuentes dominantes son:

1. PostScript Type 1 (PS1) 1985
2. TrueType (TT) 1991
3. OpenType (OTF) 1997
Multiplataforma
Trazados vectoriales de contorno (lineas y curvas)
Independientes del dispositivo de salida
Escalable a cualquier tamaño sin perdida de calidad
PostScript Type 1 (PS1) PostScript Type 1 (PS1)

PS1 en WIN
Helvetica.afm & Helvetica.pfb
PS1 en mac
Helvetica.afm
Helvetica.ifm El formato TrueType solo
Helvetica.bmp necesita un archivo en ambas
plataformas
Representación pixelada para su
representación en pantalla
)%
!"#$#!"
RASTERIZAR:
Es el proceso de convertir los vectores (las líneas y curvas) en el
patrón de puntos de semitono del dispositivo de salida (impresora o
filmadora)
Software de rasterización
HINTING:
El «HINTING» es un conjunto de instrucciones
que se incorporan a la fuente para mejorar la
calidad de la imagen en el proceso de escalado,
sobre todo para resoluciones de baja calidad
(por ejemplo para la pantalla de ordenador).
TrueType dispone de unas instrucciones de

hinting más complejas
)&
!"#$#!"
Opentype (1997) trabaja con el codificado de caracteres estándar UNICODE 3.1, el

cual está:
“diseñado para soportar el intercambio, la elaboración y la exhibición de textos
escritos en todas las lenguas del mundo”.
Opentype (1997) trabaja con el codificado de caracteres estándar UNICODE 3.1, el

cual está:
“diseñado para soportar el intercambio, la elaboración y la exhibición de textos
escritos en todas las lenguas del mundo”.
)$
!"#$#!"
Una fuente opentype se compone de 4 partes:
1. La descripción de contorno
2. Instrucciones de Hinting
3. Tabla para la clasificación de caracteres/signo
4. Posibilidades tipográficas de sustitución letras y Glifos
)'
!"#$#!"
Gestores tipográficos Gestores tipográficos
Font Navigator (Bitstream) Adobe Type Manager
Suitcase fusion 3 (Extensis)
Gestores tipográficos c1861-<92752-./69<75=95?J94<905
_7.16170 =10/-418690
c-<-4905/7:75 X2<1I7:5 H5
L9072<1I7:5 J475 _J94<95 _-:.7<- =95?J94<9
Z9:195-5
ZJ8?7.1617
R6J>140
e9f<-5 =95
/7:75
7/612721-490 R:9I10J761S72134
,7:/9<70 =965
J0 J7:1-
R:9I10J761S72134 =95<9f<-5
2-4 6-0 27:72<9:905 =95670
A4?-:.72134
0 -8:95670 5
?7.161705 0969221-47=70
?7.16170 5
0 969221-47=70
Fontexplorer X Pro (Lynotype )
)(
!"#$#!"
Editores tipográficos Editores tipográficos
Fontlab Fontographer Glyphs
FontForge
))
!"#$#!"
Editores tipográficos Editores tipográficos
LETRAS
Editores tipográficos

Font forge
)"

Introducción A Universo Tipográfico 01

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Introducción A Universo Tipográfico 01

Diunggah oleh

Hak Cipta:

Format Tersedia

!"#$#!

LETRAS INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

SOLO SON LETRAS UN MUNDO

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

“una imagen vale más que mil palabras”

Para muchos diseñadores las palabras acaban

SU FUERZA ESTÁ EN LA POTENCIA DE SUS MENSAJES

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

El interés por la tipografía indica: El diseñador y la tipografía

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

articula en torno a una serie de rasgos mínimos ¿Quién la va a leer?

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

¿Qué significa tipografía?

El término tipografía remite tanto al lugar donde

La tipografía ha sido un sistema de composición e impresión

LETRAS INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

La tipografía también remite al diseño y creación de aquellos

un diseño para la ESCRITURA

un diseño para la LECTURA.

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

TIPOGRAFÍA CREATIVA LEGIBILIDAD

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

Lo importante es la interacción expresiva entre

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

CONCEPTO DE TIPOGRAFÍA INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

Things I Have Learned In My Life So Far:

CONCEPTO DE TIPOGRAFÍA INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

La tipografía y el ilustrador La tipografía y el ilustrador

LETRAS INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

Tipografía y código escenográfico

LETRAS INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

!"#$%&'()'*++**,'-"%&'()' ++*./00/&"1% !"#$%&'()'*++**,'-"%&'()'*++*./00/&"1%

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

Se encarga de todos los procesos de maquetación, su

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

La Letra y el espacio entre las letras; res ultado s ea de mayor liviandad. El

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

El 95 % del diseño WEB es Tipografía

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

Sainam – Animated Typeface (2012) Franchise – Animated Typeface (2012)

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

Nick the Greek (2007) FX> SONORIZACIÓN

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

La Tipografía es el arte de disponer correctamente el material de

TIPOGRAFÍA como ESCRITURA

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

1º como lectura en el sentido propio de la palabra, o sea como

TIPOGRAFÍA como ESCRITURA

2º como visión gráfica que desencadena una serie de

Critter (Craig Frazier)

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

La legibilidad de un texto, de una palabra o de un carácter

TIPOGRAFÍA como ESCRITURA

INTRODUCCIÓN AL UNIVERSO TIPOGRÁFICO

!"#$%&'()'*++**,'-"%&'()' ++./00/&"1% !"#$%&'()'++**,'-"%&'()'++./00/&"1%

[6< X12O9: D!"G

[6< X12O9: D!"G