• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Unidad 2  - Tipografia
 

Unidad 2 - Tipografia

on

  • 2,838 views

Unidad 2 - Tipografía en la diagramación

Unidad 2 - Tipografía en la diagramación

Statistics

Views

Total Views
2,838
Views on SlideShare
2,656
Embed Views
182

Actions

Likes
8
Downloads
2
Comments
0

3 Embeds 182

http://online2.cuci.udg.mx 96
http://diagramacionenlinea.wordpress.com 84
https://www.facebook.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Unidad 2  - Tipografia Unidad 2 - Tipografia Presentation Transcript

    • UNIDAD 2.La Tipografía en la Diagramación Fidel Romero www.movendesign.com
    • TIPOGRAFÍA - DIAGRAMACIÓNContenido:2.1 La letra, principal elemento tipográfico.2.2 Los caracteres tipográficos.2.3 Clasificación de los tipos de letra.2.4 Características del tipo o letra.2.5 Las líneas y los párrafos.2.6 Tipos de párrafos.2.7 Legibilidad de los tipos.2.8 Otros elementos tipográficos. 2
    • TIPOGRAFÍA - DIAGRAMACIÓNIntroducciónEl término “tipografía” tiene varias acepciones. De unamanera simple, la tipografía puede definirse comoel arte de la comunicación impresa. En un sentidoamplio, es hacer referencia al conjunto de elementos– textos, ilustraciones, espacios en blanco, relieves,etc. – que intervienen en el diseño de la página de undiario. 3
    • TIPOGRAFÍA - DIAGRAMACIÓNLa importancia de la tipografía para la compresión de lostextos se pone de manifiesto cuando se constata queentre el 80% y el 90% de la superficie de una página estácubierta por la letra impresa.A pesar de los avances de la informática y la electrónica,aún podemos ver en algunas impresas como el tipógrafova eligiendo letras de los distintos cajetines para componerlos textos. Su labor, aunque sencilla, es fundamental, yaque de su “arte de componer” y de los elementos queutilice, resultará un texto más o menos legible, más omenos atractivo a la vista. 4
    • TIPOGRAFÍA - DIAGRAMACIÓN5
    • TIPOGRAFÍA - DIAGRAMACIÓN2.1 La letra, principal elementotipográficoLa letra es, de todos los elementos tipográficos, la quetiene mayor importancia en el diseño de los periódicos.Es una constante en su estructura, tanto si se emplea entextos como si va en pie de fotos o en titulares. Las letrasproporcionan al lector la primera impresión de conjuntode una página impresa. Por ello, no puede extrañar quelos tipos o letras sean el elemento más importante en laconfección de un periódico. Como señala Mario García,“las letras se consideran como el marco visual queproporcionan a los lectores la primera impresión deconjunto de una página impresa.” 6
    • TIPOGRAFÍA - DIAGRAMACIÓNEn la actualidad, si observamos los titulares de diversosperiódicos, nos encontramos que no hay uniformidaden el uso de las familias tipográficas. Incluso, un mismoperiódico puede utilizar diferentes tipos según lassecciones. 7
    • TIPOGRAFÍA - DIAGRAMACIÓN2.2. Los caracteres tipográficosAunque no existe una clasificación de los tipos de letrasuniversalmente aceptada, ya que depende de los autoresy de los países, puede servir de referencia la que presentaJesús Canga Larequi, que las encuadra en cincograndes estilos: 8
    • TIPOGRAFÍA - DIAGRAMACIÓNCaligráficas agrupan a los distintos tipos cuyo origeno inspiración es la escritura manual. No se utilizan en elperiódico, salvo casos muy excepcionales. Pertenecena este grupo la letra gótica, la inglesa, la bastardilla, etc.Algunos diarios las mantienen en su rótulo como LeMonde o el Herald Tribune. 9
    • TIPOGRAFÍA - DIAGRAMACIÓNLas Romanas se caracterizan por el alfabeto utilizado porlos romanos en sus inscripciones murales. Se caracterizanpor la diferencia de grosor en su trazo y por estar rematadas(serif). Dentro de las romanas se suele distinguir entre; laromana antigua de pie triangular y remates ondulados yescasa diferencia a lo largo del grosor del trazo; la romanamoderna de remates rectos y finos y diferenta de grosoren el trazo y la romana de transición con elementos de lasdos anteriores, trazos finos y gruesos y remates inclinados. 10
    • TIPOGRAFÍA - DIAGRAMACIÓNLas Egipcias se caracterizan por el predominio de lostrazos rectos y uniformes, así como por sus pesadosremates, la mayoría de la veces cuadrados. Su trazo evocael vigor, la fuerza de los monumentos egipcios, de donde leviene el nombre. 11
    • TIPOGRAFÍA - DIAGRAMACIÓNLas Grotescas, popularmente conocidas como depalo o palo seco y en menor medida como peladas osan serif. Se definen por la sencillez del trazo recto yuniforme y la carencia de remates. Fue creada en 1816,basada en la egipcia. Sus variedades más conocidasactualmente son la Futura, la Helvética y la Univers. 12
    • TIPOGRAFÍA - DIAGRAMACIÓNLas Ornamentales o de fantasía constituyen un “cajónde sastre” donde se encuadran todos aquellas tiposdifíciles de situar en alguno de los apartados anteriores.Apenas se utilizan en la composición de textosperiodísticos, siendo más propias de los anuncios y delos carteles. Dentro de ellas se encuentran las orladas,letra inicial cuyo motivo es un adorno que puede seruna figura (de figura), una figura humana (antropomorfa),flores (floreada) paisajes o escenas campestres, etc. 13
    • TIPOGRAFÍA - DIAGRAMACIÓNLos tipos de letras se pueden clasificar en cinco grandesestilos:Caligráficas: Proceden de la escritura manual. No seutilizan en los periódicos.Romanas: Proceden de las inscripciones romanas. Llevanremates y diferencias de grosor.Egipcias: Astas rectas y trazos uniformes. Pesadosremates.Grotescas: De palo o palo seco. Letras rectas que carecende remates.Ornamentales: No se utilizan en los periódicos, salvo enalguna cabecera. Si en anuncios y carteles. 14
    • TIPOGRAFÍA - DIAGRAMACIÓNLa familia tipográfica varía según:El principio ortográfico: VERSALES (Mayúsculas o decaja alta), VERSALITAS, minúsculas (de caja baja).La tendencia del rasgo: redonda, cursivaLa fuerza o grosor del trazo: fina, seminegra, negra.La anchura de las letras: normal, estrecha, ancha 15
    • TIPOGRAFÍA - DIAGRAMACIÓN2.3. Clasificación de los tipos de letraActualmente, existen alrededor de 7.000 tipos de letrasdiferentes, clasificadas en familias.Una familia tipográfica engloba a los diversos tipos de letrasque son del mismo estilo y que se han obtenido partiendode un mismo diseño básico. La familia tiene mayúsculas,minúsculas, números y signos.Para poder distinguir la inmensa variedad de tipos, lostalleres donde se funden las identifican por el nombredel creado o del dibujante o un nombre simbólico comoCleopatra, Futura, Ideal, etc. 16
    • TIPOGRAFÍA - DIAGRAMACIÓNDentro de cada familia tipográfica existen variaciones o seriesatendiendo a cuatro criterios:El principio ortográfico, diferencia entre versales o mayúsculas,versalitas (mayúsculas del tamaño de las minúsculas) y lasminúsculas.La tendencia del rasgo, permite distinguir entre normal o redonda(de trazos verticales) y cursivas o itálica (de trazos inclinados).La fuerza o grosor de los trazos diferencia entre extrafina, fina,seminegra o medium, negra y supernegra. En la actualidad uncarácter de texto debe contar, al menos, con la redonda, labastardilla (cursiva) y la redonda seminegra.La anchura de la letra distingue entre normal, estrecha y ancha. 17
    • TIPOGRAFÍA - DIAGRAMACIÓN2.4. Características del tipo o letra.La letra, cualquiera que sea su diseño, está formada poruna serie de rasgos, que en tipografía tienen nombresespecíficos.El asta es la línea exterior que delimita el armazón o trazoprincipal del tipo. Puede ser uniforme o modulada, recta,oblicua, etc.El remate o serif es cada uno de los trazos con los que serematan o limitan los extremos, superior e inferior, de lasastas en algunos tipos de letras.El trazo ascendente es la parte de la letra de caja baja(minúscula) que se eleva sobre el cuerpo. 18
    • TIPOGRAFÍA - DIAGRAMACIÓN19
    • TIPOGRAFÍA - DIAGRAMACIÓN2.5. Las líneas y los párrafosAunque la utilización de la fotocomposición haincorporado algunos elementos nuevos a la técnica dela composición, se mantienen muchos de los términosque se han utilizado anteriormente. Por ello, convienededicar algunas líneas a explicar que son más usuales: 20
    • TIPOGRAFÍA - DIAGRAMACIÓNEl interlineado es el espacio que hay entre dos líneasescritas de la composición. 21
    • TIPOGRAFÍA - DIAGRAMACIÓNEl espaciado es la distancia entre las distintas palabras queforman la línea. Se considera que espaciado correcto esaquel que es un tercio del cuerpo empleado en la escritura.Así, si utilizamos un cuerpo 9 el espaciado debe ser de 3puntos.La anchura del párrafo es la longitud de la línea más larga delas que integran la composición. Se mide en cíceros o picas,no en puntos. 22
    • TIPOGRAFÍA - DIAGRAMACIÓNEl sangrado consiste en dejar un espacio en blanco alprincipio de la línea. El sangrado puede ser de uno o doscuadratines. 23
    • TIPOGRAFÍA - DIAGRAMACIÓNEl cuadratín es el espacio que se deja en blanco al comienzode la primera línea de un párrafo. Equivale al cuadro teóricoque forma un determinado tipo de letra. Un cuadratín del 10equivale a un cuadro que tiene 10 de alto por 10 puntos deancho. Hay también medio cuadratín y medio. 24
    • TIPOGRAFÍA - DIAGRAMACIÓN25
    • TIPOGRAFÍA - DIAGRAMACIÓNTipos de composición de párrafos:La composición en bloque o justificada se caracterizaporque todas las líneas tienen la misma longitud, salvo laúltima que puede o no llegar al final. 26
    • TIPOGRAFÍA - DIAGRAMACIÓN La composición en epígrafe o centrada (llamada también de jarrón o copa de Médicis) se caracterizaporque las palabras que forma cada línea se ordenan equidistantes del centro del dicha línea. 27
    • TIPOGRAFÍA - DIAGRAMACIÓNLa composición en bandera se basa en que las palabrasse alinean por la izquierda (bandera de salida) o por laderecha (bandera de entrada). En este caso, cada línea tienela longitud que ocupan las palabras que la forman, sin cortarninguna, ni modificar el espaciado. 28
    • TIPOGRAFÍA - DIAGRAMACIÓNLa composición en curva o silueteado consiste en seguirel contorno de una fotografía no enmarcada o un dibujo, porque las líneas se adaptan a los espacios que deja la figura. 29
    • TIPOGRAFÍA - DIAGRAMACIÓNLa composición en línea creciente o decrecienteconsiste en ir aumentado o disminuyendo de modoconstante la longitud de las líneas. La composición en línea creciente o decreciente consiste en ir aumentado o disminuyendo de La composición en línea creciente o decreciente consiste en ir aumentado o disminuyendo de modo constante la longitud de las líneas. 30
    • TIPOGRAFÍA - DIAGRAMACIÓNLa composición en escalera americana es aquella queestá formada por líneas desiguales, sangradas de entradacon sangría creciente. Se utiliza en algunas revistas. 31
    • TIPOGRAFÍA - DIAGRAMACIÓNLa línea huérfana y la línea viuda designan formas determinar los párrafos que no se considera adecuadas.La línea viuda es la última línea de un párrafo cuandoqueda sola por cambio de página o de columna. Por lamisma razón, la última línea de una página o columnano debe ser el primer renglón de un nuevo párrafo.Nunca la última línea de un párrafo debe quedar sola aprincipio de página o de columna.La línea huérfana es la última línea de un párrafoformada por menos de cuadro caracteres, incluidos lossignos de puntuación. 32
    • TIPOGRAFÍA - DIAGRAMACIÓN33
    • TIPOGRAFÍA - DIAGRAMACIÓN2.6 Tipos de párrafos.Los párrafos dividen el bloque de la informaciónen secciones cortas que contribuyen a mejorar lalegibilidad y comprensión de la noticia. Los lectoresprefieren que los textos estén divididos en párrafosya que con ellos la lectura aparece clara y el espacioen blanco proporciona alivio visual. Existen distintasmaneras de comenzar un párrafo. 34
    • TIPOGRAFÍA - DIAGRAMACIÓNEl párrafo sangrado u ordinario es aquel que tiene unespacio en blanco al comienzo, denominado sangría. Lasangría suele ser de un cuadratín y lo normal es que afectesólo a la primera línea. El primer párrafo de un bloquenunca lleva sangrado. Si se sangra el párrafo, no debemodificarse el interlineado entre ellos. Ambas cosas a la vezse considera improcedente en un periódico. 35
    • TIPOGRAFÍA - DIAGRAMACIÓNEl párrafo francés consiste en sangrar todo el párrafomenos la primera línea. Se suele utilizar para destacar losapartados de una enumeración. No se utiliza en la prensaespañola. 36
    • TIPOGRAFÍA - DIAGRAMACIÓNEl párrafo alemán o moderno no sangra ninguna línea.La diferencia entre los párrafos se hace aumentando elinterlineado. Se usa en revistas, pero no se suele emplearen los periódicos. 37
    • TIPOGRAFÍA - DIAGRAMACIÓNEl párrafo con letra capitular es aquel cuya primera letratiene un tamaño superior al resto. La letra capitular puedeir sin sobresalir del párrafo o sobresaliendo y ser de lamisma familia que el resto o diferente. En este último caso,suele tratarse de las denominas capitulares orladas. 38
    • TIPOGRAFÍA - DIAGRAMACIÓNEl párrafo engatillado es aquel que comienza con lasprimeras palabras en versalitas, en negrita o en un cuerposuperior. En cualquier caso pueden constituir una oracióno ser las primeras palabras de ella. 39
    • TIPOGRAFÍA - DIAGRAMACIÓN2.7. Legibilidad de los tipos.Son muchos los factores de los que depende lalegibilidad de un texto y, por ello, es muy difícil fijarunas normas, pero si existen unos criterios que setienen en cuenta al la hora de confeccionar las páginasde los diarios:1. El tipo de letra más apropiado es la minúscula,redonda y con serif.2. Un texto escrito en letra mayúscula requiere un30% más de espacio y un 13% más de tiempo paraleerse, que si estuviera en minúsculas. 40
    • TIPOGRAFÍA - DIAGRAMACIÓN3. La letra cursiva (itálica) es más difícil de leer que laredonda, no obstante, algunos diarios como El País y ElMundo utilizan la cursiva en los titulares de los comentarios,análisis de noticias, editoriales y artículos de opinión. Otrosla utilizan en la sección de deportes como El Adelanto deSalamanca.4. La letra blanca sobre fondo oscuro (trama) retarda lavelocidad lectora, al menos un 15%. Las tramas apenas seutilizan ya que suelen ser rechazadas por el lector y distraenla atención. No obstante, en textos breves y sobre todocuando son el color, dan vivacidad y colorido a la página.Las tramas más tolerables visualmente son aquellas cuyaintensidad no supera el 20% de la intensidad del color 41
    • TIPOGRAFÍA - DIAGRAMACIÓN5. Los tipos con remates en sus astas se leen mejor quelos grotescos. En un minuto se leen, por termino medio,de 7 a 10 palabras mas si estan escritas con caracteresromanos que en palo seco.6. La fuerza de un titulo depende del lugar que ocupeen la página. Un en primera página, en la parte superior, atres o mas columnas requiere un cuerpo de no menos de 36puntos. Este mismo titular en mitad de pagina, basta conun cuerpo de 30, y si va a pie de pagina basta con 24. Lostitulares en las paginas interiores llevan cuerpos menores . 42
    • TIPOGRAFÍA - DIAGRAMACIÓN7. La letra minúscula (caja baja) es la mas habitual en lostitulares, aunque hace años la mas común era la versal.8. Los titulares llenan la línea, sin partir palabras. No suele serusual encontrar titulares en forma de pie de lámpara invertida, ni enbandera.9. El largo de la línea influye en la legibilidad y en la claridad deltexto. El ojo humano no se mueve sobre la línea a saltos regulares,con brevísimas paradas durante las cuales percibe “ un trozo “ dela línea, llamada campo del ojo. Normalmente tiene el ancho de doscentímetros. Teniendo esto en cuenta, para que una línea sea fácilde leer no ha de exigirle al ojo ni mucho ni pocos saltos. No existemedida optima de la longitud de la línea ya que esta depende delcuerpo de la letra utilizado. El criterio mas aceptado es la línea quetenga entre 30 (mínimo) y 70 (máximo) caracteres, incluidos losespacios. 43
    • TIPOGRAFÍA - DIAGRAMACIÓN10. La justificación de la línea está aceptada entrelos periódicos que se consideran serios, aunque nosea compartido por todos los experto. Se acepta. Sinembargo, que no se justifiquen las entradillas o los textoscompuestos en medida falsas.11. El interlineado y el espaciado son de máximaimportancia para la legibilidad. El grueso del interlineadodepende de las características de la letra. Tanto si esescaso como excesivo produce un efecto negativo, yaque en el primer caso produce un abigarramiento de lasletras y en el segundo caso una sensación de vacío. 44
    • TIPOGRAFÍA - DIAGRAMACIÓN45
    • TIPOGRAFÍA - DIAGRAMACIÓN2.8. Otros elementos tipográficos.El filete consiste en un lámina de cobre, de la misma altura que los tipos, imprimeuna o más rayas. Se utiliza para separar columnas (corondel), partes de unacabecera o para recuadrar.Según el tipo y grosor, el filete recibe distintos nombres: fino (imprime una rayade medio a un punto de grosor; es el mas empleado de todos y el usado par loscorondeles), seminegro (punto y medio), negro (dos puntos de grosor), medioluto (línea de 3 puntos) y luto (6 a 12 puntos). fino seminegro negro menio luto luto 46
    • TIPOGRAFÍA - DIAGRAMACIÓN47
    • TIPOGRAFÍA - DIAGRAMACIÓNOtros tipos de filetes especiales son: la caña, imprime doslíneas finas paralelas; la media caña, imprime una líneagruesa y otra fina; el punteado o puntillado, imprime unalínea de punto; el tremente o temble imprime una raya enzig-zag; la serpentina imprime en forma de serpentina; lafantasía imprime dos líneas seminegras y una raya en elcentro.El recuadro es un marco que se realiza con filetes, orlas oluto para enmarcar una información creando un conjuntointegrado por el texto, los titulares y las fotografías,dando así una visión de conjunto. A veces, los recuadrosse hacen dentro un mismo bloque de información paradiferenciar algún aspecto concreto de la información. Estasacotaciones reciben el nombre de despieces o recuadrosde apoyo. 48
    • TIPOGRAFÍA - DIAGRAMACIÓNLas tramas son fondos de distintas intensidades encuyo interior se colocan los textos o cualquier otroelemento de ilustración.Las tramas de fondo o de pantalla están formadaspor un conjunto ordenado de puntos. La trama dependede dos medidas principales: la densidad de la tinta oporcentaje de mancha y de la densidad del punto olineatura.El principal problema de las tramas es que disminuye lalegibilidad, descompensando el equilibrio de la página. 49
    • TIPOGRAFÍA - DIAGRAMACIÓN50
    • TIPOGRAFÍA - DIAGRAMACIÓNLas viñetas en su acepción más sencilla se refiere alos pequeños dibujos que como adornos, acompañana un texto. Deben su nombre a los antiguos grabadosque reproducían hojas y racimos de uva. Actualmenteengloba a los dibujos, ilustraciones, caricaturas y tirascómicas que aparecen en los periódicos. Hoy día,las viñetas se utilizan más como reclamo que comoelemento ornamental. 51
    • TIPOGRAFÍA - DIAGRAMACIÓN52
    • TIPOGRAFÍA - DIAGRAMACIÓN53
    • TIPOGRAFÍA - DIAGRAMACIÓNReferencias:López Cubino, Rafael y López Sobrino (2002). La Prensa en el Aula.Práctica y Pedagogía. España. CISSPRAXIS, S.A.Frutiger, Adrian (2007). El libro de la Tipografía. Editorial Gustavo Gili, SL,Barcelona.Cass, Jacob. Free 27 page Type Classification [en línea]. Disponible en:http://justcreative.com/featured-articles/type-classification-ebook/ [fecha deconsulta: 5 septiembre 2012]Vignelli, Massimo,.THE VIGNELLI CANON [en línea]. Disponible en:http://www.vignelli.com/canon.pdf [fecha de consulta: 5 septiembre 2012] 54
    • TIPOGRAFÍA - DIAGRAMACIÓNInstructor:Fidel Romerofidelromeromx@gmail.comfidelromero@movendesign.comwww.movendesign.com 55