Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Ricupero 2007 Diseño Grafico en El Aula Guía de Trabajos Prácti
Ricupero 2007 Diseño Grafico en El Aula Guía de Trabajos Prácti
ISBN 978-987-584-109-3
Diseño General
solrajch@gmail.com
Indice
Prólogo 9
Introducción 11
01. Psicología del color 13
02. Retórica de la imagen 23
03. Anatomía de la letra y clasificación
tipográfica 39
04. Interletrado 51
05. Monograma 55
06. El Tangram 59
07. Mejorando la legibilidad 63
08. Diseño SUB-MARCAS 71
09. Retículas 77
10. Diseño publicitario 87
11. Diseño tapa de libro 91
12. Caligrama 97
13. La animación 101
14. Pictogramas 107
15. Variaciones tipográficas 115
Prólogo I 9
Jorge Frascara
Edmonton, Julio 2007
Introducción I 11
Introducción
Este libro esta pensado para usarse como guía de trabajos prácticos,
que ayude a la formación de un alumno competente, critico y autónomo, utili-
zando los aportes del diseño para el desarrollo de la creatividad.
Cualquiera que sea la razón por la que Ud. ha abierto este libro es mi
deseo que con él se obtenga un conocimiento valioso del mundo visual del
diseñador grafico.
Sergio A. Ricupero
Diseñador en Comunicación Visual / Profesor
Psicología del color I 13
El color psicológico
Son las diferentes impresiones que emanan del ambiente creado por
el color, que pueden ser de calma, de recogimiento, de plenitud, de alegría,
opresión, violencia... La Psicología de los colores fue ampliamente estudiada
por Goethe, que examinó el efecto del color sobre los individuos:
Bibliografía
Trabajo Práctico
Para comunicarnos nos valemos del lenguaje, dentro del cual la uni-
dad mínima de sentido es el signo: esa imagen (mental) de naturaleza total-
mente distinta al estímulo que tiene por función evocar.
Operativamente lo dividiremos en significante (la representación en sí)
y significado (el contenido que se le asigna), puesto que en la realidad no es
posible separar estas dos entidades.
A cada significante le corresponde una cadena flotante de significa-
dos, por eso decimos que los signos son polisémicos.
Por ejemplo el significante del pictograma de una silla puede variar de
acuerdo con el contexto en el que esté:
-Mueblería: indicador de venta de sillas.
-Aeropuerto: indicador de sala de espera.
-Biblioteca: indicador de sala de lectura.
Todo signo tiene un significado referencial o denotativo. La denotación
es la relación por medio de la cual cada concepto o significado se refiere a un
objeto, un hecho, o una idea. El papel del receptor en el mensaje denotativo es
pasivo.
Además de denotar, el signo frecuentemente se carga de valores que
se añaden al propio significado. Dichos valores varían de acuerdo con los dis-
tintos hombres y las diferentes culturas. A este plus se lo denomina connota-
ción. El papel del receptor en el mensaje connotativo es activo, ya que para de-
codificar el mensaje debe recurrir a procesos intelectuales vinculados a su
competencia.
Denominamos “competencia” a los códigos que maneja el receptor,
formando los conocimientos comunes para decodificar los mensajes.
Estas dos dimensiones marchan juntas; no existe un límite preciso en
donde termina el mensaje denotado y comienza el connotado. Así como el sig-
nificado denotativo depende de la relación signo-referente, el significado con-
notativo depende de la relación signo-usuario.
Si bien no hay problemas cuando las connotaciones son culturales,
hay conflictos cuando se trata de valoraciones personales, de ahí la necesidad
de un mínimo de nivel denotativo para que la comunicación sea factible.
24 I Diseño Gráfico en el aula
La retórica de la imagen
Figuras sintácticas
Figuras semánticas
Este tipo de figuras tienen por objeto el significado. Apelan al valor que
la cosa remite pero van mucho más allá de la simple mostración, del valor real
de la imagen. Tiene valor principal el significado a partir de un referente. Se
piensa en un contenido a partir del cual se pretende llegar al sujeto receptor.
Comprometen más directamente al destinatario, crean actitudes, promueven
respuestas, sentimientos y emociones.
Hacen referencia a lo connotativo, se dirigen a la cualidad del referente, a las dis-
tintas notas particulares, propias de cada uno. Estas figuras se ordenan en cinco
grupos diferentes, según los distintos modos de relacionar los significados.
Gags tipográficos
Los gags son instrumentos tipográficos con valor semántico muy en-
fatizado; aluden y representan una significación determinada. Alteran la cali-
grafía para que la letra también signifique.
Cuando la representación ha sido lograda la comprensión se resuelve en
términos de una doble captación visual, las dos vías trazan una trayectoria conver-
gente en un sólo punto: el concepto. La vista efectúa la reconstrucción alfabética.
Retórica de la imagen I 29
Se propone una palabra para que no sólo sea leída sino que constitu-
ya un objeto de percepción visual y auditiva. En la palabra se superponen dos
escrituras que se asisten recíprocamente. La interpretación queda asegurada
por un sistema alfabético que sustenta la transcripción ideográfica, mientras
que el signo se robustece mediante el refuerzo semántico que le asegura la
presencia gráfica de la imagen del objeto.
Los gags no se ubican dentro de un tipo de figuras retóricas puesto
que se adaptan a cada una de ellas, según se basen en operaciones de com-
paración, oposición, sustitución o secuenciales.
Hay que tener en claro que, en definitiva, lo importante en el proceso
de la configuración de mensajes visuales es el sentido, el contenido. Una vez
que se ha determinado qué decir, recién se estructurará cómo decirlo y, en-
tonces, las figuras sintácticas o semánticas son simples medios del conteni-
do, herramientas de la comunicación.
Trabajo Práctico
ALTURA X
Es la altura de las letras de caja baja excluyendo los ascendentes y los des-
cendentes.
ANILLO
Asta curva cerrada que encierra el blanco interno en letras tales como en la b,
la p o la o.
ASCENDENTE
Asta de la letra de caja baja que sobresale por encima de la altura x, como en
la b, la d o la k.
ASTA
Rasgo principal de la letra que define su forma esencial; sin ella la letra no
existiría.
ASTAS MONTANTES
Son las astas principales verticales u oblicuas de una letra, como la L, B, V o A.
BARRA
Es el rasgo horizontal en letras como la A, la H, f o la t. También llamada asta
transversal.
BASA
Proyección que a veces se ve en la parte inferior de la b o en la G.
BLANCO INTERNO
Espacio en blanco contenido dentro de un anillo u ojal.
Anatomía de la letra y clasificación tipográfica I 41
BRAZO
Parte terminal que se proyecta horizontalmente o hacia arriba y que no está
incluida dentro del carácter, como ocurre en la E, la K o la L.
CARTELA
Trazo curvo (o poligonal) de conjunción entre el asta y el remate.
COLA
Asta oblicua colgante de algunas letras, como en la R o la K.
COLA CURVA
Asta curva que se apoya sobre la línea de base en la R y la K, o debajo de ella,
en la Q. En la R y en la K se puede llamar sencillamente cola.
CUERPO
Altura del paralelepípedo metálico en que está montado el carácter.
DESCENDENTE
Asta de la letra de caja baja que queda por debajo de la línea de base, como en
la p o en la g.
INCLINACIÓN
Es el ángulo del eje imaginario sugerido por la modulación de espesores de
los rasgos de una letra. El eje puede ser vertical o con diversos grados de
inclinación. Tiene una gran importancia en la determinación del estilo de los
caracteres.
LÍNEA DE BASE
La línea sobre la que se apoya la altura X.
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
Ápice o 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.
REBABA
Espacio que queda entre el carácter y el borde del tipo metálico. Aunque se
suele nombrar de esta forma, la definición correcta es “hombro”.
42 I Diseño Gráfico en el aula
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
Clasificación tipográfica
Criterio de clasificación
Hay cinco elementos que nos sirven para clasificar a las familias tipo-
gráficas:
- La presencia o ausencia del serif o remate.
- La forma del serif.
- La relación curva o recta entre bastones y serifs.
- La uniformidad o variabilidad del grosor del trazo.
- La dirección del eje de engrosamiento.
Romanas antiguas
Fuente:Garamond
Este tipo de letra cumple con las características citadas, ya que res-
Anatomía de la letra y clasificación tipográfica I 43
Fuente: Times
Fuente: Bodoni
(Bauer Bodoni, Didi, Caxton, Ultra Condensed) tienen, en cambio, las siguien-
tes características:
- Tienen serif.
- El serif es lineal.
44 I Diseño Gráfico en el aula
Egipcias
Fuente: Rockwell
Las egipcias deben su nombre al romanticismo del Siglo XIX que las re-
lacionó con los sueños de Napoleón por conquistar Asia. También son denomina-
das Mecano, haciendo referencia al momento de aparición de estos tipos, duran-
te el florecimiento de la Revolución Industrial, pero a diferencia de las romanas
modernas generadas cerca de la misma época, las egipcias tienen su base en la
madera y no en el cobre o hierro. Sus aplicaciones más famosas son los conoci-
dos afiches de circo y del oeste norteamericano de grandes cuerpos. La madera
no es tan pesada como el hierro; imagínense el peso de un tipo de 40 cm de alto.
Anatomía de la letra y clasificación tipográfica I 45
sans serif
Fuente: Arial
Las sans serif fueron tomadas por las vanguardias del siglo XX por re-
tratar el “espíritu de la época”. En lo esencial hoy por hoy la utilización de ti-
pografías no es limitada por un estilo, sino que por el contrario, es inagotable.
Podemos encontrar diseños que combinan con excelente composición tanto
romanas como de palo seco.
caligráfico
Fuente: Shelley
góticas
Fuente: Cloister
Tienen una clasificación propia mucho más compleja que las recién
citadas, pero por el uso que tienen actualmente las incorporaremos a un gru-
po más genérico. Se caracterizan por la similitud morfológica entre todas las
letras, ya que se escriben siguiendo un patrón para ascendentes-descenden-
tes y oblicuas.
decorativas
Fuente: westminter
Bibliografía e imágenes
• www.unostiposduros.com
• Ruary McLean, “Manual de tipografía”.
• Adrian Frutiger, “Type and Sign Symbol”.
• Gertrude Snyder & Alan Peckolick, Herb Lubalin, Art Director, Graphic De-
signer and Typographer.
• David Brier, “Great Type and Lettering Designs”.
• Revistas TipoGráfica.
• Revistas MacInArea.
• Revista Upper & Lower Case.
• R. Carter, D. Ben, Ph. Meggs, “Typographic Design: Form and Comunication”.
• Jorge Frascara, “Diseño Gráfico y Comunicación”.
Anatomía de la letra y clasificación tipográfica I 49
Trabajo Práctico
04. Interletrado
Espaciado
Las palabras parecen de un tono más luminoso si las letras están más
separadas. Del mismo modo, si se incrementa el espaciado el tipo parece
adquirir un valor más brillante.
Prestar atención a las necesidades de espaciado, puede favorecer la
legibilidad cuando el contraste de color es escaso o cuando debe imprimirse
en color un gran fragmento textual. Si el tipo se disminuye en tamaño, debe
incrementarse la fuerza de contraste de color. Por otra parte, los fondos
estampados o con textura perjudican la legibilidad.
Cuando tenemos que buscar un color para asociar a un tipo, lo prime-
ro que deberemos examinar son los objetivos del trabajo que tenemos que
realizar y el público al que va dirigido.
Bibliografía
-http://blog.artesvisuales.com
Interletrado I 53
Trabajo Práctico
05. Monograma
Bibliografía
-Tipografía, estudios e investigaciones de Antonio e Ivana Tubaro. Ed. Universidad
de Palermo y Librería Técnica CP67.
-http://es.wikipedia.org
Monograma I 57
Trabajo Práctico
06. El Tangram
Bibliografía
- www.adesasoc.org/didac/mdid2a26.html
- http://es.wikipedia.org
El Tangram I 61
Trabajo Práctico
Legibilidad
La legibilidad de la tipografía
¿Cuáles son las reglas que debemos tener en cuenta para la legibilidad de los
textos?
En primer lugar deberemos escoger caracteres que sean abiertos y
bien proporcionados, con regularidad en los tipos y con remates clásicos. Los
caracteres que contienen afectaciones estilísticas o irregularidades son
menos legibles, por lo que son menos recomendables utilizarlos en bloques
de textos y más adecuados para textos cortos o titulares. Una vez elegida la
tipografía con la que trabajaremos para hacer legible el trabajo, tendremos
que tener en cuenta otros aspectos como el cuerpo con el que trabajaremos,
la longitud de la línea o el interlineado.
Cuando conseguimos que éstos tres elementos armonicen -tipografía
y su tamaño o cuerpo, longitud e interlineado- se producirá una mayor facili-
dad de lectura, será más natural nuestro recorrido visual sobre el texto.
Cuando variamos uno de estos aspectos en la tipografía, deberemos ajustar
los otros para que la armonía se siga produciendo.
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 pun-
tos, cuando nos referimos a otras finalidades del texto: titulares, subtítulos...
los tamaños pueden ser muy variables.
En cuanto a la longitud de las líneas deberemos tener cuidado, ya que
las demasiado largas producen aburrimiento en el lector y las demasiado cor-
tas dificultan la lectura por el ritmo visual al que obliga con el cambio cons-
tante de línea de lectura. Dependiendo de qué tipo de textos o del tamaño del
diseño nos tendremos que plantear distintas longitudes de línea, pero habi-
tualmente se considera que el máximo de caracteres aceptados por línea es
de sesenta a setenta.
Por otra parte el interlineado es un factor importante para que el lec-
tor 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
Mejorando la legibilidad I 65
Bibliografía
Trabajo Práctico
• Tipografía
• Imagen
• Fondos
• Textos (tono de voz)
• Colores
Mejorando la legibilidad I 73
Clasificación
Resumen y conclusiones
Bibliografía
- http://www.wolkoweb.com.ar/apuntes/apuntes.html -Javier Veraldi - León
Scherman
- ladooscurodeldiseno.blogspot.com
- http://www.maestrosdelweb.com/editorial/critelogo/Mario Contreras
Mejorando la legibilidad I 75
Trabajo Práctico
logo original
logo rediseñado
Retículas I 77
09. Retículas
La retícula tipográfica
CONSTRUCCIÓN DE LA MANCHA
Cuando se conoce la amplitud y la naturaleza de la información gráfi-
ca y textual que debe incorporar el diseño, y en base a una idea previa sobre el
aspecto que presentará, se realizan bocetos en formato reducido, lo más pre-
cisos posibles.
La amplitud del texto y el número de páginas disponibles son determi-
nantes. Un texto largo que tenga que compensarse en pocas páginas, requie-
re una mancha lo más grande posible.
La imagen general de armonía y buena legibilidad de una página
impresa depende de la claridad de las formas de los tipos, de su tamaño, de la
longitud de las líneas, de la separación entre ellas y de la amplitud de los blan-
cos marginales.
El formato de la página y la amplitud de los blancos de los márgenes
determinan las dimensiones de la mancha.
MÁRGENES
La mancha siempre queda rodeada de una zona de blancos. Unos blan-
cos bien proporcionados pueden acrecentar extraordinariamente el goce al leer.
Se recomienda que el ancho de los blancos no sea muy pequeño, de
modo que un corte impreciso de las páginas no provoque una impresión ópti-
ca negativa. Cuando la zona marginal es pequeña, enseguida se advierte un
eventual corte impreciso de la página.
Retículas I 79
Con los márgenes muy pequeños, el lector siente que la página está
saturada y reacciona negativamente. Los dedos mismos pueden tapar el texto
o las ilustraciones al sostener la publicación.
Si las zonas son demasiado grandes, puede surgir la sensación de derro-
che, que el material impreso se ha estirado en su longitud, no en contenido.
El diseñador tratará de conseguir las proporciones más atractivas.
Una mancha demasiado alta parece escaparse hacia arriba. Por el
contrario, una muy baja parece que va a caer.
Por otro lado, lomo y corte demasiado parecidos no resulta agradable;
las zonas marginales del mismo tamaño no pueden producir una configura-
ción interesante de la página, siempre resultan carentes de interés.
CAJA TIPOGRÁFICA
El sector impreso en todas y cada una de las páginas estará determi-
nado por un límite virtual llamado caja tipográfica, que dará lugar a cuatro
márgenes (superior, inferior, lateral izquierdo y derecho). La dimensión de los
márgenes se hará según el criterio de equilibrio más acorde al caso en cues-
tión. El margen respecto al lomo debe dimensionarse de manera que no per-
judique la lectura. Para la elección de la medida de dicho margen hay que te-
ner en cuenta el tipo de encuadernación, ya que según la variante, permitirá
mayor o menor apertura de las páginas. En cuanto a los márgenes superior e
inferior, deben permitir la ubicación del cabezal, pie de página y folio.
COLUMNAS
La combinación de caracteres forma palabras, la sucesión de pala-
bras conforman la línea y la disposición vertical de líneas de texto conforma
una columna.
La determinación de la columna es uno de los puntos principales a la
hora de configurar la retícula, ya que el ancho de la columna tiene relación
directa con el ancho de los módulos.
A su vez, el alto del módulo corresponde a un número determinado de
líneas de texto, al igual que la calle horizontal.
La calle vertical dependerá del cuerpo tipográfico de la columna.
ANCHO DE COLUMNA
La longitud de la línea es uno de los factores fundamentales que hacen a
la legibilidad. Un texto debe leerse con facilidad y agrado. Responde al movimien-
to ocular y la cantidad de caracteres que pueden leerse por cada movimiento.
El ancho de columna adecuado crea las condiciones para un ritmo regu-
lar y agradable, que posibilita una lectura distendida y pendiente del contenido.
80 I Diseño Gráfico en el aula
MARGINACIONES
• Justificada o en block:
Están conformadas por líneas de texto de longitud uniforme, dónde
dos líneas imaginarias marcan el inicio y el final de todas las líneas de texto,
salvo los cambios de párrafo (punto aparte).
Para conseguir la uniformidad de las líneas es necesario recurrir al
corte de palabra, y a la alteración de los espaciados (interletrado y/o espacio
entre palabras).
El resultado es una columna compacta y regular, dónde es necesario
controlar que la variación de los espaciados no produzca blancos a modo de
«ríos » internos en el bloque.
• Marginado izquierda:
Una recta imaginaria a la izquierda, marca el inicio de todas las líne-
as de texto; sobre la derecha, una segunda recta determina el largo máximo
de las mismas.
No se alteran los espaciados y excepcionalmente se producen cortes
de palabras, para controlar el margen irregular (también llamado desflecado),
evitando que las líneas queden excesivamente parejas o desparejas.
También puede darse un ancho máximo y un ancho mínimo, para
lograr un efecto especial.
La regularidad del margen izquierdo favorece el encuentro de los ini-
cios de lectura de cada línea, la uniformidad de los espaciados no produce alte-
raciones visuales, factores que favorecen la legibilidad y la columna resulta.
Retículas I 81
• Marginado derecha:
En este caso, una recta imaginaria a la derecha, marca fin o apoyo
derecho de todas las líneas de texto; sobre la izquierda, una segunda recta
puede determinar el largo máximo de las mismas.
Tiene las mismas características de espaciado y corte de palabras que la de
marginación izquierda, pero la irregularidad en el margen que representa
para nosotros (nuestra cultura)el inicio de lectura la convierte en la de mayor
dificultad, inaceptable para textos largos.
• Centrada o simétrica
Las líneas se disponen sobre un eje central, quedando simétricas a
ambos lados de la misma con respecto al mismo. Los espaciados son regula-
res y no se recurre al corte de palabras, sin embargo tiene muy malas condi-
ciones de lectura; por la misma razón que la de marginación derecha.
• Recorrido
Las líneas de texto recorren parte del contorno de la imagen. Ese
margen de recorrido puede presentarse a la derecha o a la izquierda, y de ello
depende la legibilidad de la misma.
• Figurativas
Las líneas de texto se encuentras marginadas de manera tal que vistas
en conjunto se visualiza una forma. Para su construcción es necesario cortar pala-
bras y alterar considerablemente los espaciados, generalmente con problemas.
• Asimétrica
Las líneas se equilibran óptimamente sin referencia a ningún eje. Una
vez definida la columna, nos permite realizar las primeras articulaciones de la
retícula, estas son las calles verticales.
EL INTERLINEADO
El espacio entre las líneas contribuye a la claridad y legibilidad de un texto.
Para guiar el ojo sin esfuerzos a lo largo de cada línea y para facilitar
la transición entre una línea y la siguiente, el espacio entre líneas debe resul-
tar visualmente mayor que el espacio entre palabras.
El interlineado está íntimamente vinculado a la longitud de la línea y a
la altura de x del tipo utilizado.
Las líneas de texto cortas parecen más abiertas que las largas. De la
misma manera, los tipos con una altura de x pequeña parecerán tener más
espacio entre líneas que una tipografía con altura de x grande, a pesar de estar
compuestos en el mismo cuerpo e interlineado.
En consecuencial cuanto más ancha sea la línea, y cuanto mayor sea
la altura de x, más espacio se necesitará para separar visualmente entre sí las
líneas tipográficas.
Si el espacio es limitado, es preferible un cuerpo pequeño con interli-
neado pequeño a un cuerpo mayor con un interlineado apretado.
82 I Diseño Gráfico en el aula
Construcción de la retícula
LAS CALLES
Los campos se separan uno de otro por un espacio intermedio por
varias razones: para que las imágenes y columnas no se toquen, para las
leyendas debajo de las imágenes o epígrafes. La distancia horizontal depende
del tamaño y tipo de letra. La distancia vertical es igual a 1 ó 2 líneas de texto.
De esta manera se asegura la correcta continuidad de la lectura. La distancia
entre las columnas de texto debe ser mayor que la distancia entre las líneas,
para asegurarle al lector que el texto sigue abajo y no a la derecha. Cuando se
separan dos columnas de marginación izquierda, la irregularidad de su mar-
gen derecho aporta más blanco, en estos casos, generalmente alcanza con
separarlas con una calle del valor de un interlineado.
En el caso de las columnas justificadas, mucho más compactas y
pesadas, probablemente se necesite doble interlineado para separarlas.
MODULACIONES
La cantidad de módulos depende del tipo de trabajo. Las modulaciones
horizontales están determinadas principalmente por la cantidad de columnas de
texto. La distancia normal de lectura es de 30-35 cm. Entre el ojo y el folleto,
libro o periódico. A esta distancia debe poder leerse el texto sin esfuerzo. Deben
realizarse ensayos, donde a más columnas se corresponderá menor cuerpo,
hasta que se perfile una posible solución. Después se colocan encima las divi-
siones de la retícula y se controla cuántas líneas caben en el campo reticular.
La altura de los campos reticulares corresponde a un número determinado de
líneas de textos. Supongamos que partimos de 30 líneas de texto y deseamos 4
campos reticulares de igual tamaño, existiendo entre los campos una calle de
separación, que se llama «línea vacía”, espacio en el que podría haber una línea
de texto o quedar vacío. De las 30 líneas que conforman la altura de la columna
deducimos que 3 se precisan para las calles. El resultado es de 27 líneas, que
dividido 4 da como resultado 6,75 líneas. Dado que no podemos tomar medias
líneas, definimos 7 líneas para cada campo reticular. De esta manera 7 líneas
por 4 campos es igual a 28 líneas, más las 3 que se necesitan para las calles, da
un total de 31 líneas de texto. Conforme con el resultado, es necesario modifi-
car los márgenes para integrar ahora 31 líneas de texto, que multiplicadas por
el valor del interlineado, nos va a dar la altura total de la columna. Por ejemplo:
sí el interlineado fuera de 12 pts, el alto de columna sería de 31 cíceros.
Retículas I 83
Bibliografía
Trabajo Práctico
Bibliografía
- http://blog.artesvisuales.com
Diseño publicitario I 89
El Libro
DIAGRAMACIÓN
A partir de esta convención surge en forma inmediata la necesidad de
organizar su contenido según formas comunicantes y convincentes a través de
la diagramación, sin dejar de lado los valores estéticos y retóricos según el caso.
Los elementos que participan del contenido son básicamente: el texto
(tipografía), la imagen (fotografía, ilustración, etc.) y el campo visual (formato
de la página).
Estas tres unidades no pueden funcionar independientemente, sino
relacionándose unas con otras, logrando así infinidad de variables en los
resultados.
CAJA TIPOGRÁFICA
El sector impreso en todas y cada una de las páginas estará determi-
nado por un límite virtual llamado caja tipográfica, que dará lugar a cuatro
márgenes (superior, inferior, lateral izquierdo y derecho). La dimensión de los
márgenes se hará según el criterio de equilibrio más acorde al caso en cues-
tión. El margen respecto al lomo debe dimensionarse de manera que no per-
judique la lectura. Para la elección de la medida de dicho margen hay que te-
ner en cuenta el tipo de encuadernación, ya que según la variante, permitirá
mayor o menor apertura de las páginas. En cuanto a los márgenes superior e
inferior, deben permitir la ubicación del cabezal, pie de página y folio.
92 I Diseño Gráfico en el aula
Páginas de guarda. Son las páginas que aparecen al abrir la tapa del libro (só-
lo en las ediciones de tapa dura). Sobre ellas suele imprimirse un motivo a mo-
do decorativo.
Pie de página. Es la ubicación habitual del folio y de las notas y citas corres-
pondientes al texto principal.
Diseño tapa de libro I 93
Colofón o pie de imprenta. Son los datos que informan de los participantes de
esa edición (imprentas, fotocromistas, componedores de textos), el papel uti-
lizado, las tipografías seleccionadas y la fecha y lugar en que terminó de im-
primirse. Se ubica al final del libro en página par o impar.
Lomo. Corresponde al canto del libro, cuyo espesor variará de acuerdo con la
cantidad de páginas, gramaje de papel y tipo de encuadernación (abrochado,
cosido a hilo, encolado, etc.). Se ubican los datos correspondientes al título,
autor de la obra y editorial. Puede tener una lectura de abajo hacia arriba o vi-
ceversa.
Bibliografía
Trabajo Práctico
12. Caligrama
Introducción teórica
Bibliografía e imágenes
- http://es.wikipedia.org/wiki/Caligrama
- http://redescolar.ilce.edu.mx
- Guillaume Apollinaire
Caligrama I 99
Trabajo Práctico
13. La animación
DIBUJOS ANIMADOS
Los dibujos animados (llamados a veces “animación tradicional”) se
crean dibujando cada cuadro. Al principio se pintaba cada cuadro y luego era
filmado, proceso que se aceleró al aparecer la animación por celdas inventada
por Bray y Hurd en la década de 1910. Usaron láminas transparentes sobre las
que “movían” a sus personajes y así no tener que pintar el fondo una y otra vez.
STOP MOTION
Animación de objetos, muñecos, marionetas, figuras de plastilina u
otros materiales así como maquetas o modelos a escala. Se utiliza la graba-
ción “fotograma a fotograma” o “cuadro a cuadro”.
102 I Diseño Gráfico en el aula
PIXELACIÓN
Es una variante del stop-motion, en la que los objetos animados son
auténticos objetos comunes (no modelos ni maquetas), e incluso personas. Al
igual que en cualquier otra forma de animación, estos objetos son fotografia-
dos repetidas veces, y desplazados ligeramente entre cada fotografía. Es
ampliamente utilizada en los video-clips.
ROTOSCOPÍA
Se basa en dibujar directamente sobre la referencia, que puede ser
los cuadros de la filmación de una persona real. Así se animó en Disney a
Blancanieves, protagonista del primer largometraje animado de Disney.
ANIMACIÓN DE RECORTES
Más conocido en inglés como cutout animation, es la técnica en que se
usan figuras recortadas, ya sea de papel o incluso fotografías. Los cuerpos de
los personajes se construyen con los recortes de sus partes. Moviendo y reem-
plazando las partes se obtienen diversas poses, y así se da vida al personaje.
SISTEMA INERCIAL
Sistema inercial de captación de movimiento humano: Moven.
Seguimiento y captura del movimiento humano, sin las limitaciones impuestas
por el uso de cámaras o emisores. La nueva tecnología permite utilizarse en
animación (cine, juegos virtuales) entrenamiento y simulación, investigación y
desarrollo biomecánico y otras áreas.
OTRAS TÉCNICAS
Virtualmente cualquier forma de producir imágenes, cualquier mate-
ria que pueda ser fotografiada, puede utilizarse para animar. Existen muchas
técnicas de animación que sólo han sido utilizadas por unos pocos artistas
independientes y que son desconocidas para el gran público.
Bibliografía
- www.animacion.com
- http://es.wikipedia.org/wiki/Animaci
La animación I 105
Trabajo Práctico
14. Pictogramas
1. El estilo
El estilo del signo es el que nos dirá cómo será resuelto. Podemos
diseñar íconos desde muy geométricos y muy rígidos. También podemos dise-
ñar iconos complejísimos, el único límite que podemos tener en el momento
de elegir un estilo gráfico a resolver es el sistema donde va a ser impreso, cor-
tado o visualizado.
El estilo puede estar basado en una grilla de cuadrados, tal vez píxeles, que
nos pueden evocar algo de tecnología, o en una silueta estilizada, o de líneas
ondulantes, o una trama de líneas, etc.
2. La complejidad
Creo que una de las decisiones más hermosas del diseñador, es pen-
sar que tan compleja se puede resolver la figura, y a partir de esa decisión,
empezar a crear criterios de aplicación geométrica.
3. La técnica
La técnica puede ser un factor decisivo a la hora de elegir un estilo de
diseño ante otro. No es lo mismo diseñar para la producción en serie impre-
sa, como la serigrafía y el ploter de corte, que diseñar pictogramas para un
110 I Diseño Gráfico en el aula
interactivo, para un celular, o alguna pantalla, o para ser pintados con pincel,
brocha, pluma caligráfica, tallado, etc. La técnica puede determinar la canti-
dad de colores, los grosores y la complejidad de las formas. Puede determi-
nar las limitaciones del sustrato, o las limitaciones propias de la tecnología a
la que está asociada.
Bibliografía
-Señaletica, Joan Costa Ed. Ceac 1987
-http://letritas.blogspot.com
-www.wolkoweb.com.ar/senaletica-Germán Díaz Colodrero
Pictogramas I 113
Trabajo Práctico
El manierismo
Una imagen que no posee una idea generadora no es más que una
manipulación puramente técnica, un gag visual y no un elemento esencial del
diseño.
Bibliografía general
- http://www.arqhys.com/articulos/renacimiento-manierismo.htm
- Cayetano Lupena
- http://es.wikipedia.org
- Revista tipográfica N° 24 Manierismo Tipográfico Martín Solomon 1994
Variaciones tipográficas I 119
Trabajo Práctico
- Curso Practico de Diseño Grafico por ordenador. Ed. Genesis S.A., 1991.
- http://es.wikipedia.org/wiki/Caligrama
- http://redescolar.ilce.edu.mx
- GUILLAUME APOLLINAIRE. imágenes.
- www.animacion.com
- http://es.wikipedia.org/wiki/Animacion
- http://letritas.blogspot.com
- www.wolkoweb.com.ar, Señaletica-Germán Díaz Colodrero
- http://www.arqhys.com/articulos/renacimiento-manierismo.htm
- CAYETANO LUPENA
- http://es.wikipedia.org
- JORGE FRASCARA. El diseño de comunicación, Ed. Infinito, 2006.
- GUILLERMO GONZÁLEZ RUIZ. Estudio de Diseño, Ed. Emecé, 1994.
- FRANCISCO GÁLVEZ PIZARRO. Educación Tipográfica, Ed. TpG, 2005.
- JOAN COSTA. Señaletica, Ed. Ceac, 1987.
- JOAN COSTA. Imagen Global, Ed. Ceac, 1987.
Curriculum I 123
Sergio A. Ricupero