introducciÓn_tipografia - diseño de comunicación

41
CONCEPTO DE TIPOGRAFÍA 1

Upload: david-lop

Post on 06-Apr-2018

224 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 1/44

CONCEPTO DE TIPOGRAFÍA

1

Page 2: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 2/44

En la era de la imagen...

¿Ocupan las palabras un lugar marginal?

Para muchos diseñadores las palabras

siendo un “mal menor necesario” en el

de creación de imágenes de im

Tratamos las palabras ignorando el mde su sig

LAS PALABRA

COMUNICAC

   E   l    d   i  s  e   ñ  a   d  o  r  y   l  a   t   i  p  o  g  r  a   f   í  a

Page 3: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 3/44

“una imagen vale más que mil palabras”

Confucio (551 a.C. - 478 a.C.)

En la era de la imagen...LAS PALABRAS SON COMUNICACIÓN

El diseñador tiene que estar preparado no solo para LEER laspalabras que tiene que incluir en sus diseños, sino que tiene que

ENTENDERLAS.

Y así poder FACILITAR, POTENCIAR y MATIZAR, grácamente,

los procesos de interpretación.   E   l    d   i  s  e   ñ  a   d  o  r  y   l  a   t   i  p  o  g  r  a   f   í  a

Page 4: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 4/44

   E   l    d   i  s  e   ñ  a   d  o  r  y   l  a   t   i  p  o  g  r  a   f   í  a

Page 5: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 5/44

   E   l    d   i  s  e   ñ  a   d  o  r  y   l  a   t   i  p  o  g  r  a   f   í  a

Page 6: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 6/44

Elegancia y buen gFerrero

Ferrero

   E   l    d   i  s  e   ñ  a   d  o  r  y   l  a   t   i  p  o  g  r  a   f   í  a

Page 7: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 7/44

   E   l    d   i  s  e   ñ  a   d  o  r  y   l  a   t   i  p  o  g  r  a   f   í  a

Page 8: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 8/44

El interés por la tipografía indica

LA MANIFESTACIÓN DE NUESTRA BÚSQ

DE UNA MAYOR EFICACIA Y DE UN MA

PODER DE COMUNICACIÓN CON LA PAESCRITA.

La tipografía tiene la capacidad de revelar, de un

modo realmente sutil, toda una serie de

connotaciones personales, socio-culturales e

ideológicas.

   E   l    d   i  s  e

   ñ  a   d  o  r  y   l  a   t   i  p  o  g  r  a   f   í  a

Page 9: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 9/44

   E   l    d   i  s  e

   ñ  a   d  o  r  y   l  a   t   i  p  o

  g  r  a   f   í  a

Page 10: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 10/44

   E   l    d   i  s  e

   ñ  a   d  o  r  y   l  a   t   i  p  o

  g  r  a   f   í  a

Page 11: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 11/44

   E   l    d   i  s  e

   ñ  a   d  o  r  y   l  a   t   i  p  o

  g  r  a   f   í  a

Page 12: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 12/44

Para el diseñador exigente, la elecciónadecuada tipografía puede convertirseverdadero problema:

¿por donde empezar a

¿Cómo elegir los tipos ade

¿Cuál es el tamaño ad

¿Qué variación exacta del tipo

 La bastísima variedad de caracte

articula en torno a una serie de

mínimos sutilmente diferenc

   E   l    d   i  s  e

   ñ  a   d  o  r  y   l  a   t   i  p  o

  g  r  a   f   í  a

Page 13: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 13/44

Un buen diseño tipográco es siempre una muestra de laperfección y sutileza tanto en el trazo, como en lasproporciones.

Las curvas se ensanchan y estiran con cualidades orgánicaso geométricas.

El diseño tipográco es una forma de microdiseñodebemos aprender a apreciarlo. 

“Las Palabras en la superficie se ven, no se El Lissitzk

   E   l    d   i  s  e

   ñ  a   d  o  r  y   l  a   t   i  p  o

  g  r  a   f   í  a

Page 14: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 14/44

Page 15: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 15/44

Page 16: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 16/44

¿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.

TIPOGRAFÍA = LETRAS = TEXTO

La tipografía ha sido un sistema de composicimpresión que tal y como lo creó J. Gutenbe

perdurado más de 500 años sin sufrir camsustanc

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P   O   G   R   A   F    Í   A

Page 17: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 17/44

La tipografía se ocupa de estructurar y

organizar el lenguaje visualmentePhil Baines y Andrew Haslam (2002)

La tipografía también remite al diseño y creación de aquellos caracteremínimos (signos grácos) con los que va a poder organizarse yestructurarse el mensaje visual.

un diseño para la ESCRITURAun diseño para la LECTURA.   C

   O   N   C

   E   P   T   O

    D   E

   T   I   P   O   G   R   A   F    Í   A

Page 18: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 18/44

El diseñador gráco se encuentra, respecto a la

disciplina tipográca, en el ámbito de laautoedición.

AUTOEDICIÓN:

“la actividad donde cada trabajo realizado, en principio, está pensadoser impreso en cualquier medio de los que se dispone actualmente, de

simple impresora hasta la rotativa más compleja, por ello, el resulta

trabajo lo tendremos siempre sobre el papel y no en pan

José Luis Martín y Motserrat Má

 

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P   O   G   R   A   F    Í   A

Page 19: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 19/44

AUTOEDICIÓN MULTIMEDIA

Campos de trabajo del diseñador que exigengestiones especializadas sobre saber tipográfico 

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Page 20: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 20/44

La práctica nos enseña las diferencias existentes en lasdistintas aplicaciones del conocimiento tipográco, por loque podemos distinguir dos enfoques prácticoscomplementarios:

TIPOGRAFÍA DE EDICIÓNTIPOGRAFÍA CREATIVA 

 

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Page 21: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 21/44

La tipografía de edición, se centra en cuestiones tipográcas

relacionadas con las Familias de tipos, el tamaño de las letras, losespacios entre las letras y las palabras, la interlínea, la medida de

la línea y la columna;

Se ocupa de todas aquellas unidades a las que losdiseñadores grácos y tipógrafos, tradicionalmente, leconceden un carácter y un valor normativo.

LEGIBILIDAD

 

   T   I   P   O   G   R

   A   F

    Í   A   d  e

   E   D   I   C   I    Ó   N

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Page 22: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 22/44

   T   I   P   O   G   R

   A   F

    Í   A   d  e

   E   D   I   C   I    Ó   N

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Page 23: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 23/44

   T   I   P   O   G   R

   A   F

    Í   A   d  e

   E   D   I   C   I    Ó   N

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Page 24: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 24/44

   T   I   P   O   G   R

   A   F

    Í   A   d  e

   E   D   I   C   I    Ó   N

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Page 25: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 25/44

   T   I   P   O   G   R

   A   F

    Í   A   d  e

   E   D   I   C   I    Ó   N

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Page 26: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 26/44

Page 27: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 27/44

   T   I   P   O   G   R   A   F

    Í   A   C   R   E   A   T   I   V   A

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

EXPRESIVID

Page 28: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 28/44

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 quese acentúan y potencian los aspectos grácos de loscaracteres:

el texto es concebido y tratado como una imagen. 

Lo importante es la interacción expresiva entre

forma y contenido

EXPRESIVID

   T   I   P   O   G   R   A   F

    Í   A   C   R   E   A   T   I   V   A

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Page 29: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 29/44

   T   I   P   O   G   R   A   F

    Í   A   C   R   E   A   T   I   V   A

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Page 30: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 30/44

   T   I   P   O   G

   R   A   F

    Í   A   C   R   E   A   T   I   V   A

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Page 31: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 31/44

   T   I   P   O   G

   R   A   F

    Í   A   C   R   E   A   T   I   V   A

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Page 32: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 32/44

   T   I   P   O   G

   R   A   F

    Í   A   C   R   E   A   T   I   V   A

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Page 33: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 33/44

   T   I   P   O   G

   R   A   F

    Í   A   C   R   E   A   T   I   V   A

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Page 34: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 34/44

   T   I   P   O   G

   R   A   F

    Í   A   C   R   E   A   T   I   V   A

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Page 35: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 35/44

   T   I   P   O   G

   R   A   F

    Í   A   C   R   E   A   T   I   V   A

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Page 36: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 36/44

   T   I   P   O   G

   R   A   F

    Í   A   C   R   E   A   T   I   V   A

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Page 37: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 37/44

   T   I   P   O   G

   R   A   F

    Í   A   C   R   E   A   T   I   V   A

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Page 38: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 38/44

   T   I   P   O   G

   R   A   F

    Í   A   C   R   E   A   T   I   V   A

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Page 39: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 39/44

   T   I   P   O   G

   R   A   F

    Í   A   C   R   E   A   T   I   V   A

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Microtipografía y Macrotip

Page 40: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 40/44

La Macrotipografía que es la tipografía de loselementos mayores, cuyo ámbito es el de la producción editorialen 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. 

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Microtipografía y Macrotip

Page 41: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 41/44

procesos de maquetación núcleoconceptual: maqueta (Layout)   C

   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Microtipografía y Macrotip

Page 42: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 42/44

En el ámbito de la Microtipografía o tipografía del

Detalle, las unidades conceptuales o conceptostipográcos esenciales son:

La Letra y el espacio entre las letras;

la Palabra y el espacio entre las palabras;

la Línea y el interlineado

El Parrafo

la Columna   T   I   P   O   G

   R   A   F

    Í   A   C   R   E   A   T   I   V   A

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

Microtipografía y Macrotipo

Page 43: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 43/44

Las correcciones apliforma geométrica bl e t r a s t i e n e c o mcompensar ilusionesactúan sobre la formde las letras y sobresus rasgos. En funcióuna consistencia

tamaño, por ejemploforma circular o trianen altura física a las d

Entre otras modificaindicarse que los thorizontales se colocde la mitad de la alturesultado sea de maygrosor de los trazosdirección: los vervisualmente represeson más g rueso

horizontales; los medios son más fextremos ubicados elos diagonales son finos que los horizoextremos. Los trazodiagonales se afinaconvergencias en funla creación de grnegras mientras qucurvos varían constgrosor y nunca son aren función de manejvisuales de una mmecánica, más fluidaestas características en los alfabetos del si

Palabra

Longitud de la línea en el párrafo

y calculo del interlineado correcto

   C   O   N   C

   E   P   T   O

    D   E

   T   I   P

   O   G   R   A   F    Í   A

e

Page 44: INTRODUCCIÓN_Tipografia - Diseño de comunicación

8/3/2019 INTRODUCCIÓN_Tipografia - Diseño de comunicación

http://slidepdf.com/reader/full/introducciontipografia-diseno-de-comunicacion 44/44