Fuentes y tipografa

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Arte de la Tipografa palabras y signos grficos legibles y atractivos visualmente imgenes grficamente sugestivas y adems pticamente legibles Los orgenes de la palabra impresa se remontan a los tipos mviles tallados en madera inventados por Gutenberg en Alemania, los cuales, a lo largo de un rpido desarrollo, evolucionaron hacia la impresin de tipos metlicos. En los sistemas de composicin se ha producido una evolucin constante hasta desembocar en los actuales completamente electrnicos. Con la llegada de la fotocomposicin electrnica a mediados de los aos 70, se produjo un gran avance desde el punto de vista estilstico, ya que la propia capacidad de la mquina permita modificar los trazos de una tipografa determinada sin que sta perdiera sus caractersticas fundamentales. Permiti tambin poder modificar el espaciado entre letras, palabras y lneas de una manera mucho ms sencilla que como se poda realizar hasta ese momento con los mtodos de composicin de tipos mviles.

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa A continuacin vamos a ver qu es cada cosa para diferenciar los trminos ms empleados: - Tipo es igual al modelo o diseo de una letra determinada.

- Tipografa es el arte y la tcnica de crear y componer tipos para comunicar un mensaje. Tambin se ocupa del estudio y clasificacin de las distintas fuentes tipogrficas.
- Fuente tipogrfica es la que se define como estilo o apariencia de un grupo completo de caracteres, nmeros y signos, regidos por unas caractersticas comunes. - Familia tipogrfica, en tipografa, significa un conjunto de tipos basado en una misma fuente, con algunas variaciones, tales, como por ejemplo, grosor y anchura, pero manteniendo caractersticas comunes. Los miembros que integran una familia se parecen entre s pero tienen rasgos propios.

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Podemos decir que las letras estn constituidas por trazos generales que definen su conjunto y que, una vez coordinados, determinan las caractersticas principales de cada letra en particular. Los trazos se encargan adems de diferenciarnos una letra de distintas familias en funcin de cmo los ejecutemos.

Cada uno de ellos debe definirse especficamente en su grosor, inclinacin y modulacin para poder distinguir claramente letras de diferentes familias.

En un primer anlisis de las partes de la estructura bsica de una letra. La evolucin que ha sufrido su anatoma ha sido para adaptarse a las transformaciones que han sufrido los sistemas de fotocomposicin.

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa En frecuentes ocasiones, una misma cosa en tipografa se denomina de forma diferente segn el tipgrafo pertenezca a una escuela u otra. En la T mayscula, el trazo que esta figura se seala puede llegar a denominarse de tres formas diferentes: gracia, remate o trazo terminal.

Por ejemplo, haciendo referencia a trazos que distinguen distintas letras dentro de una familia tipogrfica, podemos observar que la letra "b" y la "p" minsculas poseen unos trazos muy similares, diferencindose tan slo por el sentido ascendente o descendente del trazo vertical y por el sentido del ojo de la letra.

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa En los tipos, la posicin de las letras no responde a criterios arbitrarios. Todas ellas han de compartir unas zonas comunes que quedan definidas por cuatro lneas limtrofes que nos enmarcan cada una de las letras y contribuyen a realzar su trazado.

La lnea principal es la llamada lnea de base, y sirve de apoyo a las letras en su trazado. Sirve de base y asiento, siendo la referencia principal de la que nos servimos para ubicar las letras formando palabras dentro de un texto. Es, adems, la lnea compartida a partir de la cual trazamos las restantes de referencia en el trazado de una letra. Distinguimos tambin la altura de la x, las alineaciones superior e inferior y las medias inferiores y superiores.

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Lneas de referencia de una tipografa

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Anatoma de la letra

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Anatoma de la letra

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Anatoma de la letra

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Anatoma de la letra

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Anatoma de la letra

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Anatoma de la letra

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Anatoma de la letra

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Anatoma de la letra

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Anatoma de la letra

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Anatoma de la letra

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Otro parmetro al que hemos de referirnos es el tipo de modulacin que asignamos a cada letra. Denominaremos modulacin al sentido que demos en nuestro trazado a los rasgos principales de la letra. La modulacin puede ser vertical u oblicua. Ser vertical cuando los trazos posean un sentido perpendicular a la lnea base. En el ejemplo de la figura de la derecha, podemos ver claramente la distinta modulacin de los trazos de dos letras de apariencia bastante similar pero con una direccionalidad de trazado diferente.

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Los contornos son las reas definidas por el trazo de una letra. As, por ejemplo, en la letra "C" encontramos tanto un contorno interior como un contorno exterior, de igual modo que sucede con la letra "D". Sin embargo, la letra "L" slo define contornos exteriores.

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Como resumen, existen cuatro elementos puntuales que sirven para clasificar e identificar a las diferentes familias tipogrficas: - La presencia o ausencia del serif o remate. - La forma del serif. - La relacin curva o recta entre bastones y serifs. - La uniformidad o variabilidad del grosor del trazo. De acuerdo con esto podemos hacer un anlisis y reconocer a los dos grandes grupos fundamentales: - Tipografas con serif: Los tipos de caracteres, pueden incluir adornos en sus extremos o no, estos adornos en sus terminaciones, se denominan serif o serifas. - Tipografas sans serif o de palo seco: Es la tipografa que no contiene estos adornos, comnmente llamada sanserif o (sin serifas ), stas no tienen serif y actualmente se utilizan en muchos tipos de publicaciones de texto impreso.

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Clasificacin de las tipografas segn sus caractersticas Las serif se clasifican en las siguientes clases: Romanas Antiguas, Romanas de Transicin, Romanas Modernas y Egipcias.

Las sans serif se clasifican como: Grotescas, Neogticas, Geomtricas y Humansticas.

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Las Serif> Familia de letras Romanas Antiguas Podemos incluir en este grupo de las letras romanas antiguas: Garamond, Caslon y trajan.

Las Serif> Familia de letras Romanas de transicin Incluiramos en esta seccin la tipografa, Baskerville, Times, Century.

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Las Serif> Romanas modernas o didonas Incluiramos dentro de este grupo la tipografa, Bauer Bodoni, Didi, Caxton, Ultra Condensed.

Las Serif> Egipcias El serif es tan grueso como los bastones, esta es la principal caracterstica que la identifica.

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Las Sin Serif> Tipografa grotescas Son las primeras versiones de sans serif derivadas de un tipo egipcia, slo que en este caso se han eliminado los remates. Llamadas por los ingleses y americanos san serif, indicando con ello que los bastones no presentan ningn remate, y citadas en Espaa, como letras de palo seco.

Las Sin Serif> Geomtricas o de palo seco Se trata de letras de palo seco y de ojos tericos, basados en formas y estructuras geomtricas, normalmente monolneas.

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Las Sin Serif> Humansticas No son monolneas y son una versin de la romana pero sin serifs. Algunos ejemplos de estos tipos: Gill Sans, Stone Sans, Optima.

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Otras> Caligrficas Este tipo caligrfico se encuentra representada a pluma y pincel.

Otras> Ornamentadas Las del tipo decorativas no pertenecen a ninguna clasificacin exacta. La ornamentacin de letras y tipos alcanz su mximo esplendor hacia la primera mitad del siglo XIX, precisamente cuando se inici la litografa industrial. Debido a la fcil talla de la madera, las filigranas y ornamentaciones invadieron al tipo.

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Diseo vs. Legibilidad (Legibilidad y lecturabilidad) Dos palabras en torno a un mismo objetivo: la facilidad de lectura de un texto, factor importante al pensar en un diseo

Inteligibilidad (legibility): La inteligibilidad es la caracterstica de una tipografa que permite al ojo distinguir un carcter del otro. En algunas fuentes, las formas de algunas letras causan que la tipografa tenga una legibilidad disminuida. Por ejemplo, al ajustar la Avant Garde muy apretada en tamaos ms pequeos, hay algunas combinaciones de letras que se hacen ininteligibles como la letra minscula i junto a otra letra recta y elevada, como una l o una t.
La inteligibilidad es construida en la fuente por el diseador de la tipografa. Es algo sobre lo cual no podemos hacer nada, est ms all del control del diseador grfico.

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Legibilidad (readability): La legibilidad es la relativa facilidad con que una fuente puede ser leda cuando sus caracteres se agrupan en palabras, oraciones y prrafos. A diferencia de la legibilidad, la lecturabilidad en el ajuste de los caracteres est a merced del tipgrafo o la configuracin que haga el diseador grfico. Puedes tener una fuente que sea altamente inteligible y convertirla en ilegible. La legibilidad tiene que ver con una propiedad intrnseca al diseo de una fuente, mientras que para la lecturabilidad influyen otro tipo de factores que tienen que ver con la disposicin de una fuente y su integracin en un diseo, y sta tiene ms relacin con algo ms que poder distinguir cada carcter: con la capacidad para poder leer un texto, o que ste sea lecturable.

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Factores que influyen en la legibilidad. - Las fuentes de familias serif (como la Times New Roman o la Georgia) suelen ser sealadas como ms inteligibles y legibles en medios impresos, ya que sus adornos forman una lnea imaginaria que sirve de gua al ojo del lector. Las fuentes de familias sans-serif (Arial, Helvtica, Tahoma, Verdana) funcionan mejor en pantallas, ya que stas tienen una resolucin muy inferior en comparacin a un libro (por ejemplo); los adornos de las serif pierden detalle y estas fuentes que son ms sencillas resultan ms inteligibles. - Existen una excepcin al punto anterior: Georgia es una fuente de tipo serif diseada por Microsoft especialmente para ser especialmente inteligible en pantallas, es distinguiblemente ms gruesa, sencilla y ancha que otras fuentes serif. - El ancho de la lnea y la separacin entre lneas. Lneas muy anchas se hacen ms difciles de comprender y lentas de leer (vean por ejemplo el caso de los peridicos con muchas columnas relativamente angostas); por otra parte la separacin entre lneas debe permitir al lector encontrar el inicio de una nueva lnea sin confundirse con las que la rodean (ni muy juntas ni muy separadas).

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa Tipos de archivos de fuentes

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa. Tipos de archivos de fuentes - PostScript: Las fuentes PostScript son suaves, detalladas y de alta calidad. Se usaban a menudo para la impresin por su compatibilidad con el lenguaje PostScrip, utilizado en muchas impresoras para transportar grficos.

- TrueType: se pueden escalar a cualquier tamao y resultan claras y legibles en todos los tamaos. Se pueden enviar a cualquier impresora u otro dispositivo de salida compatible con Windows.
- OpenType: incorporan una extensin ms amplia del juego de caracteres bsico que las TrueType, como el uso de maysculas pequeas, nmeros en estilo antiguo y formas ms detalladas, como glifos y ligaduras. Las fuentes OpenType tambin son claras y legibles en todos los tamaos y se pueden enviar a cualquier impresora. - Fue desarrollado por Adobe y Microsoft para facilitar el trabajo multiplataforma y multilinge.

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]

>Elementos narrativos, expresivos y descriptivos del lenguaje audiovisual en proyectos multimedia >>Fuentes y tipografa. Por qu OpenType? - Multiplataforma: este mismo archivo de fuente podemos instalarlo tanto en Mac como PC. - Juego de caracteres extendido y multilinge: basado en el sistema internacional Unicode. Mientras el formato PostScript est limitado a 256 caracteres por archivo y los caracteres adicionales en muchas ocasiones necesitan ser almacenados en otros archivos adicionales (lo que complica su gestin), el archivo OpenType puede contener hasta 65.535 caracteres o glifos en un nico archivo. Lo que nos permite que en un slo archivo tengamos tanto una amplia compatibilidad con diferentes idiomas como caractersticas tipogrficas que los diseadores apreciamos como ligaduras, conjuntos estilsticos, fracciones, caracteres decorativos estas caractersticas avanzadas de OpenType podemos trabajarlas con aplicaciones como Indesign, Illustrator, Photoshop o QuarkXPress.

[MDULO 2]

[Unidad 1. Recursos Narrativos y tcnicos para el desarrollo de productos multimedia]