26
UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíAS Código Fonético y Código Visual

UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

Embed Size (px)

Citation preview

Page 1: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

TiPOGRAFíAS

Código Fonético y Código Visual

Page 2: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

TIPOGRAFÍATIPOGRAFÍA

La palabra tipografía viene del griego typos (sello, marchamo) y de graphein (escribir) en 1929 Stanley

Morison nos legó la siguiente definición:

La palabra tipografía viene del griego typos (sello, marchamo) y de graphein (escribir) en 1929 Stanley

Morison nos legó la siguiente definición:

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 comprensión del texto.

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 comprensión del texto.

Podemos ver que esta definición fue realizada en 1929 para esta época no se había inventado la

fotocomposición ni mucho menos la computadora.

Podemos ver que esta definición fue realizada en 1929 para esta época no se había inventado la

fotocomposición ni mucho menos la computadora.

Page 3: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

TIPOGRAFÍA U SU EVOLUCIÓN

TIPOGRAFÍA U SU EVOLUCIÓN

La tipografía es el reflejo de una época. Por ello la evolución del diseño de las mismas responde a

proyecciones tecnológicas y artísticas.

La tipografía es el reflejo de una época. Por ello la evolución del diseño de las mismas responde a

proyecciones tecnológicas y artísticas.

El signo tipográfico se ha considerado como uno de los miembros más activos de los cambios culturales

del hombre.

El signo tipográfico se ha considerado como uno de los miembros más activos de los cambios culturales

del hombre.

En los primeros signos de escritura, cada signo nos expresa una idea, un concepto o una cosa;

estos signos se combinan entre sí para comunicar ideas más complejas. Estos sistemas de escritura

son los pictogramáticos, jeroglíficos e ideogramáticos.

En los primeros signos de escritura, cada signo nos expresa una idea, un concepto o una cosa;

estos signos se combinan entre sí para comunicar ideas más complejas. Estos sistemas de escritura

son los pictogramáticos, jeroglíficos e ideogramáticos.

Page 4: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Tipo es igual al modelo o diseño de una letra determinada.

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.

Familia tipográfica, en tipografía, significa un conjunto de tipos basado en una misma fuente, con algunas variaciones, tales, como por ejemplo, en el grosor y anchura, pero manteniendo características comunes. Los miembros que integran una familia se parecen entre sí pero tienen rasgos propios.

CONCEPTO DE TIPOGRAFÍA, FAMILIA Y FUENTES

TIPOGRÁFICAS

CONCEPTO DE TIPOGRAFÍA, FAMILIA Y FUENTES

TIPOGRÁFICAS

Page 5: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Escrituras antiguas• Código Fonético con símbolos

– Jeroglíficos Egipcios, formado por pictogramas y posteriormente ideogramas.

Page 6: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Escrituras antiguas

• Código Fonético con símbolos – Símbolos Cretenses ( 1600-1100 a.C.)

– Jeroglíficos Egeos

(1700 a. C.)

Page 7: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Escrituras antiguas

• Código Fonético con símbolos – Inscripciones Griegas

siglo III a. C.

– Mayúsculas esculpidas en

piedra en Rávena, Italia.

Siglo I d. C.

Page 8: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

¿Qué es la Tipografía?

– Alfabeto proviene del griego “Alpha y Beta” así como para nosotros el Abecedario proviene de “a,b,c,d”

– Procedimiento de composición con tipos móviles y de impresión con formas en relieve de materiales rígidos.

– Tipografía – tipos móviles – invento de Gutemberg.

Page 9: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Anatomía de la Letra

Page 10: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Anatomía de la Letra– ALTURA DE LAS 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.

– ANILLOAsta curva cerrada que encierra el blanco interno en letras tales como en la b, la p o la o.

– ASCENDENTEAsta de la letra de caja baja que sobresale por encima de la altura x, como en la b, la d o la k.

– BLANCO INTERNOEspacio en blanco contenido dentro de un anillo u ojal.

– DESCENDENTEAsta de la letra de caja baja que queda por debajo de la línea de base, como en la p o en la g.

– LÍNEA DE BASELa línea sobre la que se apoya la altura X.

– OJALPorción cerrada de la letra g que queda por debajo de la línea de base. Si ese rasgo es abierto se llama simplemente cola.

– SERIF, REMATE O GRACIATrazo terminal de un asta, brazo o cola. Es un resalte ornamental que no es indispensable para la definición del carácter, habiendo alfabetos que carecen de ellos.

Page 11: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

¿Qué es la Tipografía en el diseño?

– La esencia del buen diseño gráfico consiste en comunicar por medio de la palabra escrita, combinada a menudo con un dibujo o con fotografías. A lo largo de los siglos, el arte de exhibir la palabra escrita ha evolucionado hasta ser un campo sofisticado del diseño gráfico. Las palabras y las imágenes que éstas crean, vienen en muchos estilos. Cada letra de una palabra puede verse como una ilustración, y el trabajo del diseñador consiste en escoger las letras de molde correctas para comunicar el mensaje en forma correcta a su idea.

Page 12: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Clasificación de Fuentes

Tipográficas

Page 13: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Romanas

• Formado por fuentes que muestran influencias de la escritura manual, en concreto de la caligrafía humanista del s. XV, y también de la tradición lapidaria romana, donde los pies de las letras se tallaban para evitar que la piedra saltase en los ángulos.

Las fuentes Romanas son regulares, tienen una gran armonía de proporciones, presentan un fuerte contraste entre elementos rectos y curvos y sus remates les proporcionan un alto grado de legibilidad.

Page 14: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Palo seco

• Las fuentes Palo Seco se caracterizan por reducir los caracteres a su esquema esencial. Las mayúsculas se vuelven a las formas fenicias y griegas y las minúsculas están conformadas a base de líneas rectas y círculos unidos, reflejando la época en la que nacen, la industrialización y el funcionalismo.

Page 15: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Las cursivas inglesas nacen de la escritura común con pluma de acero derivada del siglo XIX. Destacamos entre ellas: las Snell English o las Kuenstler.

Forman parte también de los tipos de letra manuscritos o caligráficos la del tipo Mistral, verdadero hallazgo del grabador Excoffon, quien consiguió un alfabeto manuscrito de caja, cuyas letras enlazan perfectamente.

Rotuladas

• Las fuentes rotuladas advierten más o menos claramente el instrumento y la mano que los creó, y la tradición caligráfica o cursiva en la que se inspiró el creador.

Page 16: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Decoradas

• Las del tipo decorativas no pertenecen a ninguna clasificación exacta. La ornamentación de letras y tipos alcanzó su máximo esplendor hacia la primera mitad del siglo pasado, precisamente cuando se inició la litografía industrial. Debido a la fácil talla de la madera, las filigranas y ornamentaciones invadieron al tipo.

La ornamentación tipográfica existe desde hace muchos siglos, primero con las letras capitales adornadas, en los tiempos del Uncial, el Carolingio y el Gótico, más tarde con las capitales del Renacimiento. Otra muestra precedente de ornamentación la del antiguo Caslon.

Page 17: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Variantes de Familia

Dentro de cada familia, las variables tipográficas permiten obtener diferentes soluciones de color y ritmo. Las variables constituyen alfabetos alternativos dentro de la misma familia, manteniendo un criterio de diseño que las "emparenta" entre sí.

Page 18: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Variantes de Familia

– Mayúsculas (altas) TIPOGRAFÍA– Minúsculas (bajas) tipografía– Versalitas y versalitas TIPOGRAFÍA

– Normal(plan) Tipografía– Light Tipografía– Bold Tipografía– Heavy Tipografía– Italic Tipografía– Bold,Italic Tipografía– Condensada Tipografía– Extendida Tipografía

Page 19: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Familias Tipográficas

–Garamond

Es una letra de tipo romano, creada por Claudio Garamond (1480-1561) en el año de 1535 en París, se dedico al estudio de los caracteres, liberó al diseño de tipos de la dependencia que habían tenido de las formas caligráficas, permitiendo así el desarrollar la forma de las letras.

Page 20: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Familias Tipográficas

–Baskerville

John Baskerville (1706-1775) mejoró los modelos holandeses y creó los tipos Baskerville, sus diseños tipográficos son el mejor ejemplo del estilo transicional, pues fueron el puente de unión entre el estilo romano clásico y el moderno.

Page 21: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Familias Tipográficas

–Times

Los tipos Times New Roman, fueron diseñados en 1923 por Stanley Morrison (1899-1967) para el rediseño del diario The Times, especialmente pensados para la impresión de periódicos.

Page 22: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Familias Tipográficas

–Helvetica

Edouard Hoffmann de la fundición Suiza Hass, en colaboración con Max Mirdinger, realizaron en 1957 el diseño de un nuevo tipo sin patines, llamado palo seco. Se le denominó Hass Grotesque, pero al producirse este tipo en la fundidora Stemple en 1961, los alemanes la llamaron Helvética.

Page 23: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Tipos y textos

– Ínter letrado

La palabra es una sucesión de letras. Una palabra está bien espaciada si el ojo reconoce armonía y equilibrio entre las formas de las letras y las superficies que se encuentran en su entorno, es decir, entre plenos (negros) o vacíos (blancos). El resultado de este equilibrio es un “gris uniforme”, esto es una secuencia sin interrupciones.

Page 24: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Tipos y textos

U n i v e r si d a d T e c n o l ó g i c a M e t r o p o l i t a n a

Ínter letrado

Universidad Tecnológica Metropolitana

Page 25: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Tipos y textos

– Interlineado

Una línea de texto esta formada por palabras sucesivas.Esta debe ser cuidadosamente tratada para facilitar la lectura. Las palabras no deben exceder el espaciado entre sí, como así tampoco debe ser demasiado estrecho.ya que este debe apuntar a producir intervalos que permitan leer todas las palabras con la misma intensidad.

Page 26: UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 TiPOGRAFíASTiPOGRAFíAS Código Fonético y Código Visual

UN

IVE

RS

IDA

D T

EC

NO

GIC

A E

CO

TE

C. IS

O 9001:2008

Tipos y textos

– Interlineado

Las palabras no deben exceder el espaciado entre sí, como

así tampoco debe ser demasiado estrecho.

ya que este debe apuntar a producir intervalos que permitan

leer todas las palabras con la misma intensidad.

Las palabras no deben exceder el espaciado entre sí, como así tampoco debe ser demasiado estrecho.ya que este debe apuntar a producir intervalos que permitan leer todas las palabras con la misma intensidad.