Introducción a la tipografía

61
Tipografía: conceptos básicos. Otoño 2009. Mtro. Omar Sosa Tzec http://www.tzek-design.com/blog

Transcript of Introducción a la tipografía

Page 1: Introducción a la tipografía

Tipografía: conceptos básicos.

Otoño 2009.

Mtro. Omar Sosa Tzechttp://www.tzek-design.com/blog

Page 2: Introducción a la tipografía

Conceptos básicos de tipografía.

Page 3: Introducción a la tipografía

Fuente.

Page 4: Introducción a la tipografía

aBaskerville Regular 900 pt.

Page 5: Introducción a la tipografía

Familia Tipográfica.

Page 6: Introducción a la tipografía

Baskerville Regular

Baskerville Semibold

Baskerville Bold

Baskerville Italic

Baskerville Semibold Italic

Baskerville Bold Italic

Page 7: Introducción a la tipografía

Peso.

Page 8: Introducción a la tipografía

Baskerville

Baskerville

Baskerville

Page 9: Introducción a la tipografía

aaa

Page 10: Introducción a la tipografía

Modulación.

Page 11: Introducción a la tipografía

oe oe oe

Page 12: Introducción a la tipografía

Contraste.

Page 13: Introducción a la tipografía

pues puesAlto contraste Bajo contraste.

Page 14: Introducción a la tipografía

Línea base.

Page 15: Introducción a la tipografía

x Baskerville

Page 16: Introducción a la tipografía

Altura de las x.

Page 17: Introducción a la tipografía

x Baskerville

Page 18: Introducción a la tipografía

x amor kt

Page 19: Introducción a la tipografía

Línea de las mayúsculas.

Page 20: Introducción a la tipografía

x Baskerville

Page 21: Introducción a la tipografía

Línea media.

Page 22: Introducción a la tipografía

x Bask E H F

Page 23: Introducción a la tipografía

Ascendentes y descendentes.

Page 24: Introducción a la tipografía

gato felpa

Page 25: Introducción a la tipografía

Ligaduras.

Page 26: Introducción a la tipografía

fiel

Page 27: Introducción a la tipografía

Caja baja.

Page 28: Introducción a la tipografía

abcdefghijklmnñopqrstuvwxyz

Page 29: Introducción a la tipografía

Caja alta.

Page 30: Introducción a la tipografía

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

Page 31: Introducción a la tipografía

Versalitas.

Page 32: Introducción a la tipografía

abcdefghijklmnñopqrstuvwxyz

Page 33: Introducción a la tipografía

abc ABC x

Page 34: Introducción a la tipografía

Puntaje.

Page 35: Introducción a la tipografía

hola y hola y hola y hola y

Divona Regular 60 pt.

Times New Roman Regular 60 pt.

Optima Regular 60 pt.

Helvetica Regular 60 pt.

Page 36: Introducción a la tipografía

* Pica

* Punto

* Em

Page 37: Introducción a la tipografía

hola y hola y hola y hola y

Divona Regular 5p0.

Times New Roman Regular 5p0.

Optima Regular 5p0.

Helvetica Regular 5p0.

Page 38: Introducción a la tipografía

Serif y San Serif.

Page 39: Introducción a la tipografía

taxi taxiSerif San Serif

Page 40: Introducción a la tipografía

Kerning.

Page 41: Introducción a la tipografía

taxi

t a x i

t a x i

Page 42: Introducción a la tipografía

Tracking.

Page 43: Introducción a la tipografía

taxi drivertaxi drivertaxi driver

Page 44: Introducción a la tipografía

Leading o interlineado.

Page 45: Introducción a la tipografía

Information design is the defining, planning, and shaping of the contents of a message and the environments it is presented in with the intention of achieving particular objectives in relation to the needs of users.

Page 46: Introducción a la tipografía

Information design is the defining, planning, and shaping of the contents of a message and the environments it is presented in with the intention of achieving particular objectives in relation to the needs of users.

Page 47: Introducción a la tipografía

Information design is the defining, planning,

and shaping of the contents of a message and

the environments it is presented in with the

intention of achieving particular objectives in

relation to the needs of users.

Page 48: Introducción a la tipografía

Information design is the defining, planning,

and shaping of the contents of a message and

the environments it is presented in with the

intention of achieving particular objectives in

relation to the needs of users.

Page 49: Introducción a la tipografía

Alineación.

Page 50: Introducción a la tipografía

Information design is the defining, planning, and shaping of the contents of a message and the environments it is presented in with the intention of achieving particular objectives in relation to the needs of users.

Izquierda.

Page 51: Introducción a la tipografía

Information design is the defining, planning, and shaping of the contents of a message and

the environments it is presented in with the intention of achieving particular objectives in

relation to the needs of users.

Derecha.

Page 52: Introducción a la tipografía

Information design is the defining, planning, and shaping of the contents of a message and the environments it is presented in with the

intention of achieving particular objectives in relation to the needs of users.

Centrada.

Page 53: Introducción a la tipografía

Information design is the defining, planning, and shaping of the contents of a message and the environments it is presented in with the intention of achieving particular objectives in relation to the needs of users.

Justificado.

Page 54: Introducción a la tipografía

Color tipográfico.

Page 55: Introducción a la tipografía

Information design is the defining, planning, and shaping of the contents of a message and the environments it is presented in with the intention of achieving particular objectives in relation to the needs of users.

Big Caslon 10/12 (suposición sólo para ejemplificar)

Page 56: Introducción a la tipografía

Information design is the defining, planning, and shaping of the contents of a message and the environments it is presented in with the intention of achieving particular objectives in relation to the needs of users.

Cochin Regular 10/12 (suposición sólo para ejemplificar)

Page 57: Introducción a la tipografía

Information design is the defining, planning, and shaping of the contents of a message and the environments it is presented in with the intention of achieving particular objectives in relation to the needs of users.

Cochin Bold 10/12 (suposición sólo para ejemplificar)

Page 58: Introducción a la tipografía

Information design is the defining, planning,

and shaping of the contents of a message and

the environments it is presented in with the

intention of achieving particular objectives in

relation to the needs of users.

Cochin Bold 10/20.4 (suposición sólo para ejemplificar)

Page 59: Introducción a la tipografía

Information design is the defining, planning, and shaping of the contents of a message and the environments it is presented in with the intention of achieving particular objectives in relation to the needs of users.

Cochin Bold 10/9.6 (suposición sólo para ejemplificar)

Page 60: Introducción a la tipografía

Information design is the defining, planning, and shaping of the contents of a message and the environments it is presented in with the intention of achieving particular objectives in relation to the needs of users.

Copperplate Light 10/9.6 (suposición sólo para ejemplificar)

Page 61: Introducción a la tipografía

Gracias.

* Familia y fuentes tipográficas usadas sin fines comerciales, sólo para demostraciones educativas.