TYPO, Tipoggrafía como y cuando usarla by Emmanuel Otamendi

Emmanuel Otamendi Huerta // DiseĂąo III

ÍNDICE PRESENTACIÓN

P. 2

ÍNDICE

P. 3

DIFERENCIAS ENTRE PANTALLA Y PAPEL

P.5

FORMATOS DE FUENTES Y SUS POSIBILIDADES

P. 9

EL LIBRO ELECTRÓNICO (EBOOK)

P. 13

DISEÑO Y EDICIÓN DE UNA TIPOGRAFÍA

P. 15

CONSIDERACIONES PARA SELECCIONAR UNA FUENTE

P. 19

INSTALAR UNA FUENTE EN PLATAFORMAS MAC Y PC P. 21 TIPOGRAFÍAS EN DISTINTOS MEDIOS

P. 25

Emmanuel Otamendi Huerta // DiseĂąo III

INTRODUCCIÓN A mediados del siglo XX era inculcada en los párvulos la destreza aritmética arguyendo,“No siempre podrás llevar un ábaco contigo” para los 80’ el barco se había convertido en una calculadora que aunque aún de tamaño considerable podría ser portada con facilidad. En nuestros días esa calculadora es un mínimo componente de las minicomputadoras que llevamos día con día en el bolsillo. Así pues justo cómo podemos llevar nuestro ábaco a todas partes podemos también llevar una biblioteca entera.

DIGITAL V.S. IMPRESO De acuerdo a varios estudios realizados en universidades Europeas, se ha descubierto que la lectura en medios digitales es 30% más lenta y que sólo un 50% de la información es efectivamente comprendida. Al tiempo que, en medios digitales, la memoria a largo plazo se reduce considerablemente y la memoria a corto plazo parece no ser afectada. 5

La opacidad del soporte es de gran importancia, pues en un medio impreso la percepción de la luz es reflectiva, es decir que el ojo absorbe sólo la luz ambiental que el soporte refleja. mientras que en medios digitales, la percepción de luz es proyectiva, es decir que el ojo percibe la luz que el mismo dispositivo proyecta. esto significa entre otras cosas el ojo se cansa más fácilmente y la molestia visual provoca una reducción en la comprensión lectora. Estos problemas pueden corregirse en médica manera al usar anteojos diseñados para contrarrestar este asalto lumínico, además de la existencia de dispositivos como el Kindle de Amazon los cuales usan una tecnología llamada “e-Ink” o tinta electrónica en donde el dispositivo no proyecta luz sino que genera una matriz de tonal al hacer uso de contrastes en su pantalla. Estos dispositivos pueden encontrarse tanto como monocromáticos, en escala de grises e incluso color. Es también importante el entender la diferencia entre el formato de la página, pues desde la infancia adiestramos nuestro recorrido visual a adaptarse a un, sí bien variado, últimamente similar formato, es decir, tamaño de línea y prolongación de párrafos. En el caso de la lectura digital estos parámetros pueden variar no sólo de acuerdo al tamaño del dispositivo sino, dentro de esté al tamaño de la venta en la cual se aloja la lectura lo que puede generar cansancio en el lector al enfrentarse a interminables líneas que alojan en una sola un párrafo entero. Otra de las diferencias prácticas entre estos dos sistemas, es la de la aplicación de técnicas de estudio como el subrayado, las notas al pie o la lectura pausada o espontánea. Si bien plataformas de hardware como Kindle o Adobe Acrobat en caso del Software, es posible aplicar dichas técnicas, su falta de inmediatez provoca pasos extras que terminan siendo una distracción extra. 6

Emmanuel Otamendi Huerta // Diseño III

Hasta ahora parecería ser esto una tesis opuesta a la lectura digital y si bien este sistema de lectura presenta claras y no tan claras deficiencias, posee igualmente grandes virtudes y facetas superiores a la lectura impresa. Comenzando por el gran ahorro ecológico en la produccion y distribucion de material de lectura, pues ya no es necesario el producir tomos enteros una y otra vez, cuando toda esta información puede ser condensada en archivos digitales que pueden almacenarse y compartirse una y otra de manera gratuita. adecuada a los derechos de autor por supuesto, en el mismo “sustrato” en el que cientos más de publicaciones pueden alojarse y apreciarse. Otra de sus grandes ventajas se encuentra en el diseño editorial, pues si bien se le resta la experiencia táctil, el diseño editorial puede hacer uso de elementos que sólo podían ser posibles en relatos de ciencia ficción, como la adición de videos, la interactividad inmediata con el material a través de juegos o cuestionarios. Así como la revisión retroactiva del autor, es decir que la corrección de erratas, por ejemplo, no tiene que esperar al siguiente tiraje o a la siguiente reedición del volumen, sino que puede editarse inmediatamente y actualizarse en la versión misma que el lector posee, siempre y cuando exista esta posibilidad en el dispositivo, versión de software utilizado o licencia adquirida. 7

Emmanuel Otamendi Huerta // DiseĂąo III

INTRODUCCIÓN Al trabajar en nuestras computadoras estamos siempre en contacto con caracteres tipográficos y es muy sencillo el asumir que todas estas, fuentes como se les denomina, nacen y funcionan de la misma manera. En realidad estas fuentes se dividen de manera general, en tres formatos distintas, estos formatos son: TrueType, OpenType y PostScript. Estas tres facetas tienen funciones distintas que se adecuan tanto a su función como a su forma.

Las fuentes digitales (TrueType, OpenType, PostScript) poseen características específicas que las adecuan a su uso, por lo que el diseñador debe comprenderlas a la perfección, para así evitar errores que podrían dañar de manera irreparable un trabajo aparentemente completado ya sea de manera digital o impresa. Estas fuentes digitales por sí mismas son una colección de de caracteres (letras mayúsculas y/o minúsculas, números y/o símbolos) y modificadores de estos (acentos diéresis…) estas colecciones pueden ser una mezcla de estos o subdivisiones de las mismas, por ejemplo existen fuentes que sólo cuentan con mayúsculas y otras que no cuentan con números. Así mismo estas pueden diferir de acuerdo a su idioma, por ejemplo en fuentes anglosajonas la ñ o acentuación no existen. 9

TRUETYPE TrueType es una fuente estandarizada basada en “outlying” es decir, en la vectorización de las formas a través de curvas, desarrollada por Apple y Microsoft a finales de los 80’s como competencia a las fuentes “Type1” de Adobe basadas en PostScript. Se ha convertido actualmente, en el formato más comúnmente usado para fuentes los sistemas operativos Mac OS (Apple) y Windows (Microsoft). Su fortaleza principal yacía originalmente, en las grandes opciones de control que ofrecía a los desarrolladores en la forma en que su tipografía se presentaba hasta la más mínima expresión de píxeles en sus distintos tamaños. Desafortunadamente debido a la amplia gama de tecnologías de renderizado, la cualidad “pixel-perfect” (perfección al pixel) de estas fuentes ya no es tan certera.

OPEN TYPE OpenType es un formato desarrollado con la escalabilidad de las fuentes en mente. Fue construida sobre la arquitectura de su predecesor TrueType, añadiendo muchas estructuras de data para gobernar el comportamiento tipográfico. OpenType fue desarrollada y registra10

Emmanuel Otamendi Huerta // Diseño III

da por Microsoft Corporation. Gracias a su extenso rango de acción sobre la flexibilidad tipográfica de los distintos sistemas de visualización, por lo que son actualmente, el formato de fuente más popular.

TRUETYPE PostScript es más que el formato de una fuente, un lenguaje de descripción de formato, entendiendo como formato a la “página” entera, es decir, el lenguaje postscript no se ocupa en sí de dar formato a las fuentes tipográficas, sino que se ocupa de que estas fuentes, en conjunto con todos los elementos del diseño de la página sean entendible, visualizables e imprimibles por cualquier software o hardware requerido. Esta manera dinámica con la que el lenguaje programa la escritura del texto fue creado en Adobe Systems, por John Warnock, Charles Geschke, Doug Brotz, Ed Taft and Bill Paxton a inicios de los 80’s. Dentro del diseño gráfico, el PostScript significó que el diseñador podía por fin ocuparse simplemente del diseño en sí, y no de cómo es que se visualizará, por supuesto consideraciones como el modo de impresion Ademas de que devido a la forma en que comprende las curbas, su ejecucion es mas limpia que en el caso de las Tre y Open Types. 11

Emmanuel Otamendi Huerta // DiseĂąo III

INTRODUCCIÓN En un mundo ideal, el diseñador gráfico tendría el tiempo necesario para diseñar una typeface específica para cada proyecto, desafortunadamente a menos que tu unica responsabilidad en el equipo de trabajo sea el diseño tipográfico, tu mejor opción será encontrar una tipografía ya diseñada que se ajuste lo mejor posible al proyecto. Actualmente existen muchos sitios de internet conocidos como “Fundidoras” que justo como sus predecesores se encargan de diseñar tipografías que aunque ya no las funden en metal, las empàquetan en archivos descargables que puedes instalar en tu equipo para su uso. Estas tipografías pueden ser libres, es decir que no tienes que pagar derechos ni acreditar, CC, es decir que no tienes que pagar pero debes acreditar al diseñador en tu proyecto o pagadas, en donde pagas la licencia de uso comercial de la fuente que utilizaras.

INSTALACIÓN Una vez que encontraste la tipografía que deseas utilizar sólo basta con descargarla, tanto en Windows como en MacOS, ya sea en formato TIFF o FOT o empacada en un archivo RAR o ZIP, de ser lo primero, sólo necesitas dar doble click sobre el archivo y en la ventana emergente dar click en instalar y listo. En el caso segundo sólo debes abrir el archivo RAR o ZIP y una vez abierto dar doble click en el archivo de la fuente, click en instalar y listo ya puedes utilizar la fuente. 13

Emmanuel Otamendi Huerta // DiseĂąo III

INTRODUCCIÓN Como se mencionó anteriormente los libros electrónicos presentan muchas ventajas y desventajas en contraposición a los medios impresos, aún así, los libros electrónicos o ebooks deben presentar el mismo formato que uno impreso, aún cuando el e-book pueda apreciarse de una manera más interactiva. Por ejemplo, la forma en que el índice puede codificarse para funcionar como hipervínculo s que te lleven directamente a la página seleccionada.

ESTRUCTURA DE UN E-BOOK

Los e-books tanto como los libros impresos pueden cambiar su formato de acuerdo al autor o a la editorial, sin embargo esta es la estructura básica de un ebook. Portada: Integrada por el título y/o ilustración, ambas deben ser atractivas y fácilmente legibles, además de coherentes. Portadilla: La primera página a la derecha, contiene el título y nombre del autor o autores.

Página en blanco: Se reserva una página en blanco al inicio y al final del contenido como un preámbulo al mismo. Portada interior: COntiene el título del libro, datos de los autores y otra información relevante sobre la publicación. Página legal: Esta página contiene los derechos y créditos, es decir que se acreditan a los autores originales del material utilizado o citado en la publicacion, así como los datos de la colección a la que el título pudiese pertenecer, nombres de los colaboradores como traductores e investigadores, los datos físicos como la editorial y ciudad de origen y el ISBN (International Standard Book Number) Dedicatoria o agradecimientos: Agradecimientos y/o pensamientos personales de los autores. Índice: La estructura nominal del contenido, ya sea por título, página o capítulo. Cuerpo de la obra: Es aquí en donde se vacía de manera estructurada el contenido de la publicación. Epígrafe: 16

Emmanuel Otamendi Huerta // Diseño III

es una frase o cita que se coloca al inicio de un capítulo sugiriendo algo del contenido, sí la hay se escribe en itálicas. Folio de página: La numeración, en el caso de los ebooks estas pueden utilizarse como hipervínculos. Conclusiones: Los pensamientos finales o resoluciones del contenido. Notas: se presentan numeradas, con la referencia correspondiente. Anexos: Por las características de la obra de presentan estos documentos que la complementan. Bibliografía: Una lista de las fuentes consultadas, presentadas alfabéticamente. Glosario: Una lista a modo de diccionario de los términos utilizados. Contraportada: Con sinopsis del contenido y datos del autor. Segunda página de cortesía: Página en blanco. v

Emmanuel Otamendi Huerta // DiseĂąo III

INTRODUCCIÓN En la antigüedad, las fundidora tenían que literalmente fundir metal en moldes que terminarían siendo los bloques tipográficos para la prensa. En nuestros días esto se realiza de manera digital, la plataforma por excelencia para esto es Fontlab, desarrollada por Fontlab Ltd. 2000. Sin embargo esta herramienta tiene una curva de aprendizaje muy pronunciada.Afor tunadamente en la actualidad existen varias opciones mucho más accesibles, que si bien carecen de varias funciones que Fontlab posee. Sinembargo funcionan en una base de generación automática, es decir que adaptan los cambios realizados a un símbolo para la colección completa, generando un paquete de instalación tipográfica

Emmanuel Otamendi Huerta // DiseĂąo III

INTRODUCCIÓN Las consideraciones más importantes para la selección de una tipografía van mucho más allá de sí se ve bien o no. Estas consideraciones abarcan la legibilidad, es decir que pueda leerse fácilmente, estilo, que vaya acorde a la personalidad y mensaje del proyecto, integridad, que contemple la inclusión de la mayor cantidad de símbolos y modificaciones posibles y la variedad de estilos, negritas, itálicas, versalitas.

FACTORES IMPORTANTES

Jerarquización: En el diseño editorial la estructura de un medio está apoyada en titulares que deben ser atractivos al lector y en el cuerpo de texto que debe atraparlo y darle gozo en la lectura. combinado, junto con las imágenes, deben facilitar el recorrido por todo el soporte. Tipo de lector: Debe considerar al público al que va destinado el mensaje; es decir, las distintas variables, demográficas. Tipo de mensaje: Debe ser acorde con el fondo del contenido, ya que determi21

nará la letra. dependiendo de la función, educativa, artística, promocional, turística, informativa… y del público objetivo. por ejemplo, un contenido presenta enormes diferencias sí se arma en Arial 14 que en Times 12. Imágenes: El estilo de la imagen puede definir el tipo de letra a emplear. Sie es un libro de idioma griego, el arte debe relacionarse con grecia, o sí es de cosina, sus imágenes deben representar los platillos a prepararse. Soporte: El soporte se refiere al sustrato de impresión, es decir si la impresión se realizará sobre un papel muy poroso o satinado, esto determinará la forma de la tipografía, pues podría por ejemplo si el sustrato es muy absorbente, crear manchas negras al desplazarse la tinta en fuentes con trazos muy gruesos. Tamaño: Seleccionar un tamaño de letra entre 9 y 14 ptos para la lectura es ideal para lograr legibilidad en los textos. El tamaño de 14 puntos se emplea para libros de texto infantiles, adultos mayores y de texto corrido. Para libros de bolsillo, folletos y revistas puede usarse de 9 a 12 puntos. Interlineado: Representar las normas de separación entre línea y línea es requisito indispensable para definir la comprensión del texto. Ancho de columna: Observar qué medio vamos a diseñar para definir la pertinencia del ancho de columna. Cabe mencionar que la longitud ideal 22

Emmanuel Otamendi Huerta // Diseño III

de un libro es de 60 caracteres y para medios digitales 75, sí es revista a dos columnas, 45 caracteres y sí son más columnas como un periódico de 8, estas oscilan en los 35 caracteres. Contraste: Esto se refiere a la legibilidad inmediata del texto frente a su fondo, es decir no debemos utilizar una tinta negra sobre un fondo oscuro o una clara sobre uno claro, una forma de evitar errores como estos es mediante la teoría del color y las armonías contras tantes como el verde sobre lila, o combinaciones probadas como el negro sobre amarillo.

Emmanuel Otamendi Huerta // DiseĂąo III

INTRODUCCIÓN

Una vez que comprendemos la importancia funcional de la elección de una tipografía adecuada, debemos entender la importancia formal, es decir, entender la forma en que distintos tipos de tipografías afectan de manera positiva o negativa al proyecto, especialmente dentro de un capo específico, como el campo editorial, de embalaje, corporativo o Electrónico. Ya que cada uno de estos campos hace uso de las tipografías de una manera particular para el medio y tipología de mensajes que domina.

EDITORIAL

En el mundo editorial la elección de una buena tipografía es más que fundamental, pues esta se convertirá en el vehículo por el cual se difunden sus mensajes. Es por esta razón que una fuente ideal, debe presentar las siguientes características: Forma y contraforma equilibradas, total legibilidad, coherencia histórica, estructuración adecuada a la caja tipográfica, tanto en márgenes como ancho de línea e interlineado. Es por esto que encontramos por ejemplo, en un libro de matematicas que contendra numeros, viñetas y símbolos, la tipografía ideal acera por ejemplo en, Platino, Zapf, Helvética y Univers. 25

EDITORIAL En el mundo editorial la elección de una buena tipografía es más que fundamental, pues esta se convertirá en el vehículo por el cual se difunden sus mensajes. Es por esta razón que una fuente ideal, debe presentar las siguientes características: Forma y contraforma equilibradas, total legibilidad, coherencia histórica, estructuración adecuada a la caja tipográfica, tanto en márgenes como ancho de línea e interlineado. Es por esto que encontramos por ejemplo, en un libro de matematicas que contendra numeros, viñetas y símbolos, la tipografía ideal acera por ejemplo en, Platino, Zapf o Helvética.

IDENTIDAD VISUAL CORPORATIVA

La identidad visual corporativa se divide básicamente entre sus paleta de colores corporativos, sus símbolos como el logotipo, isotipo y el isologotipo y finalmente la tipografía, de cierta forma y especialmente en el caso del logotipo, los símbolos son la mezcla entre los colores y la tipografía corporativa, por lo que esta última es de extrema importancia. Una vez completado el diseño de estas tres facetas, se compone el manual de identidad visual, en donde literalmente se vierten las instrucciones, los sí 26

Emmanuel Otamendi Huerta // Diseño III

y no’s, de como aplicar los elementos diseñados en la producción audiovisual de la marca. Es entonces que la selección de la fuente debe representar la personalidad de la marca y no así la forma de esta, es decir si quisiéramos diseñar la imagen de un despacho arquitectónico, no convertimos cada hasta de las letras en un edificio con ventanas, sino que buscaremos que la tipografía proyecte en su conjunto y uso un sentimiento de seguridad e innovación.

ENVASE (PACKAGING)

En el caso del embalaje, la tipografía se desarrolla siguiendo tres momentos esenciales. El primero sucede cuando se genera la marca, como vimos en el desarrollo de la imagen corporativa, de este modo sabremos qué tipografía y colores así como las formas en las que se aplicaran. La segunda llega cuando se generan los textos primarios, como por ejemplo los anuncios de promociones, el lema, los contenidos… Finalmente encontramos el desarrollo tipográfico en los textos legales, como las tablas alimenticias o la situación física legal de la compañía como su RFC, permisos, instrucciones, estas últimas se generan en fuentes de entre 7 y 9 puntos de palo seco.

MEDIOS DIGITALES

Tenemos la libertad funcional casi absoluta en nuestra elección de tipografías, siempre y cuando utilicemos tipografías “web save” esto significa que ya que estas tipografías están diseñadas para su visualización en navegadores de internet, puedan visualizarse correctamente en cualquier dispositivo con pantalla.

Emmanuel Otamendi Huerta // DiseĂąo III