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

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

aplicada a las necesidades del ilustrador.

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

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.

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

ARQUITECTUTIPOGRAF

FUENTES, TIPOS o CARACTER

H!Humanst521 BT

Elementos:

Líneas de Referencia

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

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 *

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 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 tipogFont forge

CLASIFICACIONES TIPOLÓGI

7!-("F<-<"'#1(%G9'!'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

=(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

• 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

Paul Renner

FUTURA (1927-1929)

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

Se caracterizan por

•! Sutil modulación en los trazos

•! Sin remates

•! Cierto contraste.

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

Postales Tipografía

Cofradía del Santo Sepulcro TIEMPO DE CAMBIOS F · FOTOGRAFÍAS Juan Carlos Caval PORTADA Juan Carlos Caval DISEÑO Y MAQUETACIÓN Molina Fotomecánicos, S.L.L. IMPRIME Tipografía

Tipografía. Como nos habla la letra. Connotación tipografía

Portfolio Tipografía

Estilos en tipografía y maquetación - eaaoa.eseaaoa.es/.../wp-content/uploads/2014/11/estilos_de_maquetacion.pdf · Estilos en tipografía y maquetación Juliana Javaloy Estañ

Tipografía I_apuntes

Tipografía final

TIPOGRAFÍA GARAMOND

Tipografía 2014

MÁSTER EN TIPOGRAFÍA Y MAQUETACIÓN · 2020. 11. 13. · 2. Materiales para la creación de maquetas: • Sistemas de impresión digital de pruebas. • Simulación de acabados

LA TIPOGRAFÍA

Presentación tipografía

La Tipografía

Tipografía & Color

TIPOGRAFÍA Y MAQUETACIÓN 2

Bitacora Tipografía

Tipografía slideshare

Tipografía - Presentación

clasificación tipografía

tipografía conceptos básicos de tipografía en diseño gráfico