La tipografía como imagen/ The typography as image

Page 1

LA LETRA IMPRESA “Tipografía como imagen”

Iria Caballero Ullate 11 de febrero 2014 ESDi 2013-2014 - Tipografía II


OBJETIVOS 3 CONTENIDO TEMA ESCOGIDO 4 SUMARIO 5 CARACTERÍSTICAS TÉCNICAS FORMATO DE LA CUBIERTA 6 FORMATO DE LA TRIPA 7 OPTIMIZACIÓN DEL PAPEL 8 IMPRESIÓN DE LA CUBIERTA 9 IMPRESIÓN DE LA TRIPA 10

GAMA CROMÁTICA PARA EL TEXTO

11

TIPOGRAFÍA 12 ESTILOS CUBIERTA 14 TRIPA 15 ESTRUCTURA UTILIZADA CUBIERTA 17 ÍNDICE 19 TRIPA 21 PIES DE FOTO 23

APLICACIÓN DE LA REJILLA BASE

24

LANZADO 25 RESULTADO FINAL 27


LA LETRA IMPRESA

OBJETIVOS El proyecto de “La letra impresa” se basa en la realización de una publicación, en torno a la tipografía. Con esta práctica se pretende trabajar tanto las posibilidades funcionales como expresivas que comportan la utilización del lenguaje y los recursos tipográficos. A parte, también se ha de buscar el material documental y fotográfico de esta publicación. En mi caso, he basado este proyecto en “La tipografía como imagen” . Al ser estudiante de diseño gráfico, he creído oportuno trasladar el mundo de la tipografía al de la imagen, entendiendo las letras por sus formas.

3


CONTENIDO. TEMA ESCOGIDO

LA TIPOGRAFÍA COMO IMAGEN El tema que he escogido pretende explicar qué es el hecho de tratar la tipografía como si fuera una imagen. La publicación se divide en dos partes la teórica (explicando los conceptos básicos) y la práctica (entrevistando a dos diseñadores). La esencia de la publicación se podría definir de la manera siguiente: “Cada tipografía aprovecha de manera diferente sus cualidades formales. El modo en que se combinan entre sí, proporciona un amplio abanico de modelos de expresión. La tipografía puede comportarse como una imagen gracias a los atributos formales que definen su personalidad gráfica”

El texto de la introducción pertenece a la página web: http://www.palermo.edu/dyc/opendc/opendc2009_2/apuntes/035.pdf El texto del primer capítulo se encuentra publicado en: http://www.eyemagazine.com/feature/article/reputations-josef-muller-brockmann

4


CONTENIDO. SUMARIO

1º,2º,3º CAPÍTULO 1. La tipografía 2. La imagen 3. La tipografía como imagen 4. Josef Müller Brockmann 5. Alex Trochud

Explicación del concepto de tipografía e imagen, y por último la unión de los dos, tratando la tipografía como si de una imagen se tratara. 4º,5º CAPÍTULO Dos capítulos a partir de entrevistas realizadas a dos diseñadores que trabajan la tipografía como imagen. Josef Müller Brockmann representando el diseño gráfico de los años 30 y Alex Trochut diseñador/ilustrador contemporáneo.

5


CARACTERÍSTICAS TÉCNICAS. FORMATO DE LA CUBIERTA

10 mm

240 mm

164 mm

164 mm

6


CARACTERÍSTICAS TÉCNICAS. FORMATO DE LA TRIPA

CERRADO

ABIERTO

240 mm

240 mm

164 mm

328 mm

7


CARACTERÍSTICAS TÉCNICAS. OPTIMIZACIÓN DEL PAPEL

2 A

11 - El tamaño máximo de las hojas, para imprimir en las imprentas profesionales, es 700mm x 900mm.

9

3 A

900 mm

1

4 B

12

- El tamaño de la publicación (164mm x 240mm) nos permite optimizar el papel a la hora de imprimir, ya que se puede realizar una imposición de 12 páginas por cada hoja impresa.

10

- Esta disposición desperdicia muy poca superficie de papel y esto hace que sea más económica la impresión.

8

5 B

6 C

7 C

700 mm 8


CARACTERÍSTICAS TÉCNICAS. IMPRESIÓN DE LA CUBIERTA

EXTERIOR

-

INTERIOR

Cubierta blanda Plastificado mate Cuatricromía Doble Cara Encuadernación cosida (rústica)

9


CARACTERÍSTICAS TÉCNICAS. IMPRESIÓN DE LA TRIPA

-

Papel mate 120 gr Doble cara Cuatricromía

10


CARACTERÍSTICAS TÉCNICAS. GAMA CROMÁTICA PARA EL TEXTO

C= 0 M= 0 Y= 0 K= 100 - Uso de una única tinta en el texto. El hecho de que se use sólo la tinta negra o un porcentaje de ésta impide posibles errores de registro. C= 0 M= 0 Y= 0 K= 60

- El color rojo es usado en los títulos de capítulo, en inglés, dando un toque informal y destacado al conjunto más serio. - El color rojo escogido se crea a partir de tres tintas, a pesar de esto, no se encarece el precio de la publicación ya que igualmente se ha de imprimir en cuatricromia debido a las imágenes.

C= 15 M= 15 Y= 100 K= 0

11


TIPOGRAFÍAS

HELVETICA NEUE BLACK ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789

HELVETICA NEUE BOLD ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789

Helvetica Neue es una tipografía sans serif, usada para los detalles de la publicación. (títulos de capitulo, del libro, foliados, índice, números de página o texto legal) Esta tipografía aporta un tono más moderno al conjunto de la publicación.

HELVETICA NEUE LIGHT ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789

12


TIPOGRAFÍAS

Minion Pro Bold ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789 Minion Pro Regular ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789

Minion Pro es una tipografía serif, usada para el cuerpo general y los subtitulos de tripa. La elección de esta tipografía permite una mayor legibilidad en textos largos.

Minion Pro Italic ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789

13


ESTILOS. CUBIERTA

1

4

2

5 3

1

Helvetica Neue Bold 10pt/11pt Justificado Negro (Castellano) C=15 M=100 Y=100 K=0

(Inglés)

2

Helvetica Neue Black 11pt/12pt Bandera izquierda Negro (Castellano) Blanco (Inglés)

3

Helvetica Neue Regular 11pt/12pt Bandera derehca Negro

4

Helvetica Neue Black 48pt/48pt Negro (Castellano)

5

Helvetica Neue Regular 14pt/15pt Negro

C=15 M=100 Y=100 K=0

(Inglés)

14


ESTILOS. TRIPA

1 2

5 4 4

1

Helvetica Neue Black 14pt/20pt Centrado Negro (Castellano) Negro 60% (Inglés)

2

Helvetica Neue Light 10pt/12pt Centrado Negro 60%

3

Helvetica Neue Light/Bold 7pt/8pt Bandera derecha Negro 60%

4

Helvetica Neue Bold 30pt/32pt Negro (Castellano)

5

Helvetica Neue Bold 11pt/13pt Negro (Castellano)

C=15 M=100 Y=100 K=0

C=15 M=100 Y=100 K=0

(Inglés)

(Inglés)

15


ESTILOS. TRIPA

9

10

6

7

8

11

6

Helvetica Neue Bold 17pt/20pt Bandera derecha Minúsculas Negro (Castellano) C=15 M=100 Y=100 K=0

(Inglés)

7

Minion Pro Regular 10,3pt/11,5pt Justificado Negro (Castellano) Negro 60% (Inglés)

8

Minion Pro Bold 10,3pt/11,5pt Bandera derecha Mayúsculas Negro (Castellano) Negro 60% (Inglés)

9

Helvetica Neue Light(Castellano) Bold (Inglés) 8pt/9pt Negro Bandera izquierda

10

Helvetica Neue Light Italic 6,5pt/7,5pt Negro (Castellano) Negro 60% (Inglés)

11

Helvetica Neue Bold 8pt/9pt Negro

16


ESTRUCTURA UTILIZADA. RETÍCULA CUBIERTA

REFERENTES

RESULTADO FINAL

17


ESTRUCTURA UTILIZADA. RETÍCULA CUBIERTA

guía de inicio

guía de autor

guía de la editorial

- Composición únicamente tipográfica y sencilla, ya que lo importante es el contenido de la publicación. A pesar de esto, posé la pregnancia necesaria para llamar la atención. - Resultado más limpio, claro e informal. - Uso de los colores característicos de la publicación

18


e

Th

im e

ag

ex Al

hy 7

as 20

e

ag

im

t 50

68

n an

km

c ro

rB

hu

oc Tr

le ül

fM

se

p ra

og

p Ty

Jo

La

im

La

86

74

fía

ra

og

tip

68

ón

50

20

di ce

ín ci

uc

tr od

In

x

L ag co a ti en m po o gr Jo i a m se ag fía fM Al en ex ül le Tr rB oc hu ro ck t m an n

n

e

p Ty

e

Th tio

uc

od tr

In

de

7

REFERENTES

in

ESTRUCTURA UTILIZADA. RETÍCULA ÍNDICE

RESULTADO FINAL

74

86

19


ESTRUCTURA UTILIZADA. RETÍCULA ÍNDICE

- Composición tipográfica basada en una retícula. Inspirada en las obras de Josef Müller Brockmann. - Resultado estructurado, claro y geométrico - Uso de los colores característicos de la publicación

20


ESTRUCTURA UTILIZADA. RETÍCULA TRIPA

8 columnas 15mm 12mm

9 filas

20,5mm

5mm

17mm

12,5mm MÓDULO

25,5mm

21


ESTRUCTURA UTILIZADA. RETÍCULA TRIPA

- El texto de la publicación se estructura únicamente en dos columnas, con una misma anchura. - El objetivo principal es romper con la monotonía de la estructura rígida que se crea usando sólo un ancho de columna. Para ello, he creado un juego con las alturas de éstas, siempre basándome en la rejilla creada. - La rejilla de 8 columnas me permite colocar con dinamismo las imágenes y los pies de foto. - Se diferencian los dos idiomas mediante el color (Castellano en tinta negra e Inglés con un 60% de negro) - Gran presencia de blancos en cada doble página para que la composición respire.

22


ESTRUCTURA UTILIZADA. PIES DE FOTO

DISTANCIA DE LA FOTO AL PIE 2,5mm = 1/2 medianil

ANCHO MÁXIMO DEL PIE

x2 módulo

COLOCACIÓN - Margen superior de la foto (derecha o izquierda) - En la parte inferior en el lado izquierdo de la foto

23


ESTRUCTURA UTILIZADA. APLICACIÓN DE LA REJILLA BASE

24


LANZADO

25


LANZADO

26


RESULTADO FINAL

27


RESULTADO FINAL

28


RESULTADO FINAL

29


RESULTADO FINAL

30


RESULTADO FINAL

31


RESULTADO FINAL

32


RESULTADO FINAL

33


RESULTADO FINAL

34


RESULTADO FINAL

35


RESULTADO FINAL

36


RESULTADO FINAL

37


RESULTADO FINAL

38


RESULTADO FINAL

39


RESULTADO FINAL

40


RESULTADO FINAL

41


RESULTADO FINAL

42


RESULTADO FINAL

43


RESULTADO FINAL

44


RESULTADO FINAL

45


RESULTADO FINAL

46


RESULTADO FINAL

47


RESULTADO FINAL

48


RESULTADO FINAL

49


RESULTADO FINAL

50


RESULTADO FINAL

51


RESULTADO FINAL

52


RESULTADO FINAL

53


RESULTADO FINAL

54



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.