SlideShare una empresa de Scribd logo

Unidad 2 - Tipografia

Unidad 2 - Tipografía en la diagramación

1 de 55
UNIDAD 2.
La Tipografía
  en la Diagramación




      Fidel Romero
       www.movendesign.com
TIPOGRAFÍA - DIAGRAMACIÓN




Contenido:

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ÓN




Introducción
El término “tipografía” tiene varias acepciones. De una
manera simple, la tipografía puede definirse como
el arte de la comunicación impresa. En un sentido
amplio, 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 un
diario.




                             3
TIPOGRAFÍA - DIAGRAMACIÓN




La importancia de la tipografía para la compresión de los
textos se pone de manifiesto cuando se constata que
entre 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ógrafo
va eligiendo letras de los distintos cajetines para componer
los textos. Su labor, aunque sencilla, es fundamental, ya
que de su “arte de componer” y de los elementos que
utilice, resultará un texto más o menos legible, más o
menos atractivo a la vista.




                             4
TIPOGRAFÍA - DIAGRAMACIÓN




5
TIPOGRAFÍA - DIAGRAMACIÓN




2.1 La letra, principal elemento
tipográfico
La letra es, de todos los elementos tipográficos, la que
tiene mayor importancia en el diseño de los periódicos.
Es una constante en su estructura, tanto si se emplea en
textos como si va en pie de fotos o en titulares. Las letras
proporcionan al lector la primera impresión de conjunto
de una página impresa. Por ello, no puede extrañar que
los tipos o letras sean el elemento más importante en la
confección de un periódico. Como señala Mario García,
“las letras se consideran como el marco visual que
proporcionan a los lectores la primera impresión de
conjunto de una página impresa.”
                             6
Publicidad

Recomendados

Diseño editorial pag y reticula
Diseño  editorial pag y reticulaDiseño  editorial pag y reticula
Diseño editorial pag y reticulaCarlos E Franco R
 
Diseño Gráfico en el Rococó - Historia del Arte
Diseño Gráfico en el Rococó - Historia del ArteDiseño Gráfico en el Rococó - Historia del Arte
Diseño Gráfico en el Rococó - Historia del Arteerickycaza
 
Refuerzo semántico
Refuerzo semánticoRefuerzo semántico
Refuerzo semánticoPai Arvis
 
Jerarquias tipograficas
Jerarquias tipograficasJerarquias tipograficas
Jerarquias tipograficasOmar Duarte
 
El orden compositivo
El orden compositivoEl orden compositivo
El orden compositivoUGM NORTE
 

Más contenido relacionado

La actualidad más candente

DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDavid Nuñez
 
Repetición de elementos y módulos
Repetición de elementos y módulosRepetición de elementos y módulos
Repetición de elementos y módulosJulio Cesar Tisoc
 
El Libro Alemán Ilustrado
El Libro Alemán IlustradoEl Libro Alemán Ilustrado
El Libro Alemán Ilustradodiana96marcillo
 
Direccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimediaDireccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimediaAlexis Guzmán Gómez
 
Comunicación Visual
Comunicación VisualComunicación Visual
Comunicación Visualderrislema
 
Diseño de forma adicion,sustraccion,multiplicacion y division de planos funda...
Diseño de forma adicion,sustraccion,multiplicacion y division de planos funda...Diseño de forma adicion,sustraccion,multiplicacion y division de planos funda...
Diseño de forma adicion,sustraccion,multiplicacion y division de planos funda...Jonathan Castro
 
Jerarquia visual tipografica
Jerarquia visual tipograficaJerarquia visual tipografica
Jerarquia visual tipograficaOmar Duarte
 
Principios de Composición
Principios de ComposiciónPrincipios de Composición
Principios de Composiciónanacida
 
El diseño grafico en la publicidad
El diseño grafico en la publicidadEl diseño grafico en la publicidad
El diseño grafico en la publicidadPaco Contreras
 
Tipografía Clasificación Morfológica
Tipografía Clasificación MorfológicaTipografía Clasificación Morfológica
Tipografía Clasificación MorfológicaLuis Palomino
 
Estructuras compositivas wong
Estructuras compositivas wongEstructuras compositivas wong
Estructuras compositivas wongSoy Tengo Sed
 
Volumen y cuerpo en diseño grafico
Volumen y cuerpo en diseño graficoVolumen y cuerpo en diseño grafico
Volumen y cuerpo en diseño graficoAbiito
 
Diseño editorial presentación
Diseño editorial   presentaciónDiseño editorial   presentación
Diseño editorial presentaciónOscar Velez
 
Unidad 4 - Retículas
Unidad 4 - RetículasUnidad 4 - Retículas
Unidad 4 - RetículasFidel Romero
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseñoMaría Sabat
 

La actualidad más candente (20)

DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓN
 
Repetición de elementos y módulos
Repetición de elementos y módulosRepetición de elementos y módulos
Repetición de elementos y módulos
 
El Libro Alemán Ilustrado
El Libro Alemán IlustradoEl Libro Alemán Ilustrado
El Libro Alemán Ilustrado
 
Estilo suizo
Estilo suizoEstilo suizo
Estilo suizo
 
Direccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimediaDireccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimedia
 
Comunicación Visual
Comunicación VisualComunicación Visual
Comunicación Visual
 
Diseño de forma adicion,sustraccion,multiplicacion y division de planos funda...
Diseño de forma adicion,sustraccion,multiplicacion y division de planos funda...Diseño de forma adicion,sustraccion,multiplicacion y division de planos funda...
Diseño de forma adicion,sustraccion,multiplicacion y division de planos funda...
 
Jerarquia visual tipografica
Jerarquia visual tipograficaJerarquia visual tipografica
Jerarquia visual tipografica
 
3 -formas de estructurar el espacio I
3 -formas de estructurar el espacio I3 -formas de estructurar el espacio I
3 -formas de estructurar el espacio I
 
Principios de Composición
Principios de ComposiciónPrincipios de Composición
Principios de Composición
 
El diseño grafico en la publicidad
El diseño grafico en la publicidadEl diseño grafico en la publicidad
El diseño grafico en la publicidad
 
Tipografía Clasificación Morfológica
Tipografía Clasificación MorfológicaTipografía Clasificación Morfológica
Tipografía Clasificación Morfológica
 
Estructuras compositivas wong
Estructuras compositivas wongEstructuras compositivas wong
Estructuras compositivas wong
 
Volumen y cuerpo en diseño grafico
Volumen y cuerpo en diseño graficoVolumen y cuerpo en diseño grafico
Volumen y cuerpo en diseño grafico
 
Diseño editorial presentación
Diseño editorial   presentaciónDiseño editorial   presentación
Diseño editorial presentación
 
Unidad 4 - Retículas
Unidad 4 - RetículasUnidad 4 - Retículas
Unidad 4 - Retículas
 
Diseño Básico
Diseño BásicoDiseño Básico
Diseño Básico
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseño
 
Reticulas de repeticion
Reticulas de repeticionReticulas de repeticion
Reticulas de repeticion
 
Tema 4 al 8 diseño y su configuracion
Tema 4 al 8 diseño y su configuracionTema 4 al 8 diseño y su configuracion
Tema 4 al 8 diseño y su configuracion
 

Destacado

Recursos tipográficos en maquetación
Recursos tipográficos en maquetaciónRecursos tipográficos en maquetación
Recursos tipográficos en maquetaciónRafael Carrasco
 
Modulo lenguaje y literatura preparacion enes
Modulo lenguaje y literatura   preparacion enesModulo lenguaje y literatura   preparacion enes
Modulo lenguaje y literatura preparacion enesPAUL tulcanaza
 
Las ideas principales y secundarias
Las ideas principales y secundariasLas ideas principales y secundarias
Las ideas principales y secundariasLilianasvt
 
Ejercicios ideas principal, tipos de párrafos
Ejercicios   ideas principal, tipos de párrafosEjercicios   ideas principal, tipos de párrafos
Ejercicios ideas principal, tipos de párrafosYosselin Rivas Morales
 
Clase 2 - Ideas principales e ideas secundarias
Clase 2 - Ideas principales e ideas secundariasClase 2 - Ideas principales e ideas secundarias
Clase 2 - Ideas principales e ideas secundariasComprensión de Textos
 

Destacado (6)

Recursos tipográficos en maquetación
Recursos tipográficos en maquetaciónRecursos tipográficos en maquetación
Recursos tipográficos en maquetación
 
Modulo lenguaje y literatura preparacion enes
Modulo lenguaje y literatura   preparacion enesModulo lenguaje y literatura   preparacion enes
Modulo lenguaje y literatura preparacion enes
 
Las ideas principales y secundarias
Las ideas principales y secundariasLas ideas principales y secundarias
Las ideas principales y secundarias
 
Ejercicios ideas principal, tipos de párrafos
Ejercicios   ideas principal, tipos de párrafosEjercicios   ideas principal, tipos de párrafos
Ejercicios ideas principal, tipos de párrafos
 
Clase 2 - Ideas principales e ideas secundarias
Clase 2 - Ideas principales e ideas secundariasClase 2 - Ideas principales e ideas secundarias
Clase 2 - Ideas principales e ideas secundarias
 
El párrafo. estructura
El párrafo. estructuraEl párrafo. estructura
El párrafo. estructura
 

Similar a Unidad 2 - Tipografia

Taller 5 giomara y stalin tipografia
Taller 5 giomara y stalin tipografiaTaller 5 giomara y stalin tipografia
Taller 5 giomara y stalin tipografiastalin_jeriel
 
Tipografía conceptos y ejemplos
Tipografía conceptos y ejemplos Tipografía conceptos y ejemplos
Tipografía conceptos y ejemplos Jocelyn Oshi
 
Andrea carolina vargas y miguelangelvargas cardona
Andrea carolina vargas y miguelangelvargas cardonaAndrea carolina vargas y miguelangelvargas cardona
Andrea carolina vargas y miguelangelvargas cardonamiguel956832
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorialmalejabu
 
Unidad 3 Tipografia y color
Unidad 3 Tipografia y colorUnidad 3 Tipografia y color
Unidad 3 Tipografia y colorUGM NORTE
 
Pricncesitha beta gg
Pricncesitha beta ggPricncesitha beta gg
Pricncesitha beta ggprincezytha
 
Tipografia generalidades sd
Tipografia generalidades sdTipografia generalidades sd
Tipografia generalidades sdi0campo
 
Elementos TipográFicos
Elementos TipográFicosElementos TipográFicos
Elementos TipográFicosOllin Eyecatl
 
Ejemplos de Conceptos Tipográficos
Ejemplos de Conceptos TipográficosEjemplos de Conceptos Tipográficos
Ejemplos de Conceptos Tipográficosvero-mtz
 
Histora tipografia- LUIS GARCIA
Histora tipografia- LUIS GARCIAHistora tipografia- LUIS GARCIA
Histora tipografia- LUIS GARCIAluisjosegarcia75
 
Manual de tipografia
Manual de tipografiaManual de tipografia
Manual de tipografiaJezuz
 
Diseño editorial: Tipografia
Diseño editorial: TipografiaDiseño editorial: Tipografia
Diseño editorial: TipografiaFidel Romero
 

Similar a Unidad 2 - Tipografia (20)

Taller 5 giomara y stalin tipografia
Taller 5 giomara y stalin tipografiaTaller 5 giomara y stalin tipografia
Taller 5 giomara y stalin tipografia
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografía conceptos y ejemplos
Tipografía conceptos y ejemplos Tipografía conceptos y ejemplos
Tipografía conceptos y ejemplos
 
Orígenes y definiciones
Orígenes y definicionesOrígenes y definiciones
Orígenes y definiciones
 
Salazar elena elizabeth
Salazar elena elizabethSalazar elena elizabeth
Salazar elena elizabeth
 
Trabajo tipo caro
Trabajo tipo caroTrabajo tipo caro
Trabajo tipo caro
 
Manual tipografico
Manual tipograficoManual tipografico
Manual tipografico
 
Andrea carolina vargas y miguelangelvargas cardona
Andrea carolina vargas y miguelangelvargas cardonaAndrea carolina vargas y miguelangelvargas cardona
Andrea carolina vargas y miguelangelvargas cardona
 
Tipografias
TipografiasTipografias
Tipografias
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorial
 
Unidad 3 - tipografia y color
Unidad 3 - tipografia y colorUnidad 3 - tipografia y color
Unidad 3 - tipografia y color
 
Unidad 3 Tipografia y color
Unidad 3 Tipografia y colorUnidad 3 Tipografia y color
Unidad 3 Tipografia y color
 
Pricncesitha beta gg
Pricncesitha beta ggPricncesitha beta gg
Pricncesitha beta gg
 
Tipografia generalidades sd
Tipografia generalidades sdTipografia generalidades sd
Tipografia generalidades sd
 
Taller2
Taller2Taller2
Taller2
 
Elementos TipográFicos
Elementos TipográFicosElementos TipográFicos
Elementos TipográFicos
 
Ejemplos de Conceptos Tipográficos
Ejemplos de Conceptos TipográficosEjemplos de Conceptos Tipográficos
Ejemplos de Conceptos Tipográficos
 
Histora tipografia- LUIS GARCIA
Histora tipografia- LUIS GARCIAHistora tipografia- LUIS GARCIA
Histora tipografia- LUIS GARCIA
 
Manual de tipografia
Manual de tipografiaManual de tipografia
Manual de tipografia
 
Diseño editorial: Tipografia
Diseño editorial: TipografiaDiseño editorial: Tipografia
Diseño editorial: Tipografia
 

Más de Fidel Romero

Guía SEO para social media managers
Guía SEO para social media managersGuía SEO para social media managers
Guía SEO para social media managersFidel Romero
 
Construyendo ciudadanía desde el activismo digital
Construyendo ciudadanía desde el activismo digitalConstruyendo ciudadanía desde el activismo digital
Construyendo ciudadanía desde el activismo digitalFidel Romero
 
Guía de las mejores prácticas: Marketing en Facebook
Guía de las mejores prácticas: Marketing en FacebookGuía de las mejores prácticas: Marketing en Facebook
Guía de las mejores prácticas: Marketing en FacebookFidel Romero
 
Diseño editorial: Sistemas de impresión
Diseño editorial: Sistemas de impresiónDiseño editorial: Sistemas de impresión
Diseño editorial: Sistemas de impresiónFidel Romero
 
Diseño editorial: Retículas
Diseño editorial: RetículasDiseño editorial: Retículas
Diseño editorial: RetículasFidel Romero
 
Diseño editorial: Programas de autoedición
Diseño editorial: Programas de autoediciónDiseño editorial: Programas de autoedición
Diseño editorial: Programas de autoediciónFidel Romero
 
Diseño editorial: Impresión
Diseño editorial: ImpresiónDiseño editorial: Impresión
Diseño editorial: ImpresiónFidel Romero
 
Diseño editorial: Formato de archivo para imágenes
Diseño editorial: Formato de archivo para imágenesDiseño editorial: Formato de archivo para imágenes
Diseño editorial: Formato de archivo para imágenesFidel Romero
 
Diseño editorial: Color
Diseño editorial: ColorDiseño editorial: Color
Diseño editorial: ColorFidel Romero
 
Actividades y recursos en Moodle: características y usos
Actividades y recursos en Moodle: características y usosActividades y recursos en Moodle: características y usos
Actividades y recursos en Moodle: características y usosFidel Romero
 
Piktochart e Infogram: Herramientas gratuitas para crear infografías
Piktochart e Infogram: Herramientas gratuitas para crear infografíasPiktochart e Infogram: Herramientas gratuitas para crear infografías
Piktochart e Infogram: Herramientas gratuitas para crear infografíasFidel Romero
 
Wordpress: Diferencias entre Entradas y Páginas
Wordpress: Diferencias entre Entradas y PáginasWordpress: Diferencias entre Entradas y Páginas
Wordpress: Diferencias entre Entradas y PáginasFidel Romero
 
Genially y Thinglink: Herramientas para crear una red de información dentro ...
Genially y Thinglink: Herramientas para crear una red de información dentro ...Genially y Thinglink: Herramientas para crear una red de información dentro ...
Genially y Thinglink: Herramientas para crear una red de información dentro ...Fidel Romero
 
Piktochart e Infogram: Herramientas gratuitas para crer infografias
Piktochart e Infogram: Herramientas gratuitas para crer infografiasPiktochart e Infogram: Herramientas gratuitas para crer infografias
Piktochart e Infogram: Herramientas gratuitas para crer infografiasFidel Romero
 
Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)
Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)
Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)Fidel Romero
 
Aplicaciones para la edición de video desde el móvil [Octubre 2017]
Aplicaciones para la edición de video desde el móvil [Octubre 2017]Aplicaciones para la edición de video desde el móvil [Octubre 2017]
Aplicaciones para la edición de video desde el móvil [Octubre 2017]Fidel Romero
 
Herramientas digitales para la curaduría de contenidos
Herramientas digitales para la curaduría de contenidosHerramientas digitales para la curaduría de contenidos
Herramientas digitales para la curaduría de contenidosFidel Romero
 
Cómo crear una infografía
Cómo crear una infografíaCómo crear una infografía
Cómo crear una infografíaFidel Romero
 
Infogram, herramienta para ilustrar el periodismo de datos
Infogram, herramienta para ilustrar el periodismo de datosInfogram, herramienta para ilustrar el periodismo de datos
Infogram, herramienta para ilustrar el periodismo de datosFidel Romero
 
Apps para la edición de fotos desde el móvil [Marzo 2017]
Apps para la edición de fotos desde el móvil [Marzo 2017]Apps para la edición de fotos desde el móvil [Marzo 2017]
Apps para la edición de fotos desde el móvil [Marzo 2017]Fidel Romero
 

Más de Fidel Romero (20)

Guía SEO para social media managers
Guía SEO para social media managersGuía SEO para social media managers
Guía SEO para social media managers
 
Construyendo ciudadanía desde el activismo digital
Construyendo ciudadanía desde el activismo digitalConstruyendo ciudadanía desde el activismo digital
Construyendo ciudadanía desde el activismo digital
 
Guía de las mejores prácticas: Marketing en Facebook
Guía de las mejores prácticas: Marketing en FacebookGuía de las mejores prácticas: Marketing en Facebook
Guía de las mejores prácticas: Marketing en Facebook
 
Diseño editorial: Sistemas de impresión
Diseño editorial: Sistemas de impresiónDiseño editorial: Sistemas de impresión
Diseño editorial: Sistemas de impresión
 
Diseño editorial: Retículas
Diseño editorial: RetículasDiseño editorial: Retículas
Diseño editorial: Retículas
 
Diseño editorial: Programas de autoedición
Diseño editorial: Programas de autoediciónDiseño editorial: Programas de autoedición
Diseño editorial: Programas de autoedición
 
Diseño editorial: Impresión
Diseño editorial: ImpresiónDiseño editorial: Impresión
Diseño editorial: Impresión
 
Diseño editorial: Formato de archivo para imágenes
Diseño editorial: Formato de archivo para imágenesDiseño editorial: Formato de archivo para imágenes
Diseño editorial: Formato de archivo para imágenes
 
Diseño editorial: Color
Diseño editorial: ColorDiseño editorial: Color
Diseño editorial: Color
 
Actividades y recursos en Moodle: características y usos
Actividades y recursos en Moodle: características y usosActividades y recursos en Moodle: características y usos
Actividades y recursos en Moodle: características y usos
 
Piktochart e Infogram: Herramientas gratuitas para crear infografías
Piktochart e Infogram: Herramientas gratuitas para crear infografíasPiktochart e Infogram: Herramientas gratuitas para crear infografías
Piktochart e Infogram: Herramientas gratuitas para crear infografías
 
Wordpress: Diferencias entre Entradas y Páginas
Wordpress: Diferencias entre Entradas y PáginasWordpress: Diferencias entre Entradas y Páginas
Wordpress: Diferencias entre Entradas y Páginas
 
Genially y Thinglink: Herramientas para crear una red de información dentro ...
Genially y Thinglink: Herramientas para crear una red de información dentro ...Genially y Thinglink: Herramientas para crear una red de información dentro ...
Genially y Thinglink: Herramientas para crear una red de información dentro ...
 
Piktochart e Infogram: Herramientas gratuitas para crer infografias
Piktochart e Infogram: Herramientas gratuitas para crer infografiasPiktochart e Infogram: Herramientas gratuitas para crer infografias
Piktochart e Infogram: Herramientas gratuitas para crer infografias
 
Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)
Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)
Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)
 
Aplicaciones para la edición de video desde el móvil [Octubre 2017]
Aplicaciones para la edición de video desde el móvil [Octubre 2017]Aplicaciones para la edición de video desde el móvil [Octubre 2017]
Aplicaciones para la edición de video desde el móvil [Octubre 2017]
 
Herramientas digitales para la curaduría de contenidos
Herramientas digitales para la curaduría de contenidosHerramientas digitales para la curaduría de contenidos
Herramientas digitales para la curaduría de contenidos
 
Cómo crear una infografía
Cómo crear una infografíaCómo crear una infografía
Cómo crear una infografía
 
Infogram, herramienta para ilustrar el periodismo de datos
Infogram, herramienta para ilustrar el periodismo de datosInfogram, herramienta para ilustrar el periodismo de datos
Infogram, herramienta para ilustrar el periodismo de datos
 
Apps para la edición de fotos desde el móvil [Marzo 2017]
Apps para la edición de fotos desde el móvil [Marzo 2017]Apps para la edición de fotos desde el móvil [Marzo 2017]
Apps para la edición de fotos desde el móvil [Marzo 2017]
 

Último

HERRAMIENTAS DE PRESENTACIÓN REVISTA DIGITAL
HERRAMIENTAS DE PRESENTACIÓN REVISTA DIGITALHERRAMIENTAS DE PRESENTACIÓN REVISTA DIGITAL
HERRAMIENTAS DE PRESENTACIÓN REVISTA DIGITALjesusanuneza490
 
Diseño y Comunicación Visual Teoría de la Comunicación II Unidad 1 Actividad 1
Diseño y Comunicación Visual Teoría de la Comunicación II Unidad 1 Actividad 1Diseño y Comunicación Visual Teoría de la Comunicación II Unidad 1 Actividad 1
Diseño y Comunicación Visual Teoría de la Comunicación II Unidad 1 Actividad 1Lisa932201
 
trabajo diocesano (1).pdf JAHAZIEL CANELO INFORMATICA 3RO D
trabajo diocesano (1).pdf JAHAZIEL CANELO INFORMATICA 3RO Dtrabajo diocesano (1).pdf JAHAZIEL CANELO INFORMATICA 3RO D
trabajo diocesano (1).pdf JAHAZIEL CANELO INFORMATICA 3RO Dmarca2000
 
Nivel 2 transformacion del aprendizaje este es..pptx
Nivel 2 transformacion del aprendizaje este es..pptxNivel 2 transformacion del aprendizaje este es..pptx
Nivel 2 transformacion del aprendizaje este es..pptxluisfelipecartagena5
 
PORTADAS C F media Carta de la nueva escuela mexicana.pdf
PORTADAS C F media Carta de la nueva escuela mexicana.pdfPORTADAS C F media Carta de la nueva escuela mexicana.pdf
PORTADAS C F media Carta de la nueva escuela mexicana.pdfAlfredo Gomez
 
FORMATO DE DIPLOMA PARA DEPORTE DE FUT-BOL.pptx
FORMATO DE DIPLOMA PARA DEPORTE DE FUT-BOL.pptxFORMATO DE DIPLOMA PARA DEPORTE DE FUT-BOL.pptx
FORMATO DE DIPLOMA PARA DEPORTE DE FUT-BOL.pptxjosemanuel790188
 
Diseño y Comunicación Visual Teoría de la Imagen 2 Unidad 1 Actividad 1
Diseño y Comunicación Visual Teoría de la Imagen 2 Unidad 1 Actividad 1Diseño y Comunicación Visual Teoría de la Imagen 2 Unidad 1 Actividad 1
Diseño y Comunicación Visual Teoría de la Imagen 2 Unidad 1 Actividad 1Lisa932201
 
Diseño y Comunicación Visual Arte Precolombino Unidad 1 Actividad 3
Diseño y Comunicación Visual Arte Precolombino Unidad 1 Actividad 3Diseño y Comunicación Visual Arte Precolombino Unidad 1 Actividad 3
Diseño y Comunicación Visual Arte Precolombino Unidad 1 Actividad 3Lisa932201
 
Catálogo Bebé IT Otoño Invierno 2024 Mayorista
Catálogo Bebé IT Otoño Invierno 2024 MayoristaCatálogo Bebé IT Otoño Invierno 2024 Mayorista
Catálogo Bebé IT Otoño Invierno 2024 Mayorista2tdnt9qysd
 
Diseño y Comunicación Visual Arte Precolombino Unidad 1 Actividad 2
Diseño y Comunicación Visual Arte Precolombino Unidad 1 Actividad 2Diseño y Comunicación Visual Arte Precolombino Unidad 1 Actividad 2
Diseño y Comunicación Visual Arte Precolombino Unidad 1 Actividad 2Lisa932201
 
se trata de una prueba para mostrar fabula.pdf
se trata de una prueba para mostrar fabula.pdfse trata de una prueba para mostrar fabula.pdf
se trata de una prueba para mostrar fabula.pdfpcromero
 
Catalogo Febrero 2024 Diseño Humano (DH)
Catalogo Febrero 2024 Diseño Humano (DH)Catalogo Febrero 2024 Diseño Humano (DH)
Catalogo Febrero 2024 Diseño Humano (DH)diseniohumano
 
Diseño y Comunicación Visual Teoría del Arte 2 Unidad 1 Actividad 1
Diseño y Comunicación Visual Teoría del Arte 2 Unidad 1 Actividad 1Diseño y Comunicación Visual Teoría del Arte 2 Unidad 1 Actividad 1
Diseño y Comunicación Visual Teoría del Arte 2 Unidad 1 Actividad 1Lisa932201
 

Último (13)

HERRAMIENTAS DE PRESENTACIÓN REVISTA DIGITAL
HERRAMIENTAS DE PRESENTACIÓN REVISTA DIGITALHERRAMIENTAS DE PRESENTACIÓN REVISTA DIGITAL
HERRAMIENTAS DE PRESENTACIÓN REVISTA DIGITAL
 
Diseño y Comunicación Visual Teoría de la Comunicación II Unidad 1 Actividad 1
Diseño y Comunicación Visual Teoría de la Comunicación II Unidad 1 Actividad 1Diseño y Comunicación Visual Teoría de la Comunicación II Unidad 1 Actividad 1
Diseño y Comunicación Visual Teoría de la Comunicación II Unidad 1 Actividad 1
 
trabajo diocesano (1).pdf JAHAZIEL CANELO INFORMATICA 3RO D
trabajo diocesano (1).pdf JAHAZIEL CANELO INFORMATICA 3RO Dtrabajo diocesano (1).pdf JAHAZIEL CANELO INFORMATICA 3RO D
trabajo diocesano (1).pdf JAHAZIEL CANELO INFORMATICA 3RO D
 
Nivel 2 transformacion del aprendizaje este es..pptx
Nivel 2 transformacion del aprendizaje este es..pptxNivel 2 transformacion del aprendizaje este es..pptx
Nivel 2 transformacion del aprendizaje este es..pptx
 
PORTADAS C F media Carta de la nueva escuela mexicana.pdf
PORTADAS C F media Carta de la nueva escuela mexicana.pdfPORTADAS C F media Carta de la nueva escuela mexicana.pdf
PORTADAS C F media Carta de la nueva escuela mexicana.pdf
 
FORMATO DE DIPLOMA PARA DEPORTE DE FUT-BOL.pptx
FORMATO DE DIPLOMA PARA DEPORTE DE FUT-BOL.pptxFORMATO DE DIPLOMA PARA DEPORTE DE FUT-BOL.pptx
FORMATO DE DIPLOMA PARA DEPORTE DE FUT-BOL.pptx
 
Diseño y Comunicación Visual Teoría de la Imagen 2 Unidad 1 Actividad 1
Diseño y Comunicación Visual Teoría de la Imagen 2 Unidad 1 Actividad 1Diseño y Comunicación Visual Teoría de la Imagen 2 Unidad 1 Actividad 1
Diseño y Comunicación Visual Teoría de la Imagen 2 Unidad 1 Actividad 1
 
Diseño y Comunicación Visual Arte Precolombino Unidad 1 Actividad 3
Diseño y Comunicación Visual Arte Precolombino Unidad 1 Actividad 3Diseño y Comunicación Visual Arte Precolombino Unidad 1 Actividad 3
Diseño y Comunicación Visual Arte Precolombino Unidad 1 Actividad 3
 
Catálogo Bebé IT Otoño Invierno 2024 Mayorista
Catálogo Bebé IT Otoño Invierno 2024 MayoristaCatálogo Bebé IT Otoño Invierno 2024 Mayorista
Catálogo Bebé IT Otoño Invierno 2024 Mayorista
 
Diseño y Comunicación Visual Arte Precolombino Unidad 1 Actividad 2
Diseño y Comunicación Visual Arte Precolombino Unidad 1 Actividad 2Diseño y Comunicación Visual Arte Precolombino Unidad 1 Actividad 2
Diseño y Comunicación Visual Arte Precolombino Unidad 1 Actividad 2
 
se trata de una prueba para mostrar fabula.pdf
se trata de una prueba para mostrar fabula.pdfse trata de una prueba para mostrar fabula.pdf
se trata de una prueba para mostrar fabula.pdf
 
Catalogo Febrero 2024 Diseño Humano (DH)
Catalogo Febrero 2024 Diseño Humano (DH)Catalogo Febrero 2024 Diseño Humano (DH)
Catalogo Febrero 2024 Diseño Humano (DH)
 
Diseño y Comunicación Visual Teoría del Arte 2 Unidad 1 Actividad 1
Diseño y Comunicación Visual Teoría del Arte 2 Unidad 1 Actividad 1Diseño y Comunicación Visual Teoría del Arte 2 Unidad 1 Actividad 1
Diseño y Comunicación Visual Teoría del Arte 2 Unidad 1 Actividad 1
 

Unidad 2 - Tipografia

  • 1. UNIDAD 2. La Tipografía en la Diagramación Fidel Romero www.movendesign.com
  • 2. TIPOGRAFÍA - DIAGRAMACIÓN Contenido: 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
  • 3. TIPOGRAFÍA - DIAGRAMACIÓN Introducción El término “tipografía” tiene varias acepciones. De una manera simple, la tipografía puede definirse como el arte de la comunicación impresa. En un sentido amplio, 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 un diario. 3
  • 4. TIPOGRAFÍA - DIAGRAMACIÓN La importancia de la tipografía para la compresión de los textos se pone de manifiesto cuando se constata que entre 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ógrafo va eligiendo letras de los distintos cajetines para componer los textos. Su labor, aunque sencilla, es fundamental, ya que de su “arte de componer” y de los elementos que utilice, resultará un texto más o menos legible, más o menos atractivo a la vista. 4
  • 6. TIPOGRAFÍA - DIAGRAMACIÓN 2.1 La letra, principal elemento tipográfico La letra es, de todos los elementos tipográficos, la que tiene mayor importancia en el diseño de los periódicos. Es una constante en su estructura, tanto si se emplea en textos como si va en pie de fotos o en titulares. Las letras proporcionan al lector la primera impresión de conjunto de una página impresa. Por ello, no puede extrañar que los tipos o letras sean el elemento más importante en la confección de un periódico. Como señala Mario García, “las letras se consideran como el marco visual que proporcionan a los lectores la primera impresión de conjunto de una página impresa.” 6
  • 7. TIPOGRAFÍA - DIAGRAMACIÓN En la actualidad, si observamos los titulares de diversos periódicos, nos encontramos que no hay uniformidad en el uso de las familias tipográficas. Incluso, un mismo periódico puede utilizar diferentes tipos según las secciones. 7
  • 8. TIPOGRAFÍA - DIAGRAMACIÓN 2.2. Los caracteres tipográficos Aunque no existe una clasificación de los tipos de letras universalmente aceptada, ya que depende de los autores y de los países, puede servir de referencia la que presenta Jesús Canga Larequi, que las encuadra en cinco grandes estilos: 8
  • 9. TIPOGRAFÍA - DIAGRAMACIÓN Caligráficas agrupan a los distintos tipos cuyo origen o inspiración es la escritura manual. No se utilizan en el periódico, salvo casos muy excepcionales. Pertenecen a este grupo la letra gótica, la inglesa, la bastardilla, etc. Algunos diarios las mantienen en su rótulo como Le Monde o el Herald Tribune. 9
  • 10. TIPOGRAFÍA - DIAGRAMACIÓN Las Romanas se caracterizan por el alfabeto utilizado por los romanos en sus inscripciones murales. Se caracterizan por la diferencia de grosor en su trazo y por estar rematadas (serif). Dentro de las romanas se suele distinguir entre; la romana antigua de pie triangular y remates ondulados y escasa diferencia a lo largo del grosor del trazo; la romana moderna de remates rectos y finos y diferenta de grosor en el trazo y la romana de transición con elementos de las dos anteriores, trazos finos y gruesos y remates inclinados. 10
  • 11. TIPOGRAFÍA - DIAGRAMACIÓN Las Egipcias se caracterizan por el predominio de los trazos rectos y uniformes, así como por sus pesados remates, la mayoría de la veces cuadrados. Su trazo evoca el vigor, la fuerza de los monumentos egipcios, de donde le viene el nombre. 11
  • 12. TIPOGRAFÍA - DIAGRAMACIÓN Las Grotescas, popularmente conocidas como de palo o palo seco y en menor medida como peladas o san serif. Se definen por la sencillez del trazo recto y uniforme y la carencia de remates. Fue creada en 1816, basada en la egipcia. Sus variedades más conocidas actualmente son la Futura, la Helvética y la Univers. 12
  • 13. TIPOGRAFÍA - DIAGRAMACIÓN Las Ornamentales o de fantasía constituyen un “cajón de sastre” donde se encuadran todos aquellas tipos difíciles de situar en alguno de los apartados anteriores. Apenas se utilizan en la composición de textos periodísticos, siendo más propias de los anuncios y de los carteles. Dentro de ellas se encuentran las orladas, letra inicial cuyo motivo es un adorno que puede ser una figura (de figura), una figura humana (antropomorfa), flores (floreada) paisajes o escenas campestres, etc. 13
  • 14. TIPOGRAFÍA - DIAGRAMACIÓN Los tipos de letras se pueden clasificar en cinco grandes estilos: Caligráficas: Proceden de la escritura manual. No se utilizan en los periódicos. Romanas: Proceden de las inscripciones romanas. Llevan remates y diferencias de grosor. Egipcias: Astas rectas y trazos uniformes. Pesados remates. Grotescas: De palo o palo seco. Letras rectas que carecen de remates. Ornamentales: No se utilizan en los periódicos, salvo en alguna cabecera. Si en anuncios y carteles. 14
  • 15. TIPOGRAFÍA - DIAGRAMACIÓN La familia tipográfica varía según: El principio ortográfico: VERSALES (Mayúsculas o de caja alta), VERSALITAS, minúsculas (de caja baja). La tendencia del rasgo: redonda, cursiva La fuerza o grosor del trazo: fina, seminegra, negra. La anchura de las letras: normal, estrecha, ancha 15
  • 16. TIPOGRAFÍA - DIAGRAMACIÓN 2.3. Clasificación de los tipos de letra Actualmente, existen alrededor de 7.000 tipos de letras diferentes, clasificadas en familias. Una familia tipográfica engloba a los diversos tipos de letras que son del mismo estilo y que se han obtenido partiendo de 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, los talleres donde se funden las identifican por el nombre del creado o del dibujante o un nombre simbólico como Cleopatra, Futura, Ideal, etc. 16
  • 17. TIPOGRAFÍA - DIAGRAMACIÓN Dentro de cada familia tipográfica existen variaciones o series atendiendo a cuatro criterios: El principio ortográfico, diferencia entre versales o mayúsculas, versalitas (mayúsculas del tamaño de las minúsculas) y las minú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 un carácter de texto debe contar, al menos, con la redonda, la bastardilla (cursiva) y la redonda seminegra. La anchura de la letra distingue entre normal, estrecha y ancha. 17
  • 18. TIPOGRAFÍA - DIAGRAMACIÓN 2.4. Características del tipo o letra. La letra, cualquiera que sea su diseño, está formada por una serie de rasgos, que en tipografía tienen nombres específicos. El asta es la línea exterior que delimita el armazón o trazo principal del tipo. Puede ser uniforme o modulada, recta, oblicua, etc. El remate o serif es cada uno de los trazos con los que se rematan o limitan los extremos, superior e inferior, de las astas 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
  • 20. TIPOGRAFÍA - DIAGRAMACIÓN 2.5. Las líneas y los párrafos Aunque la utilización de la fotocomposición ha incorporado algunos elementos nuevos a la técnica de la composición, se mantienen muchos de los términos que se han utilizado anteriormente. Por ello, conviene dedicar algunas líneas a explicar que son más usuales: 20
  • 21. TIPOGRAFÍA - DIAGRAMACIÓN El interlineado es el espacio que hay entre dos líneas escritas de la composición. 21
  • 22. TIPOGRAFÍA - DIAGRAMACIÓN El espaciado es la distancia entre las distintas palabras que forman la línea. Se considera que espaciado correcto es aquel que es un tercio del cuerpo empleado en la escritura. Así, si utilizamos un cuerpo 9 el espaciado debe ser de 3 puntos. La anchura del párrafo es la longitud de la línea más larga de las que integran la composición. Se mide en cíceros o picas, no en puntos. 22
  • 23. TIPOGRAFÍA - DIAGRAMACIÓN El sangrado consiste en dejar un espacio en blanco al principio de la línea. El sangrado puede ser de uno o dos cuadratines. 23
  • 24. TIPOGRAFÍA - DIAGRAMACIÓN El cuadratín es el espacio que se deja en blanco al comienzo de la primera línea de un párrafo. Equivale al cuadro teórico que forma un determinado tipo de letra. Un cuadratín del 10 equivale a un cuadro que tiene 10 de alto por 10 puntos de ancho. Hay también medio cuadratín y medio. 24
  • 26. TIPOGRAFÍA - DIAGRAMACIÓN Tipos de composición de párrafos: La composición en bloque o justificada se caracteriza porque todas las líneas tienen la misma longitud, salvo la última que puede o no llegar al final. 26
  • 27. TIPOGRAFÍA - DIAGRAMACIÓN La composición en epígrafe o centrada (llamada también de jarrón o copa de Médicis) se caracteriza porque las palabras que forma cada línea se ordenan equidistantes del centro del dicha línea. 27
  • 28. TIPOGRAFÍA - DIAGRAMACIÓN La composición en bandera se basa en que las palabras se alinean por la izquierda (bandera de salida) o por la derecha (bandera de entrada). En este caso, cada línea tiene la longitud que ocupan las palabras que la forman, sin cortar ninguna, ni modificar el espaciado. 28
  • 29. TIPOGRAFÍA - DIAGRAMACIÓN La composición en curva o silueteado consiste en seguir el contorno de una fotografía no enmarcada o un dibujo, por que las líneas se adaptan a los espacios que deja la figura. 29
  • 30. TIPOGRAFÍA - DIAGRAMACIÓN La composición en línea creciente o decreciente consiste en ir aumentado o disminuyendo de modo constante 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
  • 31. TIPOGRAFÍA - DIAGRAMACIÓN La composición en escalera americana es aquella que está formada por líneas desiguales, sangradas de entrada con sangría creciente. Se utiliza en algunas revistas. 31
  • 32. TIPOGRAFÍA - DIAGRAMACIÓN La línea huérfana y la línea viuda designan formas de terminar los párrafos que no se considera adecuadas. La línea viuda es la última línea de un párrafo cuando queda sola por cambio de página o de columna. Por la misma razón, la última línea de una página o columna no debe ser el primer renglón de un nuevo párrafo. Nunca la última línea de un párrafo debe quedar sola a principio de página o de columna. La línea huérfana es la última línea de un párrafo formada por menos de cuadro caracteres, incluidos los signos de puntuación. 32
  • 34. TIPOGRAFÍA - DIAGRAMACIÓN 2.6 Tipos de párrafos. Los párrafos dividen el bloque de la información en secciones cortas que contribuyen a mejorar la legibilidad y comprensión de la noticia. Los lectores prefieren que los textos estén divididos en párrafos ya que con ellos la lectura aparece clara y el espacio en blanco proporciona alivio visual. Existen distintas maneras de comenzar un párrafo. 34
  • 35. TIPOGRAFÍA - DIAGRAMACIÓN El párrafo sangrado u ordinario es aquel que tiene un espacio en blanco al comienzo, denominado sangría. La sangría suele ser de un cuadratín y lo normal es que afecte sólo a la primera línea. El primer párrafo de un bloque nunca lleva sangrado. Si se sangra el párrafo, no debe modificarse el interlineado entre ellos. Ambas cosas a la vez se considera improcedente en un periódico. 35
  • 36. TIPOGRAFÍA - DIAGRAMACIÓN El párrafo francés consiste en sangrar todo el párrafo menos la primera línea. Se suele utilizar para destacar los apartados de una enumeración. No se utiliza en la prensa española. 36
  • 37. TIPOGRAFÍA - DIAGRAMACIÓN El párrafo alemán o moderno no sangra ninguna línea. La diferencia entre los párrafos se hace aumentando el interlineado. Se usa en revistas, pero no se suele emplear en los periódicos. 37
  • 38. TIPOGRAFÍA - DIAGRAMACIÓN El párrafo con letra capitular es aquel cuya primera letra tiene un tamaño superior al resto. La letra capitular puede ir sin sobresalir del párrafo o sobresaliendo y ser de la misma familia que el resto o diferente. En este último caso, suele tratarse de las denominas capitulares orladas. 38
  • 39. TIPOGRAFÍA - DIAGRAMACIÓN El párrafo engatillado es aquel que comienza con las primeras palabras en versalitas, en negrita o en un cuerpo superior. En cualquier caso pueden constituir una oración o ser las primeras palabras de ella. 39
  • 40. TIPOGRAFÍA - DIAGRAMACIÓN 2.7. Legibilidad de los tipos. Son muchos los factores de los que depende la legibilidad de un texto y, por ello, es muy difícil fijar unas normas, pero si existen unos criterios que se tienen en cuenta al la hora de confeccionar las páginas de 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 un 30% más de espacio y un 13% más de tiempo para leerse, que si estuviera en minúsculas. 40
  • 41. TIPOGRAFÍA - DIAGRAMACIÓN 3. La letra cursiva (itálica) es más difícil de leer que la redonda, no obstante, algunos diarios como El País y El Mundo utilizan la cursiva en los titulares de los comentarios, análisis de noticias, editoriales y artículos de opinión. Otros la utilizan en la sección de deportes como El Adelanto de Salamanca. 4. La letra blanca sobre fondo oscuro (trama) retarda la velocidad lectora, al menos un 15%. Las tramas apenas se utilizan ya que suelen ser rechazadas por el lector y distraen la atención. No obstante, en textos breves y sobre todo cuando son el color, dan vivacidad y colorido a la página. Las tramas más tolerables visualmente son aquellas cuya intensidad no supera el 20% de la intensidad del color 41
  • 42. TIPOGRAFÍA - DIAGRAMACIÓN 5. Los tipos con remates en sus astas se leen mejor que los grotescos. En un minuto se leen, por termino medio, de 7 a 10 palabras mas si estan escritas con caracteres romanos que en palo seco. 6. La fuerza de un titulo depende del lugar que ocupe en la página. Un en primera página, en la parte superior, a tres o mas columnas requiere un cuerpo de no menos de 36 puntos. Este mismo titular en mitad de pagina, basta con un cuerpo de 30, y si va a pie de pagina basta con 24. Los titulares en las paginas interiores llevan cuerpos menores . 42
  • 43. TIPOGRAFÍA - DIAGRAMACIÓN 7. La letra minúscula (caja baja) es la mas habitual en los titulares, aunque hace años la mas común era la versal. 8. Los titulares llenan la línea, sin partir palabras. No suele ser usual encontrar titulares en forma de pie de lámpara invertida, ni en bandera. 9. El largo de la línea influye en la legibilidad y en la claridad del texto. El ojo humano no se mueve sobre la línea a saltos regulares, con brevísimas paradas durante las cuales percibe “ un trozo “ de la línea, llamada campo del ojo. Normalmente tiene el ancho de dos centímetros. Teniendo esto en cuenta, para que una línea sea fácil de leer no ha de exigirle al ojo ni mucho ni pocos saltos. No existe medida optima de la longitud de la línea ya que esta depende del cuerpo de la letra utilizado. El criterio mas aceptado es la línea que tenga entre 30 (mínimo) y 70 (máximo) caracteres, incluidos los espacios. 43
  • 44. TIPOGRAFÍA - DIAGRAMACIÓN 10. La justificación de la línea está aceptada entre los periódicos que se consideran serios, aunque no sea compartido por todos los experto. Se acepta. Sin embargo, que no se justifiquen las entradillas o los textos compuestos en medida falsas. 11. El interlineado y el espaciado son de máxima importancia para la legibilidad. El grueso del interlineado depende de las características de la letra. Tanto si es escaso como excesivo produce un efecto negativo, ya que en el primer caso produce un abigarramiento de las letras y en el segundo caso una sensación de vacío. 44
  • 46. TIPOGRAFÍA - DIAGRAMACIÓN 2.8. Otros elementos tipográficos. El filete consiste en un lámina de cobre, de la misma altura que los tipos, imprime una o más rayas. Se utiliza para separar columnas (corondel), partes de una cabecera o para recuadrar. Según el tipo y grosor, el filete recibe distintos nombres: fino (imprime una raya de medio a un punto de grosor; es el mas empleado de todos y el usado par los corondeles), seminegro (punto y medio), negro (dos puntos de grosor), medio luto (línea de 3 puntos) y luto (6 a 12 puntos). fino seminegro negro menio luto luto 46
  • 48. TIPOGRAFÍA - DIAGRAMACIÓN Otros tipos de filetes especiales son: la caña, imprime dos líneas finas paralelas; la media caña, imprime una línea gruesa y otra fina; el punteado o puntillado, imprime una línea de punto; el tremente o temble imprime una raya en zig-zag; la serpentina imprime en forma de serpentina; la fantasía imprime dos líneas seminegras y una raya en el centro. El recuadro es un marco que se realiza con filetes, orlas o luto para enmarcar una información creando un conjunto integrado por el texto, los titulares y las fotografías, dando así una visión de conjunto. A veces, los recuadros se hacen dentro un mismo bloque de información para diferenciar algún aspecto concreto de la información. Estas acotaciones reciben el nombre de despieces o recuadros de apoyo. 48
  • 49. TIPOGRAFÍA - DIAGRAMACIÓN Las tramas son fondos de distintas intensidades en cuyo interior se colocan los textos o cualquier otro elemento de ilustración. Las tramas de fondo o de pantalla están formadas por un conjunto ordenado de puntos. La trama depende de dos medidas principales: la densidad de la tinta o porcentaje de mancha y de la densidad del punto o lineatura. El principal problema de las tramas es que disminuye la legibilidad, descompensando el equilibrio de la página. 49
  • 51. TIPOGRAFÍA - DIAGRAMACIÓN Las viñetas en su acepción más sencilla se refiere a los pequeños dibujos que como adornos, acompañan a un texto. Deben su nombre a los antiguos grabados que reproducían hojas y racimos de uva. Actualmente engloba a los dibujos, ilustraciones, caricaturas y tiras cómicas que aparecen en los periódicos. Hoy día, las viñetas se utilizan más como reclamo que como elemento ornamental. 51
  • 54. TIPOGRAFÍA - DIAGRAMACIÓN Referencias: 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 de consulta: 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
  • 55. TIPOGRAFÍA - DIAGRAMACIÓN Instructor: Fidel Romero fidelromeromx@gmail.com fidelromero@movendesign.com www.movendesign.com 55