Tipografia Historia I

110
Tipografía Definición literal Typos Sello Graphein Escribir

Transcript of Tipografia Historia I

Page 1: Tipografia Historia I

Tipografía Definición literal

TyposSello

GrapheinEscribir

Page 2: Tipografia Historia I

“Arte de disponer correctamente el material de imprimir, de acuerdo con un propósito específico: el de 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 Morison, Principios fundamentales

de la tipografía (1929)

Page 3: Tipografia Historia I

Tipografía Clasificación

Tipografía de edición Funcional

Tipografía creativaVisual

Ej.: LogotipoEj.: Novela

Page 4: Tipografia Historia I

“La composición común ha de contribuir a obtener los mejores resultados en cuanto a legibilidad, claridad de formas y carácter distintivo de una letra. Sin embargo, éstas son propiedades que un tipo debe presentar ya en la fundición; si faltan, cualquier esfuerzo del tipógrafo será estéril. Para que estas virtudes puedan desarrollarse realmente, las proporciones de la caja no deben contradecir las del diseño de tipo; esto es, las líneas no deben ser demasiado cortas ni demasiado largas; el interlineado, es decir, la distancia entre línea y línea, no debe resultar tampoco demasiado pequeña, aunque tampoco demasiado grande; y el espacio intermedio entre palabra y palabra no debe parecer ni demasiado ancho ni demasiado estrecho y, por encima de todo, debe tener un aspecto tan regular como sea posible en todas las líneas.”

Paul Renner, El arte de la

tipografía (1939)

Page 5: Tipografia Historia I

Tipografía Tamaño

Helvetica36 puntos

Baskerville36 puntos

Las decisiones sobre el tamaño de los tipos deben tener en cuenta la naturaleza del público lector, el material, la superficie, el objetivo y el formato.

Page 6: Tipografia Historia I

Tipografía Familias

Conjunto integrado por los caracteres del alfabeto, diseñados bajo unos mismos criterios de coherencia formal.Futura

Garamond

AkkuratRockwell

Page 7: Tipografia Historia I

Tipografía Fuente

Una fuente es cada variante de una misma familia de tipos.

Resulta útil seleccionar una familia que ofrezca distintos grosores.

Helvetica Neue 45 LightFina

Cursiva y fina

Redonda

Cursiva

Negrita

Negrita y cursiva

Negrita y expandida

Negrita y condensada

Helvetica Neue 46 Light Italic

Helvetica Neue 55 Roman

Helvetica Neue 56 Italic

Helvetica Neue 75 Bold

Helvetica Neue 73 Bold Extended

Helvetica Neue 76 Bold Italic

Helvetica Neue 77 Bold Condensed

Page 8: Tipografia Historia I

Tipografía Las líneas

alineación superior

ojo medio

alineación inferior

línea media

línea base

altura mayúsculas

Según el espacio que invaden en las líneas de referencia, dan lugar a mayúsculas, versales o caja alta; minúsculas o caja baja; y versalitas.

Page 9: Tipografia Historia I

HOLA holaHOLALas versalitas no es una mayúscula reducida pues conserva el peso específico de su masa. Es el resultado de un rediseño integral del carácter.

Tipografía Versalitas

Page 10: Tipografia Historia I

Qué tal Qué talQué tal

Las versiones cursivas de las familias no responden a una simple inclinación de los caracteres de la redonda. También se trata de diseños específicos.

Tipografía Cursivas

Page 11: Tipografia Historia I

Tipografía Los remates (serifas)

La legibilidad

Romana antiguaTimes

Romana modernaWalbaum

IncisaOptima

Palo secoAkkurat

galápagosgalápagos

Las tipografías romanas tienen mayor legibilidad que las de palo seco, por lo que se suelen utilizar para texto corrido.

Page 12: Tipografia Historia I

Tipografía Clasificación

Romana Antigua

Palo SecoEscripta

EgipciaRomana Moderna

Incisa

Gótica

Fantasía

Page 13: Tipografia Historia I

Gótica

Page 14: Tipografia Historia I

Tipografía Clasificación

Romana Antigua

Palo SecoEscripta

EgipciaRomana Moderna

Incisa

Gótica

Fantasía

Page 15: Tipografia Historia I

Romana AntiguaBaskerville

Page 16: Tipografia Historia I

Romana Antigua Baskerville

Page 17: Tipografia Historia I

Romana Antigua Bembo

Page 18: Tipografia Historia I

Romana AntiguaCaslon

Page 19: Tipografia Historia I

Romana AntiguaCaslon

Page 20: Tipografia Historia I

Romana AntiguaGaramond

Page 21: Tipografia Historia I

Romana AntiguaTimesPlantinSabon

Page 22: Tipografia Historia I

Romana AntiguaCentury Schoolbook

Page 23: Tipografia Historia I

Tipografía Clasificación

Romana Antigua

Palo SecoEscripta

EgipciaRomana Moderna

Incisa

Gótica

Fantasía

Page 24: Tipografia Historia I

Romana ModernaBodoni

Page 25: Tipografia Historia I

Romana ModernaBodoni

Page 26: Tipografia Historia I

Romana ModernaDidot

Page 27: Tipografia Historia I

Romana ModernaDidot

Page 28: Tipografia Historia I

Romana ModernaWalbaum

Page 29: Tipografia Historia I

Tipografía Clasificación

Romana Antigua

Palo SecoEscripta

EgipciaRomana Moderna

Incisa

Gótica

Fantasía

Page 30: Tipografia Historia I

Egipcia Clarendon

Page 31: Tipografia Historia I

Egipcia American Typewriter

Page 32: Tipografia Historia I

Egipcia Rockwell

Page 33: Tipografia Historia I

Egipcia Playbill

Page 34: Tipografia Historia I

Tipografía Clasificación

Romana Antigua

Palo SecoEscripta

EgipciaRomana Moderna

Incisa

Gótica

Fantasía

Page 35: Tipografia Historia I

Escripta Snell Roundhand

Page 36: Tipografia Historia I

Escripta Shelley Andante

Page 37: Tipografia Historia I

Tipografía Clasificación

Romana Antigua

Palo SecoEscripta

EgipciaRomana Moderna

Incisa

Gótica

Fantasía

Page 38: Tipografia Historia I

Incisa Optima

Page 39: Tipografia Historia I

Tipografía Clasificación

Romana Antigua

Palo SecoEscripta

EgipciaRomana Moderna

Incisa

Gótica

Fantasía

Page 40: Tipografia Historia I

Fantasía Cooper

Page 41: Tipografia Historia I

Fantasía Blur

Page 42: Tipografia Historia I

Fantasía

Page 43: Tipografia Historia I

Tipografía Clasificación

Romana Antigua

Palo SecoEscripta

EgipciaRomana Moderna

Incisa

Gótica

Fantasía

Page 44: Tipografia Historia I

Palo Seco Avant Garde

Page 45: Tipografia Historia I

Palo Seco Akzidentz

Page 46: Tipografia Historia I

Palo Seco Avenir

Page 47: Tipografia Historia I

Palo Seco Bell Gothic

Page 48: Tipografia Historia I

Palo Seco Din

Page 49: Tipografia Historia I

Palo Seco Eurostile

Page 50: Tipografia Historia I

Palo Seco Frutiger

Page 51: Tipografia Historia I

Palo Seco Futura

Page 52: Tipografia Historia I

Palo Seco Futura

Page 53: Tipografia Historia I

Palo Seco Gill Sans

Page 54: Tipografia Historia I

Palo Seco Gill Sans

Page 55: Tipografia Historia I

Palo Seco Helvetica

Page 56: Tipografia Historia I

Palo Seco Lucida

Page 57: Tipografia Historia I

Palo Seco Trade Gothic

Page 58: Tipografia Historia I

Palo Seco Univers

Page 59: Tipografia Historia I

Los diseñadores de tradición clásica creen que la proporción natural es la fuente definitiva de la verdad y la belleza. Los que mantienen una posición más relativista y escéptica en cuanto a la idea de una verdad definitiva argumentan que las nociones de belleza se construyen a través de la experiencia, no se descubren y se revelan de forma casual.

Page 60: Tipografia Historia I

Tipografía Maquetación

El uso de la retícula aporta consistencia, así como coherencia a la forma global. Los diseñadores que utilizan retículas consideran que esa coherencia visual permite al lector centrarse en el contenido y no en la forma. Cada uno de los elementos de la página, ya sean texto o imagen, tiene una relación visual con el resto.

Page 61: Tipografia Historia I

Maquetación Alineación

Izquierda Res cupti assim faccus. Ota cus cor sam, officia vendit, ut officiam, simusam facilloresti omnim aruntia qui temporenet dolectur, quist ad et endel ipiditeturia ipsam eveliquid expersped quis exped est, custint enda qui odit dolupturion prat officilla as re con nobit liqui net aborpore pro volupis doluptatur rerum verfern atiatur aut aceptas dolupta incillendis as maionsectur ad moluptae. Nequam, eiciis abo. Tem. Tam, undae int ut voluptisquo excereh endae. Bus pratqui dit alignimint reprem volorpos sed elecerc idebis essimporeped eaqui autae. Itatus aut quatiam es arume platur?Nobit voloreped ullandunt poreper ferepediost voloritat hil maximusam volupta temporepel ipient.Occus aut latature, to vendae. Es es quibus, cum iunt, quid es volest, quam sam sae. Facest re, voluptat dit quia esto core pa quis recum, sitatium delitatur res et landit pratiaest, que nobissum dolupta dest porum id militas eum voles ut harum fugit, consectae volestia

Derecha Res cupti assim faccus. Ota cus cor sam, officia vendit, ut officiam, simusam facilloresti omnim

aruntia qui temporenet dolectur, quist ad et endel ipiditeturia ipsam eveliquid expersped quis exped

est, custint enda qui odit dolupturion prat officilla as re con nobit liqui net aborpore pro volupis doluptatur rerum verfern atiatur aut aceptas dolupta incillendis

as maionsectur ad moluptae. Nequam, eiciis abo. Tem. Tam, undae int ut voluptisquo excereh endae.

Bus pratqui dit alignimint reprem volorpos sed elecerc idebis essimporeped eaqui autae. Itatus aut

quatiam es arume platur?Nobit voloreped ullandunt poreper ferepediost

voloritat hil maximusam volupta temporepel ipient.Occus aut latature, to vendae. Es es quibus, cum iunt,

quid es volest, quam sam sae. Facest re, voluptat dit quia esto core pa quis recum, sitatium delitatur res et landit pratiaest, que nobissum dolupta dest porum id

militas eum voles ut harum fugit, consectae volestia

Page 62: Tipografia Historia I

Maquetación Alineación

JustificadoRes cupti assim faccus. Ota cus cor sam, officia vendit, ut officiam, simusam facilloresti omnim aruntia qui temporenet dolectur, quist ad et endel ipiditeturia ipsam eveliquid expersped quis exped est, custint enda qui odit dolupturion prat officilla as re con nobit liqui net aborpore pro volupis doluptatur rerum verfern atiatur aut aceptas dolupta incillendis as maionsectur ad moluptae. Nequam, eiciis abo. Tem. Tam, undae int ut voluptisquo excereh endae. Bus pratqui dit alignimint reprem volorpos sed elecerc idebis essimporeped eaqui autae. Itatus aut quis recumsitatium delitatur

Justificado (con partición)Res cupti assim faccus. Ota cus cor sam, officia vendit, ut offi-ciam, simusam facilloresti om-nim aruntia qui temporenet dolectur, quist ad et endel ipi-diteturia ipsam eveliquid exper-sped quis exped est, custint enda qui odit dolupturion prat officilla as re con nobit liqui net aborpo-re pro volupis doluptatur rerum verfern atiatur aut aceptas do-lupta incillendis as maionsectur ad moluptae. Nequam, eiciis abo. Tem. Tam, undae int ut voluptis-quo excereh endae. Bus pratqui dit alignimint reprem volorpos sed elecerc idebis essimporeped eaqui autae. Itatus aut quis re-cumsitatium delitatur

ForzadoRes cupti assim faccus. Ota cus cor sam, officia vendit, ut officiam, simusam facilloresti omnim aruntia qui temporenet dolectur, quist ad et endel ipiditeturia ipsam eveliquid expersped quis exped est, custint enda qui odit dolupturion prat officilla as re con nobit liqui net aborpore pro volupis doluptatur rerum verfern atiatur aut aceptas dolupta incillendis as maionsectur ad moluptae. Nequam, eiciis abo. Tem. Tam, undae int ut voluptisquo excereh endae. Bus pratqui dit alignimint reprem volorpos sed elecerc idebis essimporeped eaqui autae itatus aut.

Page 63: Tipografia Historia I

Maquetación Alineación

Centrado Res cupti assim faccus. Ota cus cor sam, officia vendit, ut officiam, simusam facilloresti omnim

aruntia qui temporenet dolectur, quist ad et endel ipiditeturia ipsam eveliquid expersped quis exped

est, custint enda qui odit dolupturion prat officilla as re con nobit liqui net aborpore pro volupis doluptatur rerum verfern atiatur aut aceptas dolupta incillendis

as maionsectur ad moluptae. Nequam, eiciis abo. Tem. Tam, undae int ut voluptisquo excereh endae.

Bus pratqui dit alignimint reprem volorpos sed elecerc idebis essimporeped eaqui autae. Itatus aut

quatiam es arume platur?

Page 64: Tipografia Historia I

Maquetación Espaciado

Espaciado (tracking)

S e t r a t a d e u n a t i p o g r a f í a m u y e l e g a n t e y l e g i b l e , m e z c l a e n t r e l a o b j e t i v i d a d d e l o s t i p o s d e p a l o s e c o y e l e s t i l o y c l a r i d a d d e l a s l e t r a s c o n s e r i f .

Fue creada por Hermann Zapf para la Fundición Stempel, consiguiendo un diseño humanista con formas afiladas, evocadoras de la pluma caligráfica.

Entre sus influencias podemos citar los alfabetos grabados en piedra en la Roma Antigua, así como las tipografías propias de comienzos del renacimiento.

Espaciado (tracking) Variable

Se trata de una tipografía muy elegante y legible, mezcla entre la objetividad de los tipos de palo seco y el estilo y claridad de las letras con serif.

Fue creada por Hermann Zapf para la Fundición Stempel, consiguiendo un diseño humanista con formas afiladas, evocadoras de la pluma caligráfica.

Entre sus influencias podemos citar los alfabetos grabados en piedra en la Roma Antigua, así como las tipografías propias de comienzos del renacimiento.

+180

-100

0

Page 65: Tipografia Historia I

Maquetación interlineado

Interlínea (Correcta)

Se trata de una tipografía muy elegante y legible, mezcla entre la objetividad de los tipos de palo seco y el estilo y claridad de las letras con serif. Fue creada por Hermann Zapf para la Fundición Stempel, consiguiendo un diseño humanista con formas afiladas, evocadoras de la pluma caligráfica. Entre sus influencias podemos citar los alfabetos grabados en piedra en la Roma Antigua, así como las tipografías propias de comienzos del renacimiento.

Interlínea (Escasa)

Se trata de una tipografía muy elegante y legible, mezcla entre la objetividad de los tipos de palo seco y el estilo y claridad de las letras con serif. Fue creada por Hermann Zapf para la Fundición Stempel, consiguiendo un diseño humanista con formas afiladas, evocadoras de la pluma caligráfica. Entre sus influencias podemos citar los alfabetos grabados en piedra en la Roma Antigua, así como las tipografías propias de comienzos del renacimiento.

Interlínea (Amplia)

Se trata de una tipografía muy

elegante y legible, mezcla entre

la objetividad de los tipos de palo

seco y el estilo y claridad de las

letras con serif.

Fue creada por Hermann Zapf para

la Fundición Stempel, consiguiendo

un diseño humanista con formas

afiladas, evocadoras de la pluma

caligráfica.

Entre sus influencias podemos

citar los alfabetos grabados en

piedra en la Roma Antigua, así

como las tipografías propias de

comienzos del renacimiento.

Page 66: Tipografia Historia I

Maquetación interlineado

Interlínea (negativa)

TIPOGRAFÍA ELEGANTE

Interlínea (negativa)

Tipografía Elegante

Interlínea (positiva)

Se trata de una tipografía muy elegante y legible, mezcla entre la objetividad de los tipos de palo seco y el estilo y claridad de las letras con serif.

Page 67: Tipografia Historia I

Tipografía creativa

Page 68: Tipografia Historia I

Tipografía creativa

Page 69: Tipografia Historia I

Tipografía creativa

Page 70: Tipografia Historia I

Tipografía creativa

Page 71: Tipografia Historia I

Tipografía creativa

Page 72: Tipografia Historia I

Tipografía creativa

Page 73: Tipografia Historia I

Tipografía creativa

Page 74: Tipografia Historia I

Tipografía creativa

Page 75: Tipografia Historia I

Tipografía creativa

Page 76: Tipografia Historia I

Tipografía creativa

Page 77: Tipografia Historia I

Tipografía creativa

Page 78: Tipografia Historia I

Tipografía creativa

Page 79: Tipografia Historia I

Tipografía funcional

Page 80: Tipografia Historia I

Tipografía funcional

Page 81: Tipografia Historia I

Tipografía funcional

Page 82: Tipografia Historia I

Tipografía funcional

Page 83: Tipografia Historia I

Tipografía funcional

Page 84: Tipografia Historia I

Tipografía funcional

Page 85: Tipografia Historia I

Tipografía funcional

Page 86: Tipografia Historia I

Tipografía funcional

Page 87: Tipografia Historia I

Tipografía funcional

Page 88: Tipografia Historia I

Tipografía funcional

Page 89: Tipografia Historia I

Tipografía funcional

Page 90: Tipografia Historia I

Tipografía funcional

Page 91: Tipografia Historia I

Tipografía funcional

Page 92: Tipografia Historia I

Tipografía funcional

Page 93: Tipografia Historia I

Tipografía funcional

Page 94: Tipografia Historia I

Tipografía funcional

Page 95: Tipografia Historia I

Tipografía funcional

Page 96: Tipografia Historia I

Tipografía funcional

Page 97: Tipografia Historia I

Tipografía funcional

Page 98: Tipografia Historia I

Tipografía funcional

Page 99: Tipografia Historia I

Tipografía funcional

Page 100: Tipografia Historia I

Tipografía funcional

Page 101: Tipografia Historia I

Tipografía funcional

Page 102: Tipografia Historia I

Tipografía funcional

Page 103: Tipografia Historia I

Tipografía funcional

Page 104: Tipografia Historia I

Tipografía funcional

Page 105: Tipografia Historia I

Tipografía funcional

Page 106: Tipografia Historia I

Tipografía funcional

Page 107: Tipografia Historia I

Tipografía funcional

Page 108: Tipografia Historia I

Tipografía funcional

Page 109: Tipografia Historia I

Conclusiones

Analiza bien el proyecto que tienes entre manos

Las normas están para saltárselas, a veces

La tipografía es la principal aliada del diseñador gráfico

Tómate tu tiempo para elegirla

Page 110: Tipografia Historia I

Bibliografía

unostiposduros.comlineto.comandreubalius.blogspottyperepublic.com septemberindustry.co

El diseño gráfico. Desde los orígenes hasta nuestros días Enric SatuéAlianza Forma

La nueva tipografía Jan Tschichold Campgràfic

El abecé de la buena tipografía Jan Tschichold Campgràfic

La nueva tipografíaJan Tschichold. Ed. Campgràfic

Grid systemsJosef Müller-Brockman Niggli

Tipografía del siglo XXLewis Blackwell GG

Paul Renner. Doble volumen: Paul Renner, maestro tipógrafo + El arte de la tipografía. Ed. Campgràfic

Type. A visual history of Typefaces and Graphic Styles. Volume I & II. Ed. Taschen

Veintidos consejos sobre tipografía Enric JardíActar

Manual de tipografíaJosé Luis Martín y Montse Mas Hurtuna Campgràfic

TipografíaPhilipp Luidl Campgràfic

Creación, diseño y producción de librosAndrew Haslam Blume