tipografía y maquetación aplicada

5/14/2018 tipografía y maquetación aplicada - slidepdf.com

http://slidepdf.com/reader/full/tipografia-y-maquetacion-aplicada 1/200

TIPOGRAFÍA & MAQUETACIAPLICADA A LA ILUSTRAC



Obje

tivos:•! Aproximación a la disciplina tipográfica

aplicada a las necesidades del ilustrador.

•! Introducción a uso de herramientas digitales demaquetación: Indesing



Conte

nidos:La tipografía y el ilustrador•! Tipografía como forma expresiva

•! Tipografía como tecnología de la Comunicación

Forma tipográfica:•! Estructura y proporciones•! Anatomía

•! Familias tipográficas: Clasificaciones

Macrotipografía y maquetación.



!En el mundo de la imagen...

¿Ocupan las palabras un lugar marginal?

Para muchos ILUSTRADORES las palabras aca

siendo un “mal menor necesario” en el proces

creación de imágenes de impac

Tratamos las palabras ignoranmensaje de su signifi

LAS PALABRAS SO

COMUNICACIÓ



“Las Palabras en la superficie se ven, no se oEl Lissitzky



Elegancia y buen gustoFerrero Roche

Ferrero Roche



El interés por la tipografía ind

LA MANIFESTACIÓN DE NUEST

BÚSQUEDA DE UNA MAYOR EFICAC

DE UN MAYOR PODER DE COMUNICACCON LA PALABRA ESCRI

La tipografía tiene la capacidad de revelar, de un realmente sutil, toda una serie de connotaciones perso

socio-culturales e ideoló



Un buen diseño tipográfico 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ánic

geométricas.

El diseño tipográfico es una forma

microdiseñ



CONCEPTO DE TIPOGRAFÍA



TIPOGRAFÍA = LETRAS = TEXTO

La tipografía ha sido un sistema de composición e impresión que tal y comJ. Gutenberg ha perdurado más de 500 años sin sufrir cambios sust

¿Qué significa tipografía?

El término tipografía remite tanto

al lugar donde se imprime, esto esla imprenta, como al arte deimprimir.

!"#$%

http://youtu.be/WNBb98N79nM



!"#$%



La tipografía se ocupa de estructurar yorganizar el lenguaje visualmentePhil Baines y Andrew Haslam (2002)

La tipografía también remite al diseño y creación de aquelloscaracteres mínimos (signos gráficos) con los que va a poderorganizarse y estructurarse el mensaje visual.

un diseño para la ESCRITURA

un diseño para la LECTURA.



La tipografía y el ilustrador

La tipografía como dibujo…escribir, caligrafiar y dibujar



Alex TrochutS-Kate



www.letterplayground.com



EXPRESIVI

! " # $ " % ' ( ) * + , - . " / " 0 1 ( % + % , 2 , " % " ( . " ' * - * 3 " %

& ' ( ) * + " ( , - . / # , '

# 0 1 ( " # ' ( 2 , ' # 0 ( 1 , - ( 3 + . 0 + # - 4

5 6 7 - 8 9 : . - 9 ; " <

EXPRESIVID



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, sinoque se acentúan y potencian los aspectos gráficos de los

caracteres:

el texto es concebido y tratado como una imagen.

Lo importante es la interacción expresiva entre

forma y contenido

EXPRESIVID



Cyrus HighsmithEstampa Tipográfica



Alex TrochutExpo Psicotipografico (2007)



Sagmeister"Set the Twilight Reeling" de Lou Reed



SagmeisterThings I Have Learned In My Life So Far:

Trying to look good limits my life (2008)



Herb LubalinConstrucción Tipográfica




Texto funcional




Texto funcionalOnomatopeya




Texto funcionalTipografía y código escenográfico




Texto funcionalCartela & Bocadillo

Onomatopeya

Tipografía y código escenográfico



EXPRESIVI

! " # $ " % ' ( ) * + , - . "

/ " 0 1 ( % + % , 2 , " % " ( . " ' * - * 3 " %

& ' ( ) * + " ( , - . / # ,

' # 0 1 ( " # ' ( 2 , ' # 0 ( 1 , - ( 3 + . 0 + # - 4

5 6 7 - 8 9 : . - 9 ; " <



LEGIBILI

! " # $ " % ' ( ) * + , - . " / " 0 1 ( % + % , 2 , " % " ( . " ' * - * 3 " %

& ' ( ) * + " ( , - . / # ,

' # 0 1 ( " # ' ( 2 , ' # 0 ( 1 , - ( 3 + . 0 + # - 4

5 6 7 - 8 9 : . - 9 ; " <



! " # $ " % ' ( ) * + , - . " / " 0 1 ( % + % , 2 , " % " ( . " ' * - * 3 " %

& ' ( ) * + " ( , - . / # ,

' # 0 1 ( " # ' ( 2 , ' # 0 ( 1 , - ( 3 + . 0 + # - 4

5 6 7 - 8 9 : . - 9 ; " <

La tipografía de edición, se centra en cuestionestipográficas relacionadas con las: Familias de tipos,el tamaño de las letras, los espacios entre las letrasy las palabras, la interlínea, la medida de la línea y lacolumna…;

Se ocupa de todas aquellas unidades a las que los diseñadoresgráficos y tipógrafos, tradicionalmente, le conceden un carácter un valor normativo.

LEGIBILIDAD



La Tipografía es el arte de disponer correctamente el material de imprimir, de acuerdo con un propósitoespecífico: 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 Morinson (1929)



TYPOGRAFÍA INVISIBLE ?



Toda recepción de escritura se realiza de dos modos simultá

1º como lectura en el sentido propio de la palabra, o sea transformación de una serie de letras vistas por el lec

pensami

Jost Hochul

2º como visión gráfica que desencadena una seasociaciones con lo ya visto, además de generar efectos emocion

apreciaciones esté



Factor LINGÜÍ

Factor GR

Critter // Craig Frazier



Una de las principales funciones de la tipografía esla de actuar como soporte para la comunicación.

La legibilidad de un texto, de una palabra o un carácter está relacionada en cierta mane

con la “invisibilidad” de los signos gráficos q

le dan presen



Cómo leemos una línea de texto, como opera el proceso de lectura……………



MACROTIPOGRA& MICROTIPOGRA



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 lascolumnas del texto, así como de las ilustraciones, el orden de los títulos y delas leyendas.

Microtipograf ía & Macrotipograf ía



procesos de maquetaciónnúcleo conceptual: maqueta (Layout)



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

del Detalle, las unidades conceptuales o

conceptos tipográficos 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 y la Columna (caja).

Microtipograf ía & Macrotipograf ía



Microtipograf ía & Macrotipograf ía Las correcciones apforma geométrica bástiene como función co

ópticas que actúan sotamaño de las letras ysus rasgos. En funciónconsistencia percibidaejemplo, las letras detriangular exceden endemás letras.

Entre otras modifiindicarse que los horizontales se colocamitad de la altura, parsea de mayor liviandatrazos varía con sverticales, que visualm

sostén, son más ghorizontales; los horizomás finos que los extrtope o base; los diagomás finos que los hextremos. Los trazdiagonales se afinconvergencias en funcreación de grandemientras que los trazconstantemente de grarcos de círculo, en flas fuerzas visuales menos mecánica, másestas características a

alfabetos del siglo XVII

Palabra

Longitud de la línea en el párrafo

y calculo del interlineado correcto

e



ARQUITECTUTIPOGRAF



FUENTES, TIPOS o CARACTER

H!Humanst521 BT

TIPO



Elementos:

Líneas de Referencia



Elementos:

Líneas de Referencia•! .



Elementos:

Líneas de Referencia.



Elementos:

ESTRUCTURAS BÁSICAS

Las variaciones en la estructura fundamental de los caracteresestán determinadas:

(1) La ubicación respecto de las líneas de referencia

(2) La angulación del eje constructivo.



1.! En los números de capítulos y tomos de una obra.2.! En los actos y escenas de una obra de teatro.3.! En los nombres de papas, reyes y emperadores.4.! En la designación de congresos, olimpiadas, asambleas,

certámenes...

NÚMEROS INDOARÁBIGOS.

NÚMEROS ROMANOS



Elementos:

ESTRUCTURAS BÁSICASÁngulo eje constructivo: Oblicua & Cursiva

¿Cual es la diferencia entre unos caracteres cursivos y otros oblicuos?



Elementos:


¿Cual es la diferencia entre unos caracteres cursivos y otros oblicuos?



Elementos:


El ensayo «Über typografie» [Sobre latipografía] del pintor y arquitecto de Zúrich,Max Bill, publicado en el pasado número

parece haber sido provocado por lac o n f e r e n c i a « K o n s t a n t e n d e rTypographie» [Constantes de la tipografía]que pronuncié en diciembre del pasado añoen Zúrich ante los miembros de la Asociaciónde Artistas Gráficos suizos. * En aqueldiscurso juzgué severamente una obradifundida por mí anteriormente, La nuevatipografía, es decir, me juzgué a mí mismo sinningún miramiento. !

El ensayo «Über typografie» [Sotipografía] del pintor y arquitecto de Max Bill, publicado en el pasado

parece haber sido provocado c o n f e r e n c i a « K o n s t a n t eTypographie» [Constantes de la tipque pronuncié en diciembre del pasaen Zúrich ante los miembros de la Asode Artistas Gráficos suizos. * Endiscurso juzgué severamente undifundida por mí anteriormente, Latipografía, es decir, me juzgué a mí mi ningún miramiento. !



Elementos:


El ensayo «Über typografie» [Sobre la tipografía]del pintor y arquitecto de Zúrich, Max Bill,publicado en el pasado número parece haber sido

provocado por la conferencia «Konstanten der Typographie»[Constantes de la tipografía] quepronuncié en diciembre del pasado año en Zúrichante los miembros de la Asociación de ArtistasGráficos suizos. * En aquel discurso juzguéseveramente una obra difundida por míanteriormente, La nueva tipografía, es decir, me juzgué a mí mismo sin ningún miramiento.

El ensayo «Über typografie» [Sobre la tipog pintor y arquitecto de Zúrich, Max Bill, pubel pasado número parece haber sido provoca

conferencia «Konstanten der Typographie»[Cde la tipografía] que pronuncié en diciembre daño en Zúrich ante los miembros de la Asoc Artistas Gráficos suizos. * En aquel discurseveramente una obra difundida anteriormente, La nueva tipografía, es d juzgué a mí mismo sin ningún miramiento.



Elementos:

MODULACIÓNContraste, Ángulo y Transición



La letra y sus formas

House Industries Type Foundry



1.! ELEMENTOS FIJOS (astas, brazos, travesaños, etc.)

2.! ELEMENTOS OPCIONALES (serifas, remates, espolón, oreja, etc.)

3.! ELEMENTOS DE RELACIÓN (lazo, gancho, vértices, etc.)

Elementos:

ANATOMIA DEL CARÁCTER



ARQUITECTURA TIPOG



1.!

SERIF, REMATE O GRACIA2.! OREJA, LÁGRIMA, GOTA O BOTÓN

3.! ESPOLON, ESPUELA o BASA

ELEMENTOS OPCIONALES



1.! Una serie de rasgos o astas principales.

2.! Unos remates o serifas.

3.! El trazado del rasgo puede ser uniforme o modulado.

4.! Los remates pueden asumir multitud de formas o

sencillamente no existir

Elementos:

ANATOMIA DEL CARÁCTERUn carácter estará compuesto por:



Elementos:

FAMILIATIPOGRÁFICASubfamilia y estilos



La expresión ESTILO DE LA LETRA, remite de forma genérica a la

forma característica que adopta el carácter, basado en el diseño

especial de sus rasgos formales. (NORMAL, CURSIVA, NEGRITA...)

Se denomina FAMILIAS TIPOGRÁFICAS al conjunto

de signos escriturales que comparten rasgos de diseño

comunes

Elementos:

FAMILIA TIPOGRÁFICASubfamilia y estilos



Elementos:

FAMILIA TIPOGRÁFICASubfamilia y estilos

Una familia puede estar organizada en subfamilias (series o estilos)

• El ancho del trazado: ultrafino (thin), fino (light), seminegra(demibold), negro (bold), supernegra (Black)...

• La inclinación de los ejes: cursiva (Italic), inclinada (oblique)...• La proporción de los ejes: redonda (regular, book), estrecha

(condensed), expandida (expand)...• La forma del trazado: perfilado, sombreado...



=!0%>"<;1.%?@ABAC%



Elementos:

SUPERFAMILIATIPOGRÁFICA



Stone Serif, Sans & Informal(Kris Holmes & Charle Bigelow, 1987)



Compatil(Olaf Leu, 1996)



Elementos:

FAMILIA TIPOGRÁFICALigaduras & caracteres especiales



Elementos:




Herb Lubalin



Dino dos Santos (Type “Estilo” 2005)



TIPOS DIGITALES *

4



Porta-matrices Times New Ro



Letra: código digital

En la tipografía digital el tipo carece de una existencia física.

El tipo es un conjunto de datos almacenados en la memoria de unordenador



Los tipografías digitales son softw



Los formatos de fuentes dominantes son:

1.! PostScript Type 1 (PS1) 1985

2.! TrueType (TT) 1991

3.! OpenType (OTF) 1997

Multiplataforma

Trazados vectoriales de contorno (lineas y curvas)

Independientes del dispositivo de salida

Escalable a cualquier tamaño sin perdida de calidad

PostScript Type 1



PS1

PostScript Type 1



PS1 en mac

Representación pixeladapara su representación enpantalla

PS1Helvetica.afm & Helv

Helvetica.afmHelvetica.ifmHelvetica.bmp

El formato TrueTynecesita un arc

ambas plata

RASTERIZAR: Es el proceso de convertir los vectores (las líneas y



Es el proceso de convertir los vectores (las líneas y

curvas) en el patrón de puntos de semitono del

dispositivo de salida (impresora o filmadora)

Software de rasteriz



HINTING:

El «HINTING» es un conjunto deinstrucciones que se incorporan a lafuente para mejorar la calidad de laimagen en el proceso de escalado,

sobre todo para resoluciones de bajacalidad (por ejemplo para la pantalla deordenador).

TrueType dispone de unasinstrucciones de hinting más

complejas



Opentype (1997) trabaja con el codificado de caracteres estándUNICODE 3.1, el cual está:

“diseñado para soportar el intercambio la elaboración y la exhi



diseñado para soportar el intercambio, la elaboración y la exhi

textos escritos en todas las lenguas de

Opentype (1997) trabaja con el codificado de caracteres estándUNICODE 3.1, el cual está:

“diseñado para soportar el intercambio la elaboración y la exhi



diseñado para soportar el intercambio, la elaboración y la exhi

textos escritos en todas las lenguas de



Gestores tipog



Suitcase fusion 3 (Extensis)

Gestores tipog



Fontexplorer X Pro (Lynotype )

Editores tipog



Editores tipog



Editores tipogFont forge



TIPO

CLASIFICACIONES TIPOLÓGI



7!-("F<-<"'#1(%G9'!'H"<-(%



9 H

>!6'%I'J-.1(1%%

?@AKBC%

%%



Maximilien Vox (1894-1974).

Association TypographiqueInternationale (A Typ I )

British Standard (BS:2961) de 1967

L.-#<"(%M;"N-+61+%?@BOEP@AQKCR%S'N1.0%T."#H;+.(0%?@AUOC%

>!6'%I'J-.1(1%?@AKBCR%:"+(1991%V1!!"W1."?@AUOC%%

%%



Sus características esenciales son:

• La modulación visible del los trazos• Trazos acabado con remates (“serifas”)

Tipos ROMANOS

SUBTIPOS• Tipos Romanos Humanistas (HUMANA)• Tipos Romanos Antiguos (GARALDA)

• Tipos Romanos Transición (REAL).• Tipos Romanos Modernos (DIDONA)



Tipografías Romanas humanistas

Jenson, Centaur, Giovanni, Berkeley Old Style, Cloister, , Italia, Erasmus, Golden Type,

Conrad Sweynheym, Arnold Pannartz , J. Spira y Nicolas Jenson (1420-1480)

HUMANAS / Antiguos (Old Face)

Tipos ROMANOS



S. XV hasta la última década del S. XVII

Bembo, Garamond, Caslon, Times New Roman, Plantin, Palatino,Goudy Old Style, Ehrhardt, Trump Medieval, Minion, Sabon, etc.

De Aetna del Cardenal Pietro Bembo (1490) impreso por Aldus Manutius

GARALDAS / Antiguos (Old Face)

Tipos ROMANOS



Claude Garamond (1490- 1561)

Robert Granjon, Jacques Sabon & Jean Jannon


Tipos ROMANOS



Impresor Christopher Plantin

Cristoff el van Dijck, Nicolás Kis y los hermanos Bartholomaeus y Dirk Voskens,




GARALDAS / Antiguos (Old Face)William Caslon I (1692-1766)

Ó



TIPOS ROMANOS REALES TRANSICIÓNEl Romains du Roi de Philippe Grandjean(1666-1714)

tallado en 1702 para la Imprimerie Royale de Luis XIV

John Baskerville (1705-1775)

New Baskerville, Century Old style, Caledonia, Cochin, Corona, Melior, Meridien,Olympian,…

Tipos ROMANOS



JOAQUIN IBARRA (1780) – Jeronimo Antº GilTIPO

&'()%,-.X-%S"N-H'.6-%

Tipos ROMANOS



J u a n J o

s é R i v a s ( 2 0 1 2 )



TIPOS ROMANOS MODERNOS (DIDONAS)

Bodoni, Didot, Fenice, ITC Palatino, Bell, Walbaum, Tienman, ITC Modern 216, Madison, De Vin

Caledonia ITC Century,etc.

Giambattista Bodoni y Firmin Didot



81<-#-(%




• Modulación tendente a al uniformidad

• Engrosamiento del trazo

• Poco o nulo contraste en el grosor de los trazos

• El espaciado es normalmente ancho.

• Los trazos terminales son generalmente del mismo

grosor que las astas.

• Lo habitual es una gran altura-X- .

• La "g" de caja baja prácticamente no desciende.

TIPOS EGIPCIOS O MECANAS(SLAB SERIF)



TIPOS EGIPCIOS O MECANAS



Robert Thorne (1809)



Clarendon del puente de Waterloo

El primeros tipos Clarendon (JONICO):William Thorowgood y Robert Besley (1845)



Primeros tipos con remates cuadrangularesRobert Thorne (1808-9)Vicent Figgins (1817) Antique



TIPO

=(Y-!6%T.+<1%7''91.%?@AQQC%



%&'1!%Z-61#%[%M'#2%D0-#%?@A\UC%



,189;"(%S+6'!]%^'!]%%

?@A_QC%%



>6."-#%L.+GH1.%?@A\\C%

TIPOS INCISAS O GLÍFICAS



Sus características esenciales

son:

• Trazo modulado.

• Remates insinuados muy sutiles.

Optima, Formata, Stone Sans, Eras, Perpetua..



9-!'(1<'%TIPOS LINEALES o de PALO SECO




• Ausencia de modulación• Ausencia de remates

SUBTIPOS

• Grotescos

• NeoGrotescos

• Geométricos

• Humanísticos



Sus características esenciales son:•! Ligero contraste en el grosor de los trazos.•! Una ligera cuadratura en las curvas.•! La "g" de caja baja tiene a menudo, aunque no

siempre, un ojal inferior abierto.•! La "G" de caja alta tiene usualmente una uña.

PALO SECOGROTESCOS Y NEOGROTESCOS

GROTESCO: Akzidenz Grotesk (1898) , Franklin Gothic (1903) ,, News

Gothic (1908), Bell Gothic Std (1937), etc.

NEOGROTESCAS: Helvetica (1958) , Univers (1957) ,

Frutiger (1976), Folio (1963), Arial (1989-90) , etc.

PALO SECO



PALO SECOGROTESCOS Y NEOGROTESCOS



L+#6"<"a#%T1.0;'!6%P%@BAB%



Max Miedinger & Ed.Hoffmann >> Fundición Haas 1957>> fundición Stempel



:1'810.PALO SECO




• Construidas a partir de formas geométricas simples como el círculo y el

rectángulo

• Usualmente monolineales.

• Normalmente presentan una "g" de caja baja de cola abierta

GEOMETRICAS: Avant Garde, Futura, Ebar, Eurostile, Bauhaus, Kabel, Metro, Tempo,.. .

PALO SECOGEOMéTRICAS

:1'810."<-(%PALO SECO



GEOMETRICAS: Avant Garde, Futura, Ebar, Eurostile, Bauhaus, Kabel, Metro, Tempo,.. .


nueva tipografía



El manifiesto de El Lissitzky «Topographie der Typographie» (Topografía de la tipo-grafía),

publicado en la revista Merz, n.º 4, 1923

1.! lo nuevo como valor sí mismo

2.! el ideal de racionalismo, simplicidad e higiene

3.! fuerte implicación revolucionaria

Pusieron en cuestión el reducido y tradicional mundo

del diseño de tipos.

Lazslo Moholy Nagy, El Lissitzky y Kurt Schwitters 1923-25



Herbert Bayer Alfabeto universal

1925




Paul Renner

FUTURA (1927-1929)



TIPO



TIPO

GEOMETRICAS: Avant Garde, Futura, Ebar, Eurostile, Bauhaus, Kabel,Metro, Tempo,.. .



Paul RennerHerb LubalinRudolf Koch

Herbert Bayer Aldo Novares

3+8-#"(0-%

PALO SECO

HUMANISTA

PALO SECO

HUMANISTA



Edward JohnstonUnderground (1916) Eric Gill (192



TIPO



Se caracterizan por

•! Sutil modulación en los trazos

•! Sin remates

•! Cierto contraste.

HUMANISTA:



HUMANISTA:

Gill Sans, Humanist521, trebuchet Mt, Tahoma, Verdana, Antique Olive, Myriad



1(<."0+.-!1(%TIPOS DE ESCRITURA O ROTU



Grupos

Caligrácos

Góticos

De trazado libre o manuales



George Bickman

“The Universal Penman",1741

tipografía y maquetación aplicada

Documents

Transcript of tipografía y maquetación aplicada