UF1460 COMPOSICIÓN DE TEXTOS EN PRODUCTOS GRÁFICOS Certificado de Profesionalidad ARGG0110. Diseño de Productos Gráficos
ARGG0110
MF0698_3
UF1460 1
Mª Rosa Ponce
2
Mª Rosa Ponce
El objetivo en esta unidad formativa será interpretar las directrices dadas para una correcta elección de las fuentes tipográficas, así como hacer uso de las herramientas necesarias para la elaboración de páginas maestras.
3
4
UNIDAD APRENDIZAJE 1. ARQUITECTURA TIPOGRÁFICA Introducción 1. Definición y partes del tipo. 2. Familias tipográficas y campos de aplicación. 3. Tipometría. 4. Aspectos a considerar para la selección de tipografías. 5. Factores a considerar en la composición de textos. 6. Principales problemas relacionados con la maquetación y la selección de tipos. 7. Arquitectura de la página. 8. Tipos de fuentes, instalación y gestión. 9. Normas UNE, ISO, Libros de estilo. 10. Software de edición y compaginación de textos Resumen Ejercicios de autoevaluación
0 0 0 0 0 0 0 0 0 0 0 0 0
UNIDAD APRENDIZAJE 2. EL FORMATO DEL PRODUCTO GRÁFICO Introducción 1. Los diferentes tipos de formatos gráficos. 2. Peculiaridades y condicionantes de los distintos tipos de formatos. 3. Herramientas de composición de textos en productos gráficos: 3.1 Formatos de archivo digitales. 3.2 Compatibilidades y problemas de transferencia. 3.3 Composición de textos con software de edición vectorial y editorial estándares 4. Aplicación tipográfica en formatos estándar (DINAs). 5. Aplicación tipográfica en otros formatos: 5.1 Desplegables y Folletos: Dípticos, Trípticos, Desplegables. 5.2 Grandes Formatos: Cartelería exterior, Vallas Publicitarias 5.3 Pequeños Formatos; Tarjetas de visita, “Flyers” 5.4 Packaging; Carpetas, Packaging de productos. 5.5 Formatos digitales; “Banners”. 5.6 Introducción a las hojas de estilo en cascada “CSS” Resumen Ejercicios de autoevaluación
0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
5
UNIDAD APRENDIZAJE 3. ELABORACIÓN DE MAQUETAS DE PRODUCTOS GRÁFICOS Introducción 1. Metodología de la creación de maquetas de productos gráficos. 2. Materiales para la creación de maquetas: 2.1 Sistemas de impresión digital de pruebas. 2.2 Simulación de acabados en las maquetas. 2.3 Soportes para presentación: Cartón Pluma, PVC y otros soportes. 3. Creación de maquetas: 3.1 Especificaciones de salida para la elaboración de la maqueta. 3.2 Impresión de maquetas. 3.3 Impresión Láser, Plotter, Impresión digital y otros sistemas de impresión. 3.4 Colocación en el soporte de presentación. 3.5 Métodos adhesivos, de plegado y otros métodos. 4. Creación de maquetas de packaging: 4.1 Cartones y sus propiedades. 4.2 Adhesión del diseño al cartón. 4.3 Medición de la maqueta. 4.4 Creación de troqueles manuales. 4.5 Pliegues del troquel. 4.6 Adhesivos de cierre. 4.7 Presentación. 5. Calidad en las maquetas: 5.1 Revisión de los aspectos de legibilidad y estética de la maqueta. 5.2 Corrección de maquetas para elaborar la maqueta definitiva Resumen Ejercicios de autoevaluación
6
0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
UNIDAD APRENDIZAJE 1 ARQUITECTURA TIPOGRテ:ICA
El objetivo en esta unidad de aprendizaje serテ。 aprender a
distinguir lo que es un tipo, una fuente y una familia tipogrテ。fica y entender su importancia en la transmisiテウn de mensajes.
7
JOHANNES GUTENBERG. orfebre alem谩n, inventor de la prensa de imprenta con tipos m贸viles moderna Wikipedia 8
UNIDAD APRENDIZAJE 1 ARQUITECTURA TIPOGRÁFICA
Introducción
Un glifo puede representar varios caracteres, como ocurre con las ligaduras.
Conocer, elegir y aplicar correctamente las fuentes tipográficas más adecuadas en un proyecto gráfico determinado y elaborar composiciones tipográficas según el mensaje que queramos transmitir.
Los signos gráficos utilizados en el Antiguo Egipto se denominan jeroglíficos. Si los signos están grabados en la roca, se habla de petroglifos.
1. Definición y partes del tipo
Un carácter puede corresponder a varios glifos (en el ejemplo inferior hay tres glifos para la letra “a” latina minúscula).
Tipo es el objeto físico, un bloque paralelepipédico de metal (aleación tipográfica) que tiene en su cara superior, en relieve e invertida, la imagen de una letra o signo para la impresión por sistema tipográfico. Proviene del griego CHARAKTER equivalente a grabar y que refiere a los signos de escritura, que en tipografía es una unidad portadora de una forma. Cada carácter o letra de una palabra es por sí misma un elemento gráfico, que aporta riqueza y belleza visual a la composición final. La letra es la unidad fundamental del lenguaje escrito.
Carácter glifo y letra Un carácter es cada una de las figuras que forman una familia tipográfica, incluyendo letras, signos de puntuación, glifos, etc. Por su parte, un glifo es una representación gráfica de un carácter de varios caracteres o de parte de un carácter y es el equivalente actual del tipo de imprenta (la pieza que tenía grabada la letra).
Ejemplo de ligaduras
Es decir, un carácter es una unidad textual y un glifo una unidad gráfica. La letra es cada unidad del alfabeto de un idioma. La letra es un concepto más abstracto, no es una representación, sino que es la idea de la cual surgen todos sus ejemplos concretos. Partes del tipo Tanto el diseñador como el tipógrafo o diseñador de tipos de letra tienen un vocabulario específico ra referirse a las diferentes partes de la letra. Es recomendable familiarizarse con esta terminología ya que hará más fácil la interpretación de cada letra y su clasificación estilística. ASTA: rasgo principal de la letra que define su forma esencial. Sin ella, la letra no existiría. - Asta ascendente: asta de la letra que sobresale por encima de la altura x, como en la b, la d o la k. - Asta descendente: asta de la letra que queda por debajo de la línea de base, como en la p o en la g. - Astas montantes: astas principales verticales u oblicuas de una letra, como la L, B, V o A. - Asta ondulada o espina: rasgo principal de la S o de la s. - Asta transversal o barra: rasgo horizontal en letras como la A, a H, f o la t. BARRA: rasgo horizontal en las letras como la : A,T o H
9
cabeza asta montante BARRA SERIF
cola
Partes del tipo
BLANCO INTERNO Y EXTERNO: espacio blanco contenido dentro y fuera de un ojal. OREJA
CUELLO: Enlace de conexión entre el anillo y el ojal DE LA LETRA g. asta transversal
OJAL: porción cerrada de la letra g que queda por debajo de la línea de base. Si ese rasgo es abierto se llama simplemente cola. OREJA ANILLO CUELLO OJAL BLANCO Int./ext.
OREJA: pequeño rasgo terminal que a veces se añade al anillo de algunas letras, como la g o la o, o al asta de otras como la r. ANILLO: asta curva cerrada que encierra el blanco interno en letras tales como en la b, la p, la g o la o. REMATE: elemento constitutivo base de los carácteres,junto con las astas. SÉRIF: trazo terminal de un asta, brazo o cola. Es un resalte ornamental que no es indispensable para la definición de la letra, habiendo alfabetos que carecen de ellos (sans serif). VÉRTICE: punto exterior de encuentro entre dos trazos, como en la parte superior de una A, o M o al pie de una M.
2. Familias tipográficas y campos de aplicación Familia tipográfica Una familia tipográfica es un grupo de tipografías unidas por características similares. Los miembros de una familia (los tipos) se parecen entre si, pero también tienen rasgos propios. Las tipografías de cada familia tienen distintos grosores y anchos.
En resumen una familia tipográfica se define como un conjunto de letras de cualquier tamaño y estilo que tienen el mismo diseño común. Una fuente tipográfica (font) es un alfabeto completo dibujado en un solo tamaño y un solo estilo. En autoedición, los términos tipografía y fuentes a menudo se confunden como sinónimos; sin embargo, la tipografía es el diseño de caracteres unificados por propiedades visuales uniformes, mientras que la fuente es el juego completo de caracteres en cualquier diseño, cuerpo y estilo. Estos caracteres incluyen letras en caja alta y baja, numerales, versalitas, fracciones, ligaduras (dos o más caracteres unidos entre sí formando una sola unidad), puntuación, signos matemáticos, acentos, símbolos monetarios y grafismos (adornos variados y florituras diseñados para su uso en las fuentes)entre otros. Aunque, para autoedición, la totalidad de los caracteres citados suelen estar en las fuentes denominadas «expert». Tipos o fuentes Cada tipo o fuente tiene sus propias características y personalidad, unas mas fuertes, débiles, sutiles, refinadas, toscas, geométricas y orgánicas. Se entiende por fuente tipográfica al estilo o apariencia de un grupo completo de caracteres, números y signos, regidos por características comunes. Mientras que familia tipográfica, es un conjunto de tipos basado en una misma fuente con algunas variaciones, tales como por ejemplo, el grosor y la anchura, pero manteniendo características comunes. Los miembros que integran una familia se parecen entre sí pero tienen rasgos propios. Cada fuente y familia tipográfica tiene características que la distinguen entre otras, que las hace únicas y le da personalidad al texto. Esa personalidad se magnifica cuando una fuente se usa a través de una presentación digital.
10
UNIDAD APRENDIZAJE 1 ARQUITECTURA TIPOGRÁFICA
formas de letras. Las Serif se subclasifican en las siguientes clases: Romanas antiguas, romanas modernas y egipcias - Sans Serif (sin serif) Palo seco, lineales sin rotulación o grotescas. Clasificación tipográfica Aprender a clasificar las fuentes tipográficas nos ayuda a conocer el desarrollo de la tipografía en el tiempo asi como entender las diferentes de cada subgrupo. La tipografía se puede dividir en amplias categorías: - Serif Romanas antiguas, garaldas, modernas mecano o incisas. Las fuentes serif tienen su origen en el pasado, cuando las letras se cincelaban en bloques de piedra, resultaba difícil asegurar que los bordes de las letras fueran rectos, por lo que el tallador desarrolló una técnica que consistía en destacar las líneas cruzadas para el acabado de casi todas las letras, por lo que las letras presentaban en sus extremos unos remates muy característicos, conocidos con el nombre de serif. Según los diseñadores esta tipografía proporciona el efecto de tranquilidad, autoridad, dignidad y firmeza; contiene un pequeño embellecimiento en los extremos de un carácter llamado enlace, lo que permite al ojo seguir la línea fácilmente, sobretodo en bloques de texto amplios. Son muy apropiadas para la lectura seguida de largos textos –impresos– ya que los trazos finos y los remates ayudan al ojo a fijar y seguir una línea en un conjunto de texto, facilitando la lectura rápida. Otra particularidad común de las fuentes serif, derivada del hecho de que las tipografías romanas se basaban en círculos perfectos y formas lineales equilibradas, es que las letras redondas como la o, c, p, b, etc., tienen que ser un poco más grandes porque visiblemente parecen más pequeñas cuando se agrupan en una palabra junto a otras
Del francés Sans “sin” Serif, serifa o patines. Las fuentes Sans Serif están simplemente sin patines o pies, es decir, no tienen remates en sus extremos. Las fuentes Sans serif, etruscas o de palo seco, hacen su aparición en Inglaterra durante el siglo XIX. Entre sus trazos gruesos y delgados no existe contraste, sus vértices son rectos y sus trazos uniformes, ajustados en sus empalmes. Representan la forma natural de una letra que ha sido realizada por alguien que escribe con otra herramienta que no sea un lápiz o un pincel.
Serif
Transmite: Tranquilidad, autoridad, dignidad y firmeza
Según los diseñadores éste tipo de fuente crea el efecto de modernidad, sobriedad, alegría y seguridad, es más neutra y aunque son muy populares, dificultan la lectura de textos largos, por lo que se usan sólo en casos de textos muy cortos donde existiera una razón para ello. Asociadas desde su inicio a la tipografía comercial, su legibilidad y durabilidad los hacían perfectos para impresiones de etiquetas, embalajes, envolturas y demás propósitos comerciales. Poco a poco las fuentes Sans serif fueron ganando terreno a las serif quizá porque la ausencia de remates y sus trazos finos las hacían muy apropiadas para letras grandes usadas en unas pocas palabras para ser vistas a distancia– como es el caso de rótulos, carteles, y sobre todo en medios electrónicos como la televisión y las presentaciones digitales. Los tipos Sans serif o palo seco, se subclasifican en: Geométricas, Neo-grotescas, Humanista, Los ejemplos incluyen: Arial, Chicago, Mónaco, Tahoma, Helvética, Verdana, Futura y Univers. - Manuscritas Rotuladas, caligraficas o cursivas Simulan la escritura manual, es agil, diná-
11
Sin serif
Transmite: Modernidad, sobriedad, alegría y seguridad
De exhibición
mica. Llamativas y decorativas, su uso tan solo es recomendable para frases cortas.
adecuado es fundamental cuando se trata de comunicar con acierto.
- de Exhibición Decorativas, adorno, fantasia o de época Las fuentes de la exhibición se utilizan en todos los casos única y exclusivamente para el título. Entre las fuentes más conocidas de exhibición se encuentran: Terminator, Star Wars, Final Frontier y Jokerman, en su gran mayoría creadas por la industria del entretenimiento, el arte y la tecnología.
La elección tipográfica es una decisión fundamental en cualquier pieza de diseño de comunicación. Debe ajustarse a las características del contenido (tanto en lo significativo como en lo estructural) y a la intención con que se aborde el proyecto.
- Símbolos e imágenes1 incluyen diseños que contienen juegos de caracteres de matemáticas, fonéticos, y otros usos especializados. Fuentes integradas por símbolos, muestras, logotipos, ornamentos, imágenes y otros caracteres no alfabéticos. Estas fuentes se utilizan para enfatizar, para viñetas y decoraciones. - Campos de aplicación tipográfica:
- ¿Necesitamos tipografía para componer textos de lectura, para carteles promocionales o para títulos de ediciones? - El texto, ¿es educativo, informativo, promocional, de diversión o experimental? ¿A qué público nos dirigimos? ¿Formal o informal? ¿De qué edad? ¿Con qué preferencias? - El estilo gráfico, ¿debe ser tradicional o moderno?
Simula la escritura manual, es agil, dinámica. Llamativas y decorativas tan solo se usan para frases cortas.
Antes de elegir una familia, podemos hacernos algunas preguntas para encaminar el trabajo:
¿Sabias que? IKEA cambia de FUTURA A VERDANA http://elpais.com/diario/2009/09/18/tentaciones/1253298175_850215.html La edición 2010 presenta un cambio tipográfico sin precedentes. La sustitución de la fuente Futura, que llevaban usando 50 años, por la Verdana. Al recibir el nuevo catálogo de Ikea, la comunidad internacional de diseñadores gráficos no daba crédito de la osadía —”aberración” para muchos— de aplicar sobre papel una tipografía diseñada para pantalla. Los más ingenuos pensaron que se trataba de un error: alguien cargaría mal las fuentes al imprimir. Pero no, el cambio de la Futura a la Verdana se realizó con toda intención. Esta decisión ha hecho correr ríos de tinta, incluso se ha abierto un grupo en Facebook (tiene más de 500 miembros) con el lema Stop Ikea going Verdana. Casi todo el gremio
FUTURA Creada por el diseñador tipográfico Paul Renner en 1928, futura es la mas famosa y popular de las fuentes de palo seco.
El campo tipográfico abarca tanto los documentos escritos como la señalética o la imagen corporativa, entre otros. Decidir su uso
12
- ¿Cuál será el soporte de aplicación? (un cartel, un envase, un libro, una revista, televisión)
1http://clasificaciontipografica.blogspot.com.es/
UNIDAD APRENDIZAJE 1 ARQUITECTURA TIPOGRÁFICA
- ¿Cuál es el método de impresión y la calidad del papel? ¿La tipografía será impresa a color? Una adecuada elección de familias puede ayudar a expresar estados de ánimo, emociones o asociaciones con determinadas instituciones, productos, estilos de vida o períodos históricos. No hay que guiarse solo por gustos personales, sino que es importante imaginar qué efecto producirá la familia escogida en el lector. También podemos seleccionar una familia de acuerdo con la relación que establece con las imágenes que la rodean o, si se trata de un texto largo, en función de la cantidad de caracteres que entren por página. A la hora de combinar familias tipográficas, será necesario definir criterios y argumentos propios, ya que en este tema no existen recetas demasiado precisas. Una combinación tipográfica intuitiva a veces también puede aportar soluciones tan sorprendentes y novedosas como funcionales.
3. Tipometría Se llama Tipometría al conjunto de técnicas que se usan para medir los caracteres de imprenta y muchos aspectos de los procesos de la impresión de textos. Sus orígenes, se remontan al siglo XVIII2. Cuerpo tipográfico El concepto de cuerpo tipográfico proviene del sistema de impresión con tipos móviles. Es la medida vertical de la cara frontal del tipo, tomando el bloque de plomo completo, no el área de impresión de una letra en particular. Por lo tanto, este valor resulta igual para letras mayúsculas, minúsculas, números, signos de puntuación y demás componentes de la caja, tengan ascendentes y descendentes o no. El cuerpo, medida estandarizada mensurable en el bloque de plomo, incluye las alturas variables según la familia, la altura de las ascendentes, la altura de la equis, las descendentes y una pequeña separación
Cuerpo tipográfico
(llamada hombro) para que no se toquen las descendentes de la línea superior con las ascendentes de la línea siguiente. Decimos que estas áreas son variables porque dependen del diseño de la familia. Interlinea El interlineado es la distancia entre una línea de texto y la siguiente, medido por ejemplo, de línea de base a línea de base. Cuando esta medida coincide con el cuerpo tipográfico, la diferencia entre ambos es cero. Este valor se denomina interlineado sólido. Si la separación entre líneas es menor al cuerpo en que se compone el texto, obtenemos un interlineado negativo. Este recurso, al que hoy accedemos sencillamente gracias a la tecnología digital, era imposible de realizar con tipos de plomo. La medida correspondiente al interlineado se indica a continuación del cuerpo, separado de este por una barra. Al componer distintas familias tipográficas en un mismo cuerpo, comprobaremos que coincide el apoyo en la línea de base, pero las alturas de mayúsculas, ascendentes, equis y descendentes pueden no hacerlo. Cada familia es diseñada con criterios propios, partiendo incluso de distintas unidades de medida para darle proporciones a los signos. Unidades de medición Las unidades de medición tipográfica que se utilizan con mayor frecuencia se basan en dos sistemas: angloamericano (AA), el
2 http://www.unostiposduros.com/fundamentos-de-tipometria/
interlinea 13
de mayor difusión en todo el mundo (incluso en nuestro país), debido a que en la mayoría de los programas de autoedición se toma como sistema patrón; y Didot, difundido en varios países de Europa. En los dos sistemas, la unidad de medida se denomina punto y se abrevia pt. Como se trata de medidas distintas, es necesario aclarar a qué sistema hacemos referencia en cada caso. Doce puntos AA conforman una pica, y doce puntos Didot, conforman un cícero. El punto AA o angloamericano es ligeramente menor que el punto Didot
descendentes y sin ellos) en distintos cuerpos, que se registran bajo cada grupo. Superponiendo esta regla a los textos a medir, se obtiene una aproximación de su cuerpo. Hoy, el uso de ordenadores y programas de autoedición ha facilitado muchas etapas del proceso de diseño, entre otras, la medición del cuerpo. El mecanismo consiste en seleccionar el texto a medir o modificar, introduciendo luego el valor deseado en un casillero de cuadros de diálogo que cada programa nos presenta.
4. Aspectos a considerar para la selección de tipografías Los aspectos a tener en cuenta pueden ser:
Unidades de medición
Instrumentos de medición Para medir tipografía pueden emplearse dos herramientas diferentes: la primera y más precisa de ellas es el tipómetro o regla de interlineado, que consiste en una regla de metal o celuloide, con series de líneas repetidas varias veces, separadas entre sí por valores fijos que se colocan sobre las líneas de texto, hasta dar por comparación con el valor adecuado. La segunda, menos precisa que la anterior, consiste en una plancha de celuloide que tiene impreso conjuntos de letras (generalmente mayúsculas, minúsculas con ascendentes, con
14
• Analizar si conviene optar por la combinación simple de un tipo para la composición de texto y otro para los títulos, o combinar varias familias en todo el trabajo, a sabiendas de que tenemos que realizar ajustes de espaciado (interletrado, interlineado), tamaño (correcciones de cuerpo entre una y otra familia para compensar la diferencia de altura de x) y peso, y que deben corregirse irregularidades ópticas en las palabras y líneas de texto. • Se debe tener en cuenta que usar alternativamente más de dos estilos tipográficos distintos en un mismo proyecto puede resultar visualmente confuso para el lector. • La combinación no debe limitarse solamente a la relación entre caracteres alfa-
UNIDAD APRENDIZAJE 1 ARQUITECTURA TIPOGRÁFICA
béticos: puede crearse una relación entre letras de un estilo y números y signos de puntuación de otro. Es muy recomendable conocer a fondo la cantidad de glifos que posee cada familia tipográfica. • Finalmente, se debe verificar si la combinación elegida funciona o si podrían cumplirse los mismos objetivos con variaciones en el ancho de caja, en el cuerpo, en el espaciado y en el uso de variables (color, estructura). • Combinar dos fuentes que se parezcan demasiado no es aconsejable, hay que buscar el contraste. • Que tu fuente comunique algo que no quieres comunicar. Los tipos de letra tienen significado por sí mismos, independientemente de qué palabras formen. • El color tipográfico en una composición se refiere a: a) el color de la tinta b) el color del papel o del fondo (no siempre el contraste máximo entre blanco y negro es el mejor: la vista se cansa) c) el “matiz”, “valor tonal”, “masa de gris” que la tipografía, compuesta en líneas y columas, presenta en la lectura. Depende del tipo elegido, su tamaño, peso, interlíneado. • No deformes la tipografía como norma (salvo que seas un experto).
depende en primer lugar del tipo de letra y en segundo lugar, del modo en que se emplea (separaciones entre letras y palabras, párrafos, columnas...). Deberemos escoger caracteres que sean abiertos y bien proporcionados, con regularidad en los tipos y con remates clásicos. Los caracteres que contienen irregularidades son menos legibles. Deberemos elegir un cuerpo o tamaño de tipografía dependiendo de la finalidad y la importancia que queramos darle al texto. Cuando estamos hablando de un bloque de texto el tamaño idóneo debe estar entre 8 y 11 puntos, cuando nos referimos a otras finalidades del texto: titulares, subtítulos... los tamaños pueden ser muy variables. Entendemos por legibilidad a la calidad que tiene un escrito para ser legible. La legibilidad puede verse comprometida dependiendo del uso que se le dé a los componentes minúsculos y mayúsculos de una familia tipográfica. Si componemos una palabra en mayúsculas solamente, la mancha que esta produce es regular, con una altura constante. Si componemos palabras en mayúsculas y minúsculas, las manchas son irregulares ya que cada letra puede ocupar diferentes sectores de la mancha. Estas manchas son particulares de cada palabra, por lo que ayudan a identificar más rápido de qué palabra se trata y la hacen más fácil de leer.
• Asegúrate de que tu tipo llega hasta el final del proceso, que no hay problemas a la hora de exportar a pdf.
5. Factores a considerar en la composición de textos Legibilidad en los textos. mayusculas y minúsculas Si decimos que algo es legible , queremos decir que, para la gente a cuya lectura va destinado el texto puede hacerlo en condiciones óptimas. Los tipógrafos utilizan el término legibilidad para definir algo fácil o cómodo de leer. La legibilidad de un texto Mayúsculas y minúsculas
15
Importante Legibilidad en los textos La legibilidad puede verse comprometida dependiendo del uso que se le dé a los componentes minúsculos y mayúsculos de una familia tipográfica.
Números
Mayúsculos tabulares
Minúsculos de anchos variables
Interlineado Por otra parte el interlineado es un factor importante para que el lector pueda seguir correctamente la lectura sin equivocarse de línea o cansar la vista. Es el espacio vertical entre las líneas de texto. Como regla general, el interlineado debe ser aproximadamente un 20% mayor que el tamaño de la fuente. Por ejemplo un interlineado de 12 puntos es correcto para un texto de 10 puntos. Pero siempre debemos tener en cuenta que los requerimientos varían según el texto y la fuente.
trechas. El margen está entre 45 y 75 espacios por línea...
Alineación El texto puede alinearse de cinco formas distintas: alineado a la izquierda, alineado a la derecha, justificado, centrado o asimétrico.
Para evitar que se confundan el cero con la letra «o» minúscula, este suele tener diferente modulación en el trazo, o la altura de x es algo más alta y los ascendentes y descendentes son algo más cortos que las minúsculas.
Párrafos Los párrafos son unidades diferenciadas de información dentro de un texto. Éstos siempre van separados unos de otros. Se suele utilizar dos técnicas para diferenciar los párrafos. - Dejar un espacio blanco entre párrafos. - Sangrar la primera línea de cada párrafo. Sangría es un espacio adicional al margen que se aplica a los párrafos. Normalmente se usa para clasificar información. Por ejemplo cuando existe una clasificación de un tema en varios puntos. Podemos sangrar un párrafo tanto por la izquierda como por la derecha. La sangría francesa es una técnica que nos permite que en los párrafos numerados el texto quede alineado con la primera palabra del texto, es decir excluimos de la alineación la numeración o viñeta. En los párrafos, siempre es mejor usar guiones que dejar espacios en blanco. No hagamos líneas demasiado largas, ni demasiado cortas. La norma básica: una columna debe tener alrededor de 65 espacios. En las revistas y periódicos usan maquetación con columnas, las líneas sonmás es-
16
Números mayusculos, minúsculos , tabulares y no tabulares • Minúsculos uno de los primeros tipógrafos que contempló el diseño de los caracteres numéricos en conjunto con los caracteres alfabéticos fue Claude Garamond. Estos números fueron pensados para funcionar como parte del texto, por lo que su comportamiento es similar al de las minúsculas.
Los números en caja baja encajan mejor con el texto aunque el problema surge cuando en textos con un interlineado muy ajustado los ascendentes de la línea inferior chocan con las descendentes de los números. Los números minúsculos no producen rupturas en el ritmo del texto. • Mayúsculos Tienen una altura similar al de las mayúsculas, algo menor. Del mismo modo, los minúsculos comparten con las minúsculas la altura de “x”, la de ascendentes y la de descendentes, también con leves variaciones. El cero, el uno y el dos asemejan su altura a la de “x”; el tres, el cuatro, el cinco, siete y nueve, descienden; el seis y el ocho, ascienden. • Tabulares y no tabulares Los números y el espacio: los números
Actividades Selección tipográfica 1. Hacer una lista de 10 adjetivos Elegir y aplicar una tipografía a cada adjetivo teniendo en cuenta su significado y lo que nos transmite.
UNIDAD APRENDIZAJE 1 ARQUITECTURA TIPOGRÁFICA
pueden comportarse, desde el punto de vista del espaciado, como las letras. En este caso se tratará de números no tabulares y cada uno tendrá su propio ancho. El caso contrario son los números tabulares, que teniendo todos el mismo ancho se encolumnarán al disponerlos verticalmente. Los números tabulares suelen presentar problemas de color al componerlos dentro de una frase de texto. Es más usual que los números mayúsculos sean tabulares y los minúsculos no.
neación justificada de la columna ocasiona efectos visuales negativos como un espaciado entre palabras y caracteres desigual y cambiante, lo que crea desorden. Existen métodos de justificación destinados a evitar estos efectos indeseados. • Usar líneas de texto demasiado largas en un párrafo dificulta al lector el salto al siguiente renglón, provocando cansancio en la lectura. Una solución es la división del texto en columnas. • Usar líneas de texto demasiado cortas en
6. Principales problemas relacio- un párrafo supone una merma del espacio nados con la maquetación y la se- útil, ralentiza la lectura y, al mismo tiempo, lección de tipos3. provoca fatiga visual. • Línea Viuda: La viuda es la última palabra de un párrafo que se ha fugado hasta la siguiente página o columna, desequilibrando la composición y causando una mancha en la lectura. • Línea Huérfana: La huérfana es la primera línea de un párrafo que se ha quedado rezagada en la página o columna anterior, desequilibrando la composición y causando una mancha en la lectura. • Ríos: En este ejemplo, la incorrecta alineación justificada de la columna ocasiona efectos visuales negativos que rasgan la mancha de texto, denominados “ríos”. Existen métodos de justificación destinados a evitar estos efectos indeseados. • Excesivo espaciado entre palabras y caracteres: En este ejemplo, la incorrecta ali-
7. Arquitectura de la página Todo diseñador gráfico, cuando inicia su trabajo, se encuentra con el problema de cómo disponer el conjunto de elementos de diseño impresos (texto, titulares, imágenes) dentro de un determinado espacio, de tal manera que se consiga un equilibrio estético entre ellos. Maquetar un diseño consiste en dar un formato a los documentos, a todo el conjunto de elementos que lo componen, las imágenes, los textos, etc Antes de empezar a maquetar debemos definir el documento. Para definir un documento, lo primero que debemos hacer es definir el área sobre la cual se desarrollará el trabajo (el papel). Una vez definido el documento deberemos tener en cuenta todos los elementos que aparecerán en él, distribuirlos para colocarlos con el espacio
¿Sabias que? Los 7 trucos tipográficos de Erik Spiekermann http://graffica.info/erik-spiekermann-trucos-tipografia/
Erik Spiekermann, uno de los tipógrafos estrella y con mayor reconocimiento internacional, creador de la fundición digital Font Font junto a Neville Brody, nos ofrece siete pequeños trucos para usar algunos elementos tipográficos correctamente:
3https://proyectoldd.wordpress.com/3-tipografia-y-maquetacion-de-textos/
17
Números
NO Tabulares
Tabulares
Equilibrio El diseño equilibrado. El reticulado4 Cómo armonizar los bloques de contenido que formarán la composición del diseño.
Importante La reticula El sistema de organización idóneo para nuestras composiciones es el reticulado. Es muy importante tener en cuenta de que forma situaremos estos elementos en nuestra composición, para que tengan un equilibrio formal y un peso igualado.
disponible. Los elementos pueden ser tanto imágenes, como espacios en blanco, etc. Es muy importante tener en cuenta de que forma situaremos estos elementos en nuestra composición, para que tengan un equilibrio formal y un peso igualado. El peso de un elemento se determina no sólo por su tamaño, que es bastante importante, sino por la posición en que este ocupe respecto del resto de elementos. (Por ejemplo, si queremos hacer destacar un elemento en concreto, lo colocaremos en el centro). En toda composición, los elementos que se sitúan en la parte derecha, poseen mayor peso visual, y nos transmiten una sensación de avance. En cambio los que se encuentran en la parte izquierda, nos proporcionan una sensación de ligereza. Esto también se observa, si lo aplicamos en la parte superior de un documento, posee mayor ligereza visual, mientras que los elementos que coloquemos en la parte inferior, nos transmitirán mayor peso visual.
18
Una composición gráfica debe ser equilibrada no sólo en contenidos, sino también visualmente, hasta tal punto que podemos decir que el orden en la disposición espacial de los elementos de la misma es uno de los factores más importantes para su éxito. Cuando contemplamos una obra gráfica (folleto, cartel tríptico o página web) busca subconscientemente en ella un orden y una estabilidad que le permitan pasear la vista por la misma de forma organizada y limpia. El sistema plano de referencia habitual en los seres humanos es el formado por un eje horizontal y otro vertical, es decir, por dos rectas que se cortan en un ángulo de 90º. En este sistema, el eje horizontal aporta equilibrio y estabilidad, mientras que el vertical facilita la elevación de la vista, marcando prioridades o niveles en la composición. Puesto que las composiciones gráficas (y dentro de ellas, las páginas web) se representan en soportes planos, es también el más adecuado para la distribución de sus elementos. Si a esto sumamos el carácter eminentemente rectangular de la mayoría de los soportes, concluimos que el sistema de organización idóneo para nuestras composiciones es el reticulado. Un reticulado o rejilla es un sistema de referencia formado por diferentes líneas horizontales y verticales que marcan la ubicación de elementos y zonas en una composición gráfica, líneas que no tienen porqué tener una representación real (no tienen porqué formar parte del grafismo), pero sí mental. Son las guías imaginarias sobre las que vamos a ir colocando los elementos, la espina dorsal de un composición gráfica. Mediante el reticulado, el diseñador va situando con armonía los bloques de contenido que formarán la composición: -zonas principales y secundarias, -títulos y subtítulos, -bloques de texto, 4 http://www.unostiposduros.com/fgestion-de-fuentes
UNIDAD APRENDIZAJE 1 ARQUITECTURA TIPOGRÁFICA
-fotografías, -ilustraciones, -gráficos, -sistemas de navegación, -botones, -iconos, etc, dando con ello un estilo propio visualmente lógico a la misma. Es tarea del diseñador buscar el conjunto ubicación-reticulado que mejor se adapte a su obra. Esta estructura lógica creada con el reticulado debe mantenerse luego en todas las páginas que forman el producto gráfico, proporcionando homogeneidad al mismo.
8. Tipos de fuentes, instalación y gestión. Actualmente con la disposición enorme de fuentes digitales en colecciones de Cd´s y en la Web parece fuera de lugar hacer una llamada a la restricción en el uso de las mismas, pero lo que es cierto es que la gestión de numerosas fuentes no es tarea fácil. Muchos diseñadores no prestan la debida atención a la correcta gestión de las fuentes por verlo algo aburrido o pensar que estas no se van a «rebelar» contra el pero gestionar de un modo óptimo las fuentes nos puede ayudar a evitar sorpresas desagradables, mantener nuestro equipo en buena forma y quien sabe quizás también a ser un mejor diseñador. Una fuente es un pequeño programa que contiene las instrucciones para que la impresora sepa como imprimirlas. Y esto ¿por qué es importante?. Para empezar una fuente, como cualquier otro programa, consume recursos del sistema, y puede afectar al rendimiento del mismo (por esto es aconsejable mantener las fuentes activas al mínimo) y para empeorar las cosas una fuente de poca calidad puede contener un código erróneo que haga que esta no trabaje correctamente. En la actualidad los dos formatos de fuentes dominantes son: Type 1 (PostScript) y True-
Retícula
Type a los que se agrega el formato OpenType que promete una suave transición de documentos entre plataformas distintas pero que por ahora no compromete el predominio de los dos primeros. Las fuentes Type 1 se componen de dos ficheros: uno que contiene la «métrica» de la fuente (características de espaciado horizontal e información de kerning) y otro que contiene el contorno de la letra. En Windows el fichero con la «métrica» se almacenan en ficheros con la extensión .PFM. En Macintosh se almacenan en la fuente de pantalla que contienen asimismo una versión en mapa de bits de la fuente (que se utiliza para visualizarla en pantalla bajo determinadas circunstancias). Asimismo en Windows el contorno de la letra se guarda en ficheros con la extensión .PFB y en Macintosh reside en el fichero de contorno de impresora. Por otra parte las fuentes TrueType, usan solamente un fichero para su visualización e impresión. En el Macintsoh el mapa de bits de las fuentes Type 1 y las fuentes TrueType se almacenan y distribuyen en maletas de tipos. Las fuentes Type 1 y TrueType pueden coexistir en el mismo equipo no obstante puede haber problemas si se encuentran instaladas versiones de una misma fuente en ambos formatos.
19
Tipos de fuentes
Importante Las fuentes y el arte final Los problemas con las tipografias que teniamos en el pasado se han solucionado notablemente con la utilización del formato PDF y sus estándares PDF/X para la entrega del arte final en la imprenta.
Actualmente existen varios programas de gestión de fuentes que realizan múltiples tareas: rasterizan fuentes para su visualización en pantalla sin presentar el defecto de escalonado, instalación y desistalación de las mismas y herramientas de creación de grupos de fuentes y activación y desactivación de estos. Esta última utilidad es vital para poder encontrar el punto medio entre el deseo de tener multitud de fuentes disponibles en el ordenador y preservar el óptimo funcionamiento de este. Por lo tanto, a la hora de gestionar tus fuentes, es importante: - Conocer tus fuentes - Organízalas y manténte alerta. Incluso las fuente de máxima calidad se pueden corromper y hacerse necesaria su reinstalación. - Mantén las fuentes activas imprescindibles. Con el tamaño de los actuales discos duros es muy fácil instalar todas las fuentes que quieras para así poder disponer de ellas cuando las necesites. Pero es preferible activar solamente las que necesites en cada momento para mantener tu equipo en las mejores condiciones de rendimiento.
9. Normas UNE, ISO, Libros de estilo. La bibliografía es un elemento esencial de cualquier trabajo académico. Tanto las citas como las referencias bibliográficas deben elaborarse conforme a una norma o estándar. • ISO 690 En esta página nos atendremos a lo que indica la Norma ISO 690:2010 Information and documentation - Guidelines for bibliographic references and citations to information resources. AENOR ha publicado la versión en español en mayo de 2013: UNE-ISO 690. Directrices para la redacción de referencias bibliográficas y de citas de recursos de información. AENOR, mayo de 2013. La norma ISO propone un marco general con una serie de recomendaciones para la elaboración de referencias bibliográficas y citas de recursos bibliográficos incluyendo monografías, series, diferentes tipos de contribuciones, materiales cartográficos, registros sonoros, fotografías y todo tipo de recursos electrónicos.
¿Sabias que? Los mejores tipógrafos trabajan solamente con unos pocos tipos http://www.unostiposduros.com/gestion-de-fuentes/ «Elige tu librería de tipos con cuidado y tranquilamente» aconseja el diseñador y tipógrafo Robert Bringhurst en su elegante tratado The Elements of Typographic Style. En el señala que los mejores tipógrafos trabajan solamente con unos pocos tipos, un punto de vista que refuerza con estas palabras: «En tipografía cómo en filosofía, música o gastronomía es preferible disfrutar de un poco de lo mejor a sumergirse en los derivados mediocres, descuidados y rutinarios». Una fuente también es un programa Una fuente es un pequeño programa que contiene las instrucciones para que la impresora sepa como imprimirlas. Y esto ¿por qué es importante?. pues porque consume recursos del sistema, y puede afectar al rendimiento del mismo (por esto es aconsejable mantener las fuentes activas al mínimo) y para empeorar las cosas una fuente de poca calidad puede contener un código erróneo que haga que esta no trabaje correctamente.
20
5 https://sites.google.com/site/victormondragoncel/tarea-todas-las-caracteristicas-que-tiene-un-procesador-de-texto-5-procesador-de-texto-y-explicacion-enfasis-en-estos-pages-de-mac-y-neo-office
UNIDAD APRENDIZAJE 1 ARQUITECTURA TIPOGRÁFICA
10. Software de edición y compa- el del paquete Microsoft Office se ha convertido en poco menos que un estándar de ginación de textos5 Un procesador de textos es un programa con el que se generan diferentes documentos de texto como, cartas, informes o incluso el presente manual didáctico, no sólo se limita a imprimir textos, sino que además puede editar, corregir, formatear, insertar dibujos, gráficos....etc. Todas estas opciones nos permitirán un manejo y versatilidad de nuestros documentos de una forma muy profesional, aparte de un ahorro de tiempo y esfuerzo incalculable. Se trata de un tipo de aplicación que pone a disposición del usuario el entorno todas las herramientas necesarias para escribir cartas, redactar documentos, y, en general, teclear cualquier tipo de contenidos; y a, a diferencia de los convencionales editores, permiten dar formato a los párrafos, para resaltar determinadas partes o facilitar su lectura, valiéndose de color, negritas, subrayados y cursivas. A pesar de su versatilidad, es necesario distinguirlos de las herramientas profesionales empleadas en el mundo de la maquetación que ofrecen posibilidades mucho más específicas como el Quark o Indesign. El Microsoft Word es el programa más conocido de edición de textos, pero este programa, es sin duda una de las herramientas más pobremente entendidas y mal utilizadas del mundo. Se ha utilizado como una máquina de escribir sofisticada, cuando eso es sólo una milésima parte de lo que puede ofrecernos en realidad, pues es una herramienta mucho más potente y versátil. Como comentamos anteriormente hay que saber distinguir entre un procesador de textos y un programa de maquetación, el Word NO es un programa de maquetación, aunque a veces se refieran a él así. Word es un programa de tratamiento de texto, y como tal está muy limitado a la hora de maquetar.
referencia casi obligada, dado el elevado porcentaje de usuarios que lo han instalado en su ordenador y lo utilizan.
• Lotus Word Pro: Una de las alternativas más populares a Microsoft Word es este procesador de textos, incluido en el paquete de software de escritorio de Lotus. • Word Perfect: Hasta mediados de los noventa, llegó a ser el más popular de su género entre los usuarios y sus promotores quieren volver a hacer de este programa un producto puntero capaz de competir en el mercado con Microsoft Word. • Word Pad: Se le podría considerar el “hermano pequeño” de Microsoft Word. Es la opción ideal para aquellos usuarios que necesitan de forma esporádica un procesador sin buscar un acabado de apariencia profesional. • Block de notas: Este programa se muestra como la opción ideal para usuarios austeros. Es un procesador de posibilidades muy reducidas. • Para Mac: Los promotores de procesadores de texto no han discriminado a los usuarios de Mac Os, ni mucho menos: la propia Microsoft se encarga de portar todas las versiones de Word a Mac
Caracteristicas y tipos del procesador de textos • Microsoft Word: De todos los procesadores de texto conocidos hasta el momento,
21
Resumen • Distinguir lo que es un tipo, una fuente y una familia tipográfica y entender su importancia en la transmisión de mensajes. - el tipo es una unidad textual - el glifo es una unidad gráfica (ligaduras) - la fuente tipográfica (font) es un alfabeto completo dibujado en un solo tamaño y un solo estilo. - la familia tipográfica se define como un conjunto de letras de cualquier tamaño y estilo que tienen el mismo diseño común. • Las partes del tipo: es recomendable familiarizarnos con esta terminología para su clasificación estilística. Asta, barra, blanco interno y externo, ojal, cuello, oreja, anillo, remate, serif, vértice… • Las fuentes tipográficas (conjunto de tipos) tienen su propia personalidad tiene características que la distinguen entre otras, que las hace únicas y le da personalidad al texto. Estas fuentes se pueden dividir en amplias categorías: - Sin serif - Con serif - Manuscritas - Ornamentas o de exhibición - Simbólicas • Una buena elección tipográfica y la correcta combinación entre varias familias es fundamental en cualquier trabajo de diseño de un producto gráfico determinado, aunque no hay unas reglas establecidas, es recomendable no usar más de dos estilos tipográficos distintos en un mismo proyecto y no es aconsejable combinar dos fuentes que se parezcan demasiado, hay que buscar el contraste. • A la hora de componer un párrafo hay que tener en cuenta: - el cuerpo tipográfico, elegir un cuerpo o tamaño de tipografía dependiendo de la finalidad y la importancia que queramos darle al texto. - su interlineado, la distancia entre una línea de base a la siguiente, medido por
22
ejemplo de línea de base a línea de base. Como regla general, el interlineado debe ser aproximadamente un 20% mayor que el tamaño de la fuente. - conocer los sistemas de medición tipográficos (angloamericano y Didot) y sus instrumentos (tipómetro) - Su legibilidad, que sea cómodo de leer. Esta legibilidad puede verse comprometida dependiendo del uso que se le dé a los componentes minúsculos y mayúsculos de una familia tipográfica. • Principales problemas que podemos tener a la hora de maquetar un texto son: - Distinción entre línea viuda y huerfana - Ríos - Evitar el excesivo espaciado entre palabras y caracteres - El uso de líneas de texto demasiado largas en un párrafo - En el caso contrario, usar líneas de texto demasiado cortas . • Todos los trabajos de maquetación, deben llevar una guía a través de una estructura estudiada y de tamaños fijos. Para ello usamos, la retícula. • Hay que prestar especial atención en la correcta gestión de las fuentes pues gestionarlas de un modo óptimo nos puede ayudar a evitar sorpresas desagradables, mantener nuestro equipo en buena forma. • Es importante seguir las recomendaciones para la elaboración de referencias bibliográficas y citas de recursos bibliográficos, estas deben elaborarse conforme a una norma o estándar: UNE-ISO 690. Directrices para la redacción de referencias bibliográficas y de citas de recursos de información. AENOR, mayo de 2013.
UNIDAD APRENDIZAJE 1 ARQUITECTURA TIPOGRÁFICA
UNIDAD APRENDIZAJE 2 EL FORMATO DEL PRODUCTO GRÁFICO
El objetivo en esta unidad de aprendizaje será aprender a
distinguir los diferentes tipos de formatos gráficos, sus peculiaridades y condicionantes, asi como las herramientas de composición de textos en productos gráficos y su aplicación.
23
24