Bases del diseño

BASES DEL DISEĂ‘O Nieto Mariana Mariana y Destefanis Destefanis Malena Nieto Malena

BASES DEL DISEÑO

Queda prohibida la reproducción total o parcial de este libro por cualquier medio o procedimiento, ya sea electrónico o mecánico, el tratamiento informático, el alquiler o cualquier otra forma de cesión sin la autorización previa y por escrito de los titulares del copyright.

ÍNDICE

Edición y corrección: Nieto, Mariana - Destefanis, Malena Editorial Gustavo Gil, SL

01.

02.

12.

16.

22.

26.

30.

34.

38.

PREFASIO EL MUNDO DE LAS LETRAS ANATOMÍA TIPOGRÁFICA CLASIFICACIÓN TIPOGRÁFICA DIAGRAMACIÓN COLOR TRAMAS DE IMPRESIÓN IMÁGEN DIGITAL SISTEMAS DE IMPRESIÓN

PRÓLOGO En este libro de texto, vamos a desarrollar teorías y herramientas para poder lograr que nuestros diseños sean acordes a lo requerido.

Nos centramos en el marco de la disciplina del diseño, en particular de la diagramación y del montaje, conocimientos adquiridos en la clase que lleva el mismo nombre y dirigida por el Profesor José Ignacio Moyano.

La publicación del presente texto es una guía rápida y básica , pero no menos importante para comprender y manipular conceptos esenciales del diseño y de la reproducción del mismo. Un manual que las autoras Destefanis Malena y Nieto Mariana ponen a disposición de la comunidad interesada en la materia. Una síntesis del conocimiento que han desarrollado en su ejercicio académico reciente.

Este conocimiento, no es solamente entregado a los lectores en una versión puramente conceptual sino que a menudo presenta métodos y herramientas que hacen posible la implementación directa de los actuales procesos de producción.

1

EL MUNDO DE LAS LETRAS

lettering caligrafía tipografía

INTRODUCCIÓN En la actualidad, convivimos a diario con una gran cantidad de estímulos visuales entre los cuales las letras ocupan un lugar central.

El objetivo de las letras es que la forma que adquiera dicha letra comunique de la mejor manera posible el mensaje, es decir, que el tono que tenga la misma apoye al mensaje. De allí, radica la importancia de reconocer y diferenciar algunos términos que se usan con frecuencia, pero que generan algo de confusión sobre el significado de los mismos.

Estamos hablando de tres conceptos fundamentales para diseñadores, comunicadores visuales y artistas; la caligrafía, el lettering y la tipografía.

CALIGRAFÍA Cuando hablamos de caligrafía no referimos al gesto de escribir con herramientas de escritura, ya sea una pluma, un pincel, un lápiz o un pintalabios. Cada elemento se realiza a través de un trazo continuo, de manera natural, que refleja el movimiento de la herramienta que la mano guía sobre el papel.

Se la puede asociar al arte de la bella escritura

arte de la bella escritura

Se realiza con cierta espontaneidad y no existe la posibilidad de corregir a la hora de escribir, lo que hace que cada pieza de caligrafía sea única e irrepetible.

El tiempo que conlleva realizar una pieza de caligrafía es muy breve, el que tarda la mano en escribir un texto en concreto, por lo que se puede capturar la libertad del autor y las imperfecciones que surgen de la escritura en directo.

“ Caligrafía son aquellos trabajos que han sido escritos con cualquier tipo de herramienta caligráfica” 3

EL TRAZO EN LA CALIGRAFÍA La acción de escribir se puede clasificar, dependiendo del contraste del trazo, en dos opciones: la traslación o la expansión.

Cuando hablamos de traslación, la letra se construye a partir de trazos cuya orientación y ancho son el mismo, solo varía la dirección en que se ejerce el trazo. Esto puede verse reflejado cuando utilizamos, por ejemplo, una pluma con punta chata.

Caligrafía fundacional , el legado de Edward Johnston

PRINCIPIOS DE LA CALIGRAFÍA

En la expansión, el contraste del trazo varía según la presión que se ejerza entre la herramienta y el papel. Por lo general se utilizan pinceles o los brushpen, es decir, los pinceles recargables.

Antes de la invención de la imprenta de tipos móviles en el siglo XV, la única forma de difundir el conocimiento era por escrito. La caligrafía ocupo un lugar central en este punto, ya que mediante ella se debía trasmitir de manera clara y precisa un mensaje que cualquier persona pudiera leer y entender con facilidad.

A su vez, el trazo de la pluma distingue entre la construcción interrumpida de la escritura y la construcción fluida.

La caligrafía transitó a lo largo de los años innumerables evoluciones estéticas marcadas por un desarrollo constante de las habilidades técnicas para escribir y de los diferentes materiales a utilizar. Esto hizo que se generaran diferentes estilos caligráficos que caracterizaron a épocas y lugares particulares.

Esto último, junto a la traslación y la expansión, genera cuatro posibilidades para cada tipo de escritura. A continuación un gráfico a modo de resumen: fluida

interrumpida

traslación

Ya en el siglo XIX la caligrafía occidental prácticamente había caído en desuso. Sin embargo, Edward Johnston, conocido como el padre de la caligrafía moderna, estudió en profundidad las escrituras medievales y dejó su legado: la caligrafía fundacional.

expansión

4

En base al estilo fundacional y para una correcta práctica caligráfica es necesario tener en cuenta los siguientes elementos:

línea ascendentes línea media

Líneas fundamentales Existen cuatro líneas fundamentales donde se encuentran enmarcadas las letras. Estas reciben el nombre de línea base, media, ascendente y descendente.

línea base línea descendentes

Escala La escala se va a dar en base al ancho de la pluma caligráfica. En este caso se utiliza la escala 2-4-2.

ancho pluma

Contraste y eje de modulación El contraste va a estar dado en función del ángulo en que se apoye la pluma caligráfica definiendo así la forma de la letra. El ángulo que se utiliza es de 30o.

30o

Eje de inclinación Hace referencia a la inclinación de la letra, pudiendo ser esta vertical o inclinada. Este concepto no debe confundirse con el eje de modulación.

30o

eje de la letra

Espaciado No hay que confundirlo con distancia. Hace alusión a espaciar correctamente las letras mediante el uso de la percepción. No es solo una cuestión matemática, sino más bien visual, tiene que ver con una apreciación armónica del conjunto, lo cual genera la idea de ritmo.

5

LETTERING El lettering es el acto de dibujar letras a mano, usando tantos trazos como sean necesarios para conseguir la forma exacta que se busca.

A diferencia de la caligrafía, es un método más racional que se concentra en construir el contorno de la letra, con una o varias formas, y posteriormente rellenar dichos contornos.

La letra se puede borrar, corregir, retocar, añadir y modificar tantas veces sea necesario, para cumplir con su función de trasmitir lo mejor posible el mensaje para la cual ha sido diseñada. Es por ello que el tiempo empleado es mucho mayor, ya que la forma es más refinada y estudiada que en la caligrafía.

En el lettering se diseñan únicamente los caracteres de la palabra o frase en cuestión y estos solo tienen la obligación de funcionar en ese diseño.

Al igual que la caligrafía, existen algunos elementos que se pueden tener en cuenta a la hora de diseñar utilizando lettering. Estos son: Proporción Se refire a las variables de ancho y alto que le podemos dar a las letras. Pueden darse letras condensada, normal o expandida.

Contraste Es la relación que se da entre los trazos gruesos y finos de las letras. Pueden ser bajos, medios o altos.

Eje de la letra Hace referencia al eje imaginario de una letra, el cual esta impuesto por la posición de los trazos finos y gruesos

Forma La forma hace referencia a la manera en que dibujamos las letras. Estas pueden ser redondas, cursivas, entre otras.

Lettering

Lettering Lettering Peso Hace referencia al grosor de los trazos de las letras. Pueden darse diferentes variantes como fina, regular o negra.

Remates Son los trazos ubicados en los extremos de las letras. Pueden ser finos, gruesos, redondos, cuadrados, entre otros.

Lettering 6

“ El lettering te permite dejar volar la imaginación”

7

TIPOGRAFÍA La persona que diseña alfabetos completos cuyos caracteres componen una fuente tipográfica, se denomina tipógrafo.

La tipografía nos remite a la técnica de impresión donde con formas en relieve, que contienen los caracteres, son entintados y presionados contra el papel para conseguir la impresión.

Y puede llevarle meses, incluso años diseñarlo. Al contrario del trabajo del calígrafo que dura el tiempo que la mano tarda en escribir, o el del diseñador de lettering que si bien es un acto más premeditado no llega a superar algunas semanas.

A menudo, se confunde este término con el de “tipografía digital”, aquella donde utilizamos letras prediseñadas desde nuestros ordenadores.

Tipografía digital es el conjunto de caracteres , números y signos completos que se diseñan y programan mediante software de edición tipográfica, para ser utilizado en nuestros ordenadores.

8

La tipografía, al igual que la caligrafía y el lettering, comparte una serie de factores que influyen en la creación de la forma de la letra. A continuación, se detallan con más énfasis estos conceptos: Extensión horizontal de los caracteres regulares Hace referencia a cuan ancha, regular o angosta puede ser una “letra normal”. No debemos confundir estas descripciones con la amplitud de las letras, como las tipografías condensadas o extracondensadas, por ejemplo.

Garamond

Times New Roman

nn nv

Espesor de los trazos verticales Los trazos curvos siempre son un poco más anchos que los rectos, aun siendo monolineales, para corregir nuestra sensación óptica y ver los trazos, tanto rectos como curvos, de un mismo grosor. El espesor de los trazos verticales determina la proporción de la variante fina o la negrita.

Contraste El contraste es la diferencia que se da entre los trazos delgados y los gruesos de una letra.

no

Modulación o eje del contraste Corresponde a un incremento o disminución progresivos del contraste según la dirección que tenga el trazo en una letra. El eje puede ser vertical con respecto a la línea de base o inclinado. El primero produce una apariencia estática mientras que el segundo es más dinámico.

9

dv

Serifas Son los pequeños trazos que rematan los trazos principales que constituyen una letra.

Existen una gran variedad de formas para serifas. El objetivo de las mismas es mantener separados los caracteres entre sí, reforzar la línea de lectura y permitir diferenciar los caracteres parecidos.

Serifa unilaterale y bilateral

dv

Trazos terminales Se da en letras donde la terminación de sus trazos proviene de la modulación caligráfica. Pueden tener forma de gotas o lágrimas, de cuña, de bola con transición, quebrados, entre otros.

dh

Correcciones ópticas Hace referencia a una serie de deformaciones que presentan las formas de las letras, para que las percibamos como normales.

Por ejemplo, las uniones de los trazos curvos con rectas sufren un adelgazamiento cuando se conectan para evitar dar la impresión de una mancha negra.

Relación de la altura de X con el cuerpo El cuerpo es un espacio fijo que esta dividido verticalmente en distintos tramos: altura de las ascendentes, altura de x, altura de las descendentes y altura de las mayúsculas.

Existen diversas formas de distribuir estas alturas y depende del diseño en cuestión. La norma que se deduce es que, si la altura de x es grande, las ascendentes y descendentes serán pequeñas y viceversa.

10

dd Diferencias entre alturas de X, ascendentes y descendentes

Ritmo y espaciado En las tipografías para textos, la norma es que los espacios entre las letras deben ser ópticamente menores que el espacio interno de estas, así se consigue aumentar la comodidad de la lectura evitando cansar la vista si se dejan espacios demasiados grandes. El equilibrio es la manera de conseguir el ritmo de la sucesión de letras en la lectura.

Tipografía Tipografía Tipografía

Tamaño óptico El diseño para un tamaño óptico tipográfico consiste en que mientras más grande sea el cuerpo de la fuente, sus proporciones se harán más estrechas y sus rasgos, más fino y esbeltos; en cuanto a la relación de altura de x con ascendentes y descendentes, ésta es más pequeña. Si, por el contrario, se reduce el diseño, las proporciones de cada signo tipográfico harán más abiertas y anchas, y sus terminaciones y detalles, más robustos; la altura de x se incrementa.

Además de las formas, el espaciado también sufre modificaciones. Es por eso que se ha determinado, dentro de una tipografía para texto, subcategorías para los tamaños de impresión: Citas o lecturas de fotos (entre 6 y 8 puntos), Texto (9-13 puntos), Subtítulos (14- 24 puntos) Display (para cuerpos superiores, entre 25 y 72 puntos).

CONCLUSIÓN A modo de cierre, podemos entonces relacionar la palabra caligrafía a escribir, lettering a dibujar letras y tipografía a trabajar con letras prediseñadas. Cada uno de estos términos, son tres maneras diferentes de trabajar con la forma de la letra.

11

ANATOMÍA TIPOGRÁFICA

letras glosario terminología

INTRODUCCIÓN La tipografía utiliza cierto número de términos técnicos. Estos términos describen en su mayoría las partes específicas de las letras. Es importante aprender este vocabulario para lograr expresarnos correctamente y de esa manera, entendernos todos a la hora de comunicarnos. Si se conocen las partes que componen una letra, es mucho más fácil establecer una misma terminología a la hora de comunicarnos con nuestros pares profesionales.

Es por ello, que a continuación plasmamos un breve glosario con algunos términos específicos de las letras.

GLOSARIO

Vértice

Altura de X : Altura que tienen las letras en minúscula. Se tiene como referencia la letra “x” para medir dicha altura. No se tiene en cuenta ascendentes y descendentes.

Asta Ojo

Ápice: Punta en que termina la letra “A” mayúscula.

Empalme

Ascendente: Parte del asta de una letra minúscula que sobresale por encima de la altura de x o de la línea media.

Serif Travesaño

Asta: Trazo principal y más característico de la letra. Puede ser vertical, diagonal o curvada.

Brazo

Brazo: Trazos cortos que salen de una asta principal, de manera horizontal o hacia arriba. No se conectan con otras astas.

Asta

Bucle: Forma redondeada que describe una contraforma. Puede ser abierto o cerrado.

Brazo

Cola: Trazo curvo descendente que presentan en su extremo determinadas letras como la “Q” y “J”.

13

Contrapunzón: Espacio que se encuentra en el interior de una letra. Puede estar encerrado completamente o de forma parcial.

Asta

Cuello: Trazo que une la cabeza con el bucle o cola de la letra “g”.

Bucle

Descendente: Parte del asta de una letra minúscula que sobresale por debajo de la altura de x o de la línea media.

Pierna o pie

Empalme: Unión gradual de dos trazos para formar uno solo.

Serif o remate

Ganchos: Trazo de forma curva y cerrada en forma de gancho. Como por ejemplo la letra “n”.

Ojo

Hombro: Trazo curvo que no termina de cerrar y sale de una asta principal. Letras como la “h” o la “n” cumplen esta particularidad.

Lágrima: Terminación redondeada de un trazo que no es un remate. También se lo llama gota.

Ligadura: Carácter especial formado por la combinación de dos o más letras dentro de ese mismo carácter.

Cola

Línea base: Línea imaginaria o de referencia que define la base visual donde se asientan las letras.

Dependiendo del autor, pueden llegar a haber pequeñas distinciones en relación a los nombres de las partes de las letras.

Ojo: Relieve de los tipos que sobresale del hombro.

14

a j n g

Oreja: El trazo que se extiende más allá del asta principal de la letra. En el caso de la “g”, la oreja es el pequeño trazo que sale de la cabeza.

Panza: ver bucle.

Pierna: Trazo que sale de un asta y toca la línea de base. Sirve de apoyo a las letras.

También se llama pie.

Remate: El pie en ángulo recto u oblicuo que se halla al final del trazo. También se lo denomina Serif y dependiendo de la letra puede ser horizontal, vertical e inclinada.

Terminal: Terminación de un trazo que no tiene remate. Los terminales pueden ser planos, aplastados, agudos, graves, cóncavos, convexos o redondeados.

Travesaño: Trazo horizontal de una letra que atraviesa su asta o une dos de ellas.

También se llama barra transversal.

Trazo: Línea que define la forma o las características que conforman la letra.

Uña: Trazo pequeño, en forma de uña, que caracteriza a algunas letras.

Vértice: Punto creado por la unión de dos astas diagonales en la parte inferior, como en las letras “V” y “W”.

Virgulilla: Trazo curvo que caracteriza a la «ñ» y la «Ñ» y la diferencia de la «n» y la «N».

15

Gota Ojo Gancho

Gancho de cabeza

Cola

Gancho de cabeza

Gancho del pie

Ápice u oreja Ojo Cuello Bucle o cola

CLÁSIFICACIÓN TIPOGRÁFICA

clásicas modernas caligráficas

INTRODUCCIÓN Antes de adentrarnos en el tema de la clasificación tipográfica, es necesario mencionar un concepto importante a tener en cuenta: la función de la tipografía.

La tipografía tiene dos funciones fundamentales, una función lingüística y una función gráfica.

Cuando hablamos de su función lingüística, hacemos referencia al texto como lenguaje, al texto para leer o a la funcionalidad de la misma para trasmitir un mensaje. Mientras que, al referirnos a su función gráfica, el texto funciona como imagen, para verlo, y cumple con el objetivo de la visibilidad.

Teniendo en cuenta estos puntos, podemos continuar con la clasificación tipográfica.

CLASIFICACIÓN TIPOGRÁFICA Esta clasificación no sólo nos permite reconocer y diferenciar los distintos grupos tipográficos, sino también averiguar su origen y su utilización adecuada para poder de esta forma, ordenar, organizar, seleccionar y combinar tipografías de acuerdo a los propósitos de la comunicación.

Podemos diferenciar en la clasificación tipográfica, dos grandes grupos según la función o el propósito que cumple la fuente tipográfica : Tipografía para textos (tipografías de edición) : Son aquellas que utilizamos para textos continuos. No deben llamar la atención sino más bien generar una sensación de ritmo que agilice la lectura. Estas no desconcentran al lector con su forma.

Textos - debe leerse, pero no verse -

Tipografías display : Son aquellas que utilizamos para textos breves. Tienen un peso visual fuerte y llaman la atención del lector a través de su forma. Algunos ejemplos pueden ser las tipografías de tipo caligráfico, de fantasía, con formas o garabatos, entre otras.

Display - debe verse y leerse -

17

Existe un modelo universal de clasificación de tipos de Maximilien Vox. Este modelo propone una clasificación histórica dividida en tres grupos:

Clásicas - Garaldas (siglo XVI) 1. Se pierde la forma caligráfica escrita, y su figura se vuelve más modelada (Claro ejemplo de esto se puede evidenciar en la forma de la letra “e”).

2. Su nombre proviene del término Garalde.

3. Modulación ligeramente inclinada y contraste medio.

4. Distintos ángulos del eje de contraste para letras de un mismo diseño.

5. Itálicas son ambidiestras, es decir con un eje de contraste inclinado tanto a la izquierda como a la derecha.

6. Serifas más delgadas y simétricas 7. La altura de X aumenta levemente.

Clásicas: Humanas, Geraldas y Reales.

Modernas: Didonas, Mecanas y Lineales.

Caligráficas: Incisas, Script y Manuales.

Clásicas - Humanas (Siglo XV) 1. Inspiradas en la caligrafía 2. Su función es trabajar como tipo para libros 3. Trazo modulado o diferenciado (al ancho varía según la dirección del instrumento) 4. Eje de modulación distinto al ángulo de apoyo de la pluma 5. Serifas unilaterales adoptan la forma de cuña y las bilaterales son abruptas y toscas 6. Utilización trazos terminales 7. Altura de x es normal, pero aparecen largos ascendentes y descendentes 8. Contraste en trazos gruesos y finos.

aef og

aef on

“Esto es una tipografía Humana” Centaur , 13 pt

“Esto es una tipografía Garalda” Garamond , 12 pt

18

Modernas - Didonas (Siglo XVIII)

“Esto es una tipografía Real”

1. El término “didone” proviene de la unión de Didot y Bodoni.

2. Alto o exagerado nivel de contraste entre gruesos y finos.

3. El eje de contraste de los trazos gruesos y finos es vertical.

4. Serifa filiforme (lineal) y sin enlace, sin embargo, existen excepciones.

5. Trazos terminales, en su mayoría son lacrimales o de gota.

6. No se utilizan para lecturas extensasdebido al gris denso que generan en la página. No es idónea para leída ni comprendida.

7. Se utilizan en el mundo de la moda.

Centaur , 14 pt

“Esto es una tipografía Didona” Bodoni , 11.5 pt

Clásicas - Reales (Siglo XVIII) 1. Época de transición hacia tipografías modernas. Por lo que presenta grandes similitudes con las Didonas.

2. Comparte características de ambos estilos, como que el eje de modulación sea vertical o ligeramente inclinado.

3. Contraste más pronunciado que en las garaldas y humanas. Aumento del contraste entre los trazos finos y gruesos de los caracteres.

4. Itálicas son diseñadas de una manera más complementaria que las redondas.

4. Serifas más refinadas y delgadas.

5. Diseño más estático y restringido.

6. Apertura menor en la letra “e”.

aef og

aef og

Dependiendo del autor, pueden llegar a haber pequeñas distinciones en relación a los nombres de clasificación.

Por ejemplo, para el primer grupo, las Humanas pueden denominarse también Venecianas, Humanistas o Renacentistas.

19

Modernas - Mecanas (Siglo XIX) “Esto es una tipografía Mecana”

1. Sin serifas , “sans serif” 2. Contraste nulo dado por el mismo valor de trazo siempre.

3. Importante altura de X , reduciendo la altura de ascendentes y descendentes 4. Existen tipografías como por ejemplo la futura, donde las letras están basadas en formas geométricas regulares. ( Círculo, cuadrado, triángulo) 5. Se utilizan para señalética

Clarendon , 9.5 pt

“Esto es una tipografía Moderna” Helvetica , 10.5 pt

Modernas - Mecanas (Siglo XIX) 1. Serifas mucho más robustas, rectangulares o incluso con el mismo peso óptico que las astas principales de las letras, manteniendo un enlace o transición con estas.

2. En algunos casos, se pierde el enlace con las astas principales y el contraste es casi nulo.

3. Altura de X aumenta de modo considerable, reduciendo el tamaño de las ascendentes y descendentes.

4. Eje de modulación vertical.

5. Proviene de las Didonas, pero se pierde el contraste.

6. Se las llama también como egipcias o egipcianas.

7. Uso publicitario del siglo XIX.

aef og Ejemplos en el diseño:

aef on

En estos casos, vemos tipografías Humanas o Garaldas en la etiqueta de vino, Mecanas en el logotipo de Boca Juniors y Didonas, en la marca de revista Vogue.

20

ESPÉCIMEN TIPOGRÁFICO El universo de la tipografía está lleno de sutilezas, detalles y características específicas para cada fuente tipográfica. Es por ello, que una de las mejores maneras de conocer cada uno de estos rasgos particulares es mediante un espécimen tipográfico.

Este hace alusión a una publicación en donde se presenta una familia tipográfica detallando de cuales cuerpo consiste. Se utiliza para observar el comportamiento y en base a eso elegir la mejor opción para su uso y/o compra.

Un espécimen tipográfico usualmente contiene textos en diferentes tamaños o punto tipográfico, diferentes situaciones de diseño y maquetación también con variaciones en diferentes lenguajes. Puede mostrar cómo se comporta la tipografía en títulos, capiteles y caracteres especiales.

Se puede presentar en diversas formas tales como una simple hoja, un folleto de venta o brochure o hasta publicaciones con un gran número de páginas, donde la tipografía es presentada de forma atractiva.

A continuación , ejemplos demostrativos :

21

DIAGRAMACIÓN

retícula cuerpo párrafo interlineado

INTRODUCCIÓN Existen conceptos y elementos fundamentales que es importante conocer a la hora de realizar una diagramación para algún diseño en particular. A continuación, se explican cada uno de ellos.

CUERPO El concepto de cuerpo 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.

cuerpo

El cuerpo, incluye entonces la altura de las ascendentes, la altura de la equis, las descendentes y una pequeña separación (llamada hombro) para que no se toquen las descendentes de la línea superior con las ascendentes de la línea siguiente. Estas alturas pueden variar dependiendo de las diferentes familias tipográficas.

ancho

INTERLINEADO

Interlineado positivo

Interlineado Interlineado

El interlineado es la distancia vertical que existe de una línea de base a la siguiente. Es unos de los conceptos que define la grilla base en una retícula.

Existen tres tipos de interlineados posibles:

Interlineado compacto

Interlineado compacto: Se observe cuando esta medida coincide con el tamaño del cuerpo tipográfico siendo la diferencia entre ambos cero.

Interlineado Interlineado

Interlineado positivo: Se observa cuando la separación entre líneas es mayor al cuerpo.

Interlineado compacto

Interlineado Interlineado

Interlineado negativo: Se observa cuando la separación entre líneas es menor al cuerpo.

23

PÁRRAFO Los párrafos son una unidad visual de suma importante a la hora de funcionar como una pieza de comunicación. Es por ello, que sus textos deben adaptarse a algunos criterios básicos dependiendo del diseño en cuestión: Separación de textos Existen cuatro opciones para realizar una correcta separación de los textos y son, mediante una línea blanca, una sangría , una sangría francesa o un calderon (un método más antiguo) Formas de alineación Existen siete opciones de alineación del bloque de texto, izquierda o bandera por derecha, derecha o bandera por izquierda, centrado o bandera en ambos lados, justificado última línea a la izquierda, justificado última línea a la derecha , justificado última línea al centro y justificado en todas las líneas.

Izquierda o bandera por derecha Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Izquierda o bandera por izquierda Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Centrado o bandera en ambos lados Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Justificado última línea a la izquierda Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Justicado última línea a la derecha Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Justificado última línea al centro Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Justicado en todas las líneas Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

24

RETÍCULA TIPOGRÁFICA La retícula tipográfica sirve al diseñador para ordenar los textos, las fotografías, las representaciones gráficas y demás elementos, según criterios objetivos y funcionales. La subordinación de todos los elementos a un sistema reticular tiene como objetivo producir una impresión de armonía global, de trasparencia, claridad y orden en determinado trabajo.

Una retícula sirve a un diseñador para un sinfín de proyectos, ya sean anuncios, prospectos, catálogos, libros, revistas, folletos, volantes, entre otros.

Existen 5 puntos a tener en cuenta para una correcta generación de una retícula tipográfica: Formato : Depende del diseño en cuestión.

Márgenes : Son los espacios negativos entre el borde del formato y el contenido, que rodean y definen la zona “viva” en la que pueden disponerse la tipografía y las imágenes.

Columnas : Son alineaciones verticales de tipofgrafía que crean divisiones horizontales entre los márgenes. Puede haber un número cualquiera de columnas y no todas deben tener la misma anchura necesariamente.

Grilla base : Son donde apoyan todas las líneas de los textos Módulos : Son unidades individuales de espacio que estan serparados por interválos regulares que, cuando se repiten en el formato de la página, crean columnas y filas.

Formato

Márgenes

Columnas

Módulo

25

COLOR

RGB CMYK

INTRODUCCIÓN El color es un tema que todo diseñador debe tener bien claro para no cometer errores a la hora de realizar proyectos. Trabajos impresos o digitales son los dos mundos en los que se mueve un diseñador y como cada mundo, tiene sus propias reglas.

En este capitulo vamos a profundizar los conceptos relacionados al color para poder afrontar trabajos específicos.

Existen dos modelos de color y vamos a distinguirlos:

COLORES LUZ Los colores que vemos en cualquier pantalla están formados por luz.

MODELO RGB

Los colores primarios de este grupo de colores son: el ROJO, el VERDE y el AZUL. La sigla con la que manejamos estos colores son RGB las cuales provienen de la inicial de cada color en ingles.

RGB es un modelo de color basado en la síntesis aditiva es decir que, partiendo del negro, es posible representar una amplia gama de colores mediante la mezcla de estos tres colores. Dependiendo de la proporción que pongamos de un color u otro obtendremos diferentes resultados.

Para indicar en qué proporción es mezclado cada color, se debe poner un valor a cada uno de los colores primarios, de manera que el "0" significa que esa mezcla no tiene ese color y, a medida que ese valor aumenta, se entiende que la proporción de ese color es mayor. Y si la proporciones de los colores son iguales logramos el blanco.

27

COLORES PIGMENTO En el mundo de lo impreso, nos manejaremos con otro modelo de color llamado CMYK. También sus siglas provienen del ingles, haciendo referencia a los colores primarios del modelo: el CIAN, el MAGENTA y el AMARILLO. La K final hace referencia al negro que se lo denomina como color clave (key colour).

MODELO CMYK

El modelo CMYK se basa, a diferencia del anterior, en la sustracción de luz. Se parte del blanco como base y conforme vamos mezclando tintas de los tres colores primarios obtenemos un amplio espectro cromático.

La teoría de este modelo es que si superponemos estas tres tintas llegamos al color negro, pero la realidad es otra. Se llega a un color marrón muy oscuro pero no al negro, es por eso que, aparte de los colores primarios, necesitamos de la tinta negra. La impresión a cuatro tintas genera un buen resultado con mayor contraste y asegura la calidad del trabajo. Ademas si no la usáramos deberíamos suponer las 3 tintas con el riesgo de desfasajes.

28

¿CÓMO TRABAJAR CON AMBOS MODELOS? Hoy es casi impensado realizar diseños sin la ayuda de la tecnología. Como ya hemos mencionado los colores que va a reflejar nuestro monitor van a ser del modelo RGB, pero ¿que pasa cuando ese trabajo digital tiene como destino final ser impreso?

Lo primero que tenemos que tener en cuenta es que la gama de colores que podemos ver en nuestra pantalla es mucho mas amplia que la que podamos imprimir. Muchas veces podemos encontrarnos con que nuestros colores al imprimir no son exactamente igual a lo que veíamos en la pantalla. Se logra una fidelidad en el 60% de los casos. Hay que tener especial cuidado con ciertos azules y naranjas ya que en CMYK algunos tonos son imposibles de lograr. Es por esta causa que se sacan cada vez mas tintas especiales para la garantía y calidad de ciertos colores, o como el caso de los colores metalizados o fluorescentes que no serian posibles de reproducir si no fuera por tintas especiales.

Otra alternativa para lograr una fidelidad mayor de los colores es la hexacromía, basada en seis tintas, agregando al CMYK los colores naranja y verde.

Entonces si nuestra computadora e impresora trabajan con modelos diferentes es de suma importancia saber como manejarnos con nuestros clientes a la hora de presentar bocetos.

Tenemos que asegurarnos que el color que apruebe el cliente sea el que realmente vayamos a imprimir.

Lo que vemos en CMYK

Lo que vemos en RGB

29

TRAMAS DE IMPRESIÓN

lineaturas tramas

¿QUE SON LAS TRAMAS? Existen métodos para organizar las tintas en la impresión para logar la fidelidad de los colores. Para esto se utilizan tramas en la impresión, cada imagen o elemento se transforma en pequeños puntos de grosor y ubicación variable. El ojo, a la distancia, hace que estos puntos se unifiquen y podamos distinguir diferentes tonos.

ACOMODAR LAS TINTAS

Vale aclarar que no siempre es necesario el uso de las tramas, ya que si queremos reproducir un color pleno cuya tinta se utilice para la impresión, solo se tiene que aplicarla en forma pareja y continua.

Definamos algunos conceptos: PLUMA TONO CONTINUO SEMITONO

Imágenes o elementos que imprimen con tinta al 100%.

Imagen que tiene variación de tono y color antes de ser tramada.

Imagen una vez ya tramada.

IMPRESIÓN ESTOCÁSTICA

Es el tipo de impresión que usa una impresora a chorra, trabaja con puntos idénticos que varían su ubicación y su frecuencia sobre el papel.

TRAMAS ORDENADAS

Es el tipo de impresión que utilizan en las imprentas donde varían el tamaño del punto pero no su ubicación.

A los diseñadores nos debe importar como funcionan las tramas ordenadas que son las que usan las imprentas ya que es el fin de nuestros originales.

No todas las tramas tienen la misma cantidad de puntos.

Dependiendo de la calidad de la imagen y el tipo del papel en donde vayamos a imprimir vamos a tener mayor o menor cantidad de puntos. Para esto los puntos se ordenan en lineas.

31

LINEATURAS

La forma de medir es contando cuantas lineas hay por pulgada, a esto de lo abrevia como LPI (en ingles significa lines per inch).

VAMOS A LA PRACTICA

Más lineas de puntos da mas definición

¿Cómo darnos cuenta si un impreso necesita mas o menos lineas? Es de suma importancia manejar bien esta información para el diseñador.

Si lo que se imprime son imágenes de excelente calidad en papeles encapados o de gran gramaje, se va a necesitar que la trama sea de por lo menos unos 175 lpi. Mas información en la trama mejor definición tendremos.

Anteriormente mencionamos que la cantidad de lineas por pulgada también depende del tipo de papel. Un papel muy absorbente no puede ser impreso con un lpi muy alto ya que la tinta al contacto con el papel se expande. Esto va a no solo difuminar la imagen sino que también a empastar el papel.

Por lo tanto la lineatura en estos casos tiene que ser menor.

¿Se diseña igual para 80 lpi que para 150 lpi?

La respuesta es NO.

Entender y saber relacionar estos conceptos nos permitirán darle calidad a nuestros trabajos. Entendamos que realizar un diseño que se adapte al lpi que disponemos y elegir el sistema de impresión optimo nos asegurara el éxito.

REFERENCIAS 175 a 200 LPI

150 LPI

80 a 100 LPI

TRABAJOS DE GRAN DEFINICIÓN

PAPELES ESTUCADOS Y NO ESTUCADOS POCO POROSOS.

PAPELES DE BAJA CALIDAD

*De todas formas siempre es recomendable hablar con la imprenta e investigar sobre el papel que vayamos a imprimir 32

ROSETA DE IMPRESIÓN En CMYK al imprimir tendremos una trama por color, cada una con un angulo diferente por lo que no se superponen los puntos. Al dibujo que forman las tramas se le llama ROSETA. Si bien esto no es algo que a los diseñadores nos modifique el trabajo es interesante observar en los impresos de menor lineatura (donde es mas evidente) el dibujo de la roseta.

ROSETA

ÁNGULOS

33

IMAGEN DIGITAL

imagen vectorial mapas de bits resolución píxel

INTRODUCCIÓN Aprender a manipular los conceptos de resolución de imagen y tamaño de imagen es algo muy importante en el mundo del diseño. Evitar que las imágenes se pixelen y manejar los tamaños que necesitamos es algo fundamental para lograr nuestros objetivos. Pero... ¿que debemos saber para no cometer errores?

IMAGEN DIGITAL Al ser diseñadores trabajamos con 2 tipos de imágenes.

VECTORIALES Las que generamos en ilustrator por ejemplo. No presentan mayores problemas de resolución ya que al agrandarlas o disminuirlas los puntos que componen la imagen se adecuan al tamaño matemáticamente. Siempre van a mantener la misma calidad.

MAPAS DE BITS Las creadas por photoshop o generadas por una cámara digital. Son imágenes compuestas por píxeles. Cada píxel es un cuadradito con un color y ubicación específica, pero no tiene un tamaño definido. Es decir si se agranda la imagen se agranda el píxel.

Cuando comúnmente decimos "se pixela una imagen" hacemos referencia a que si se agranda la imagen se agranda el píxel. Empiezan a ser visibles por el ojo humano cada uno de estos cuadraditos.

35

RESOLUCIÓN El número de píxeles por pulgada (PPP o PPI) que tiene una imagen es lo que llamamos resolución de la imagen digital.

La resolución adecuada de un archivo no tiene una formula exacta, pero hay varios factores los cuales tenemos que tener en cuenta. Si la imagen va a ser vista desde el monitor con unos 72 a 96 ppp alcanzaría. En cambio si la imagen va a ser impresa vamos a necesitar una resolución mayor.

PPP

A tener en cuenta: si una imagen no tiene la cantidad de píxeles necesaria en un tamaño determinado no hay forma de subsanarlo, por lo que al crear una imagen de mapa de bits debemos hacerlo a tamaño real con la cantidad de píxeles por pulgada adecuada. Si a la imagen no la creamos nosotros, es decir ya existe, siempre es necesario verificar el tamaño y la cantidad de ppp para ver si sirven. Siempre que podamos generar nuestras propias imágenes seria lo ideal para no tener estos problemas con imágenes de uso libre en internet.

Conforme cambiemos el tamaño de la imagen cambiamos su resolución. Ejemplo: una imagen pequeña pero con gran cantidad de píxeles, 900 ppp, si la ampliamos por tres pasa a una resolución de 300 ppp.

Cuando nos referimos a imágenes de alta resolución son las de uso en imprenta, mientras que las de baja resolución no lo son. ¿Cómo saber la resolución que vamos a necesitar en una imagen para ser impresa? Primero debemos ver cual es la lineatura de impresión.

“ La resolución de una imagen para que sea adecuada a la hora de imprimir debe ser del doble de la lineatura” 36

Reconocer el tamaño y la resolución: En photoshop en la opción: VENTANA > TAMAÑO DE IMAGEN 1- muestra la cantidad de píxeles que tiene el mapa de bits 2- muestra el tamaño en pulgadas (o en cm) y su resolución en ppp La resolución y el tamaño de la imagen de mapa de bits esta inversamente relacionados, a mayor tamaño menor resolución.

En pocos casos debemos bajar la resolución de una imagen, por ejemplo para bocetar para no manipular imágenes muy pesadas.

Resolución 50 PPP

Resolución 300 PPP 37

SISTEMAS DE IMPRESIร N

offset letterpress sistema tipogrรกfico flexografia serigrafia

INTRODUCCIÓN Existen muchos sistemas de impresión, dependiendo de lo que necesitemos usaremos uno o el otro. El principal factor a tener en cuenta a la hora de elegir sistema es el soporte que utilizaremos y la cantidad de originales que necesitamos. El diseño esta compuesto por matrices, una por cada color.

CLASIFICACIÓN Otro tipo de clasificación de los sistemas de impresión es según la trasferencia de la imagen, si la matriz entra o no en contacto con el soporte, a esto se le denomina sistema de impresión directo o indirecto.

Una forma de clasificar los sistemas de impresión es por su matriz. Hay matrices en altorelieve y otras en bajo relieve, otras planas y otras por medio de mallas, ya veremos cada caso en detalle.

Por cada color vamos a tener una matriz especifica, estas varían mucho su precio por lo que, en algunos casos, para amortiguar el costo es necesario que se realicen muchas unidades para darle sentido al uso. En este capitulo vamos a explicar como funcionan los sistemas de impresión mas utilizados y que tenemos que tener en cuenta a la hora de elegir uno o el otro, por que no solo el costo de la matriz va a influir en nuestra elección, sino también el soporte elegido, el acabo que se quiera logar, la cantidad de ejemplares 39

OFFSET Comúnmente usado en la impresión de todo tipo de papel y algunos plásticos.

Para utilizar este tipo de sistema lo que se hace es la separación de colores en el modelo CMYK, cada color tiene una película, con las zonas que va a cubrir ese color determinado. Cada película es copiada sobre una malla metálica completamente lisa, esta es tratada químicamente para que las áreas a imprimir acepten ciertas tintas y otras no. Donde se debe depositar la tinta que es grasa es un área lipófila, es decir que acepta las grasas y rechaza el agua, y donde no debe ser impresa es un área hidrófila es decir rechaza las grasas.

Al sistema de impresión OFFSET lo clasificamos como sistema de impresión indirecto porque la matriz no toca el soporte.

Entre medio hay un cilindro de caucho que toma la imagen desde la matriz y la pasa al soporte. El hecho que el cilindro sea de caucho nos permite buenos resultados en superficies texturadas. La maquina de offset tiene varios cuerpos, uno por cada tinta que imprime. En cada cuerpo hay tres cilindros de igual diámetro, el que porta la plancha de chapa, el cilindro porta mantilla y el cilindro de impresión. El papel o plástico pasa por medio de estos dos últimos.

40

relación costos resultados es muy bueno, sobre todo tipo de papel.

Cuestiones técnicas

Se puede imprimir en tramas desde 75 hasta 200 lpi.

Las limitaciones de diseño y lineatura no las da el sistema en si sino el tipo de papel a imprimir.

No se logra un color negro puro, porque se necesitan varias pasadas y esto empastaría el papel.

Como diseñadores debemos tener en cuenta que el registro sea lo mas preciso posible, que los colores estén bien logrados. Si necesitamos que un color sea mas intenso podemos pedir que se agregue mas tinta para lograr ese efecto teniendo en cuenta que se pierde la sutiliza a mayor cantidad de tinta.

Hay maquinas de offset que imprimen un solo lado del papel y hay otras maquinas que imprimen dos lados al mismo tiempo. Esto es muy útil para la impresión de diarios y revistas de gran circulación.

OFFSET SECO Es muy similar al ya mencionado offset, ya que imprime de forma indirecta con una mantilla de caucho intermedia. La diferencia esta en la chapa, que no es totalmente plana, la zona a entintar esta ligeramente en relieve y esto hace que no necesite humectación para impedir que se entinten las áreas no impresoras. De ahí su nombre porque no utiliza agua.

Las tintas de impresión de offset seco permiten imprimir con un color de saturación más elevado, pudiendo conseguir así un rango de tonos más amplio.

41

Impresión de papel moneda, cheques y otros impresos que involucren valor y seguridad.

SISTEMA TIPOGRÁFICO Es una evolución de la imprenta de Gutenberg.

Este Sistema es muy utilizado para papelería y tarjeteria que requieren calidad, pocos colores, y una tirada corta por ejemplo 150 ejemplares.

Es un sistema directo es decir el soporte entra en contacto con la matriz. El sistema esta en relieve la cual se entinta y se presiona sobre el papel.

La matriz que puede contener texto y/o imagen es una plancha metálica grabada en altorelieve lo que si se va a imprimir. Como ya mencionamos y esta no es la excepción por cada color existe una matriz.

42

LETTERPRESS Trabaja con fotopolimeros tratados químicamente para generar un altorelieve. Son muy resistentes y de alta calidad. Estos soportan mucha presión sin deformarse para ser impresos y no solo grabar el soporte sino generar un relieve en el mismo.

Se puede producir imágenes en cuatricromía con mucha calidad.

Las maquinas son de banda angostas, lo cual hace de este sistema especial para la impresión de etiquetas, tarjetas personales, postales, etc.

Permite tiradas cortas como el sistema tipográfico.

43

FLEXOGRAFÍA A considerar:

Es un sistema muy usado en la impresión de envases.

Las maquinas de flexografia tienen diferentes anchos y ese dato lo tenemos que tener en cuenta a la hora de dimensionar el proyecto.

Para los diseñadores este tipo de impresión es todo un desafió por sus limitaciones las cuales debemos tener presentes a la hora de diseñar.

Las tintas por su parte son liquidas y de secado rápido.

Usa una matriz de impresión en altorelieve que se entinta y pasa directo al soporte. La matriz es flexible, de ahí el nombre del sistema. La precisión se da por fotopolimeros que son plásticos sensibles sobre los que se pone la película y se exponen a luces ultravioletas, luego por un proceso químico las partes no expuestas se rebajan, generando así el relieve.

No conviene utilizar este tipo de impresión si lo que necesitamos es máxima precisión.

Se necesita trabajar con una trama bastante abierta para este tipo de sistema y esto no siempre da buenos resultados en la composición del color.

44

SERIGRAFÍA presión y se barre con una especie de espátula.

Sirve para imprimir cualquier material sea plano o no.

A considerar:

Su matriz se denomina chablon, es un marco de madera o metal, en el cual se tensa una malla que tratada con una emulsión fotosensible y al contacto con la película se deja pasar luz. La parte expuesta que corresponde a la zona no impresora se enduresera obturándola. Se lava para que la parte no expuesta se desprenda y ya esta lista para imprimir.

Las tramas son muy abiertas por lo que no nos es eficiente realizar diseños con mucho detalle.

Las tintas son muy densas, una vez secas y al tacto queda un ligero relieve. Ademas tienen la particularidad de tener gran poder cubritivo.

Por cada color corresponde una malla.

La epigrafía permite grandes tiradas de reproducción y su costo es relativamente bajo por unidad.

Al imprimir se coloca la matriz sobre el soporte y se rocía con tinta, se ejerce

45

Diagramaci贸n y montaje Comunicaci贸n Visual Colegio Nacional Monserrat Universidad Nacional de C贸rdoba C贸rdoba - Argentina