retícula - Cátedra de Producción Gráfica 2012 ECI, UNC

Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
Cátedra de Producción Gráfica
Profesor asistente: Mariana Minervini
E-mail: [email protected]
Horario de consulta: viernes de 15 a 17 hs
Sala de profesores de la ECI
http://graficaeci2012.wordpress.com/
[email protected]
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
CONSIGNA DEL TP Nº 1: DIAGRAMACIÓN Y RETÍCULA
OBJETIVOS
•Comprender y ejercitar la retícula como metodología sistemática de diagramación
•Ejercitar la composición visual en la producción de piezas editoriales.
CONSIGNA
•El trabajo es grupal.
•A partir de dos artículos seleccionados por la cátedra deberán diagramar la retícula y
generar una composición visual. Se deberá seleccionar y utilizar al menos una imagen
por página. Bancos de imágenes gratuitas: http://www.flickr.com,
http://www.agefotostock.com
•Deberán identificarse los elementos de la página que la componen.
•El trazo de dichas retículas será hecho a mano (con lápiz negro, azul o rojo) en hoja
papel vegetal (manteca) o de calcar, que se adherirá por su parte superior a las hojas que
contendrán la distribución y diagramación del contenido, previamente impreso.
•Cada artículo (o un extracto del mismo, según la diagramación que se proponga) deberá
ser diagramado con diferentes tipos de retículas en una doble página (A3): tanto del
estilo de retícula Clásico Griego como Germano-suizo (seleccionar un estilo distinto para
cada artículo: columna, modular o jerárquico).
•Producto final: 4 dobles páginas (A3) con retícula y composición visual.
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
CRITERIOS DE EVALUACIÓN
Se tendrán en cuenta los siguientes aspectos:
•La prolijidad y coherencia con lo desarrollado en clase.
•Coherencia y cohesión de la propuesta general.
•Claridad del concepto a comunicar, legibilidad.
•El tiempo de entrega.
PLAZO Y FORMA DE ENTREGA:
•Primera fecha: jueves 12 de abril.
•En sobre papel madera con los nombres de los integrantes del grupo.
[email protected]
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
¿Qué es lo que vamos a organizar y
cómo lo vamos a organizar?
• La tipografía
• El color
• Imagen
• La composición
[email protected]
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
La composición de la diagramación:
• La orientación de los
pesos visuales: verticalidad
u horizontalidad
• La tensión “fuerza” que
atrae la vista del
espectador hacia cierto
“lugar” de una imagen
[email protected]
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
• Ritmo: repetición
secuencial de un
conjunto de
elementos
Simetría
• Equilibrio: una
composición se
encuentra en equilibrio,
si los pesos de los
distintos elementos que
la forman se compensan
entre sí.
Simetría natural
Asimetría
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
• Jerarquización: asignar valores a los elementos de la
página. Un elemento líder que se destaca por sus
atributos: tamaño, color, posición, orientación,
opacidad, orden de lectura.
Orden de lectura
La superposición rompe el
orden de lectura
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
Tamaño
color
M. Minervini – Trabajos Prácticos 2012
La forma
La ubicación
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
BOCETO
[email protected]
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
RETÍCULA
• Son guías para la alineación
y la distribución de los
elementos en un formato.
• Organiza todos los
elementos y los jerarquiza.
• Crea un orden intangible
que puede ser comprendido y
repetido por otras personas.
[email protected]
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
Los beneficios que reporta trabajar
con una retícula son:
• Calidad
• Eficacia
• Economía
• Continuidad
Una retícula aporta a la
maquetación un orden sistemático
y facilita al lector, distinguir los
diversos tipos de información.
[email protected]
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
PARTES DE
LA RETÍCULA
Las columnas: son
alineaciones
verticales de
tipografía que crean
divisiones
horizontales entre
los márgenes
M. Minervini – Trabajos Prácticos 2012
Los márgenes: son los
espacios negativos entre
el borde y el contenido
que rodean y definen la
zona “viva” o activa en la
que pueden disponerse la
tipografía y las imágenes
Las líneas de flujo: son
alineaciones que rompen el
espacio dividiéndolo en
bandas horizontales. guían
al ojo a través del formato
Las zonas espaciales:
son grupo de módulos
que, en su conjunto
forman campos
claramente identificables
Los módulos: son
unidades individuales de
espacio que están
separados por intervalos
regulares que cuando se
repiten en el formato de la
pagina, crean columnas y
filas.
Los marcadores: son indicaciones
de posición para texto subordinado o
repetido a lo largo del documento,
como los números de paginas o
cualquier otro elemento que ocupe
una única posición en una maqueta
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
RETÍCULA ESTILO CLASICO GRIEGO O TRADICIONAL
• Origen en el Renacimiento (libros de lectura)
•La estructura de la página tradicional se basa en la
construcción de los márgenes y las zonas vivas a partir de
principios matemáticos y geométricos griegos.
• Factor clave: la simetría.
[email protected]
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
Diagrama de Villard de Honnecurt, permite determinar la mancha y los
márgenes de la página
[email protected]
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
RETÍCULA ESTILO GERMANO SUIZA
• Origen en el siglo XX en Europa y bajo el impacto
de la revolución industrial.
•El estilo tradicional y germano-suizo pueden
combinarse y convivir.
• Estilo: retícula formada por campos e intervalos,
los márgenes se deciden después de ella. Los
campos dependen de la flexibilidad, el efecto que se
busca y, sobre todo, la naturaleza y número de
elementos a posicionar.
[email protected]
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
Retícula de Manuscrito
• Es la retícula más sencilla.
• La estructura base es un área grande y
rectangular que ocupa la mayor parte de
la página.
• Posee textos largos y continuos, como en
un libro.
Retícula de Manuscrito
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
Retícula de Manuscrito
Estructura Principal
- Bloque de texto y márgenes
Estructura Secundaria
-
Folio explicativo
Los Título de los capítulos
Numeración de las páginas
Notas pie de página (si es necesario)
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
Retícula de Manuscrito
Se debe prestar especial atención a la facilidad,
comodidad y motivación de la lectura:
• Estudio de la tríada: longitud de línea, cuerpo de
la tipografía e interlineado.
• Ajuste de las proporciones de los márgenes:
márgenes interiores amplios.
• El tratamiento de la información secundaria.
• El uso del color en la tipografía, el resaltado y la
alineación a la hora de percibir la jerarquía de la
información en la página
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
Retícula de Columnas
• Son flexibles. Las columnas pueden depender unas de otras
(texto corrido) o pueden ser independientes (pequeños
bloques de información).
• La retícula de 2 y 4 columnas: permite componer una
distribución equilibrada. Pueden surgir composiciones
demasiado simétricas.
La retícula de 3 y 6 columnas: Habitualmente se considera esta
retícula como la más acertada para el diseño de los folletos.
Proporciona columnas legibles, y además se tiene la opción,
que la de tres columnas se puede subdividir a su vez en 6
columnas.
Retícula de Columnas
Retícula de Columnas
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
Retícula de Columnas
En este tipo de retícula es importante cuidar:
• El ancho de columna en relación al cuerpo de
la tipografía en cada caso y las particiones de
palabra que origina.
• La medianil o espacio en blanco entre
columnas.
• Las líneas de flujo horizontales que guían al
lector por la página.
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
Retícula Modular
• Para proyectos más complejos.
• Es una retícula de columnas con un gran
número de líneas de flujo horizontales que
subdividen las columnas en fila, creando una
matriz de celdas denominadas módulos.
• La agrupación de módulos se denominan
zonas espaciales.
• Adecuada cuando hay mucha información.
Retícula Modular
Retícula Modular
Retícula Modular
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
Retícula Modular
En este tipo de retículas hay que prestar especial
atención a:
• Las proporciones y número de módulos utilizados
• Los márgenes y las medianiles
• La relación y subordinación de la información.
• Este tipo de retícula es favorable para el diseño de
información tabulada: cuadros, formularios,
programaciones, etcétera.
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
Retícula Jerárquica
• A veces puede necesitarse una retícula
“extraña” que no se corresponde con ninguna
categoría.
• Se adapta a la información que se organiza.
• Se analiza la interacción óptica entre
elementos situados de manera espontánea y
luego se elabora una estructura que los
coordine.
• Las páginas web constituyen ejemplos de
retículas jerárquicas.
Retícula Jerárquica
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
Variación
• La retícula funciona si todos los problemas pueden
resolverse y se mantiene el interés página tras
página.
• Cuando se tiene la retícula, es conveniente ordenar
todo el contenido del proyecto doble página por
doble página.
• Se debe crear una lógica rítmica o secuencial. Cada
doble página puede tener una presentación visual
propia pero a la vez, funcionar como parte de un
todo.
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
Retícula germano suiza
1) Trazamos la mancha a tamaño real
en alto y ancho, según el boceto que
previamente se consideró como aspecto
funcional y estético de la pieza gráfica.
2) Dividir este marco en tantas
columnas como la propuesta
requiera
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
3) El espacio entre las columnas, conocido
como calles verticales, debe tener una
medida específica, que posteriormente
se ajustará según el interlineado del texto
principal de la publicación, siendo una y
media o dos veces, el valor del interlineado
del texto principal
4) Luego se divide la columna en campos,
tantos como sean necesario, divididos ahora
por una línea simple.
En este ejemplo se muestran 3 divisiones,
pero la cantidad de campos es particular
para cada trabajo y su tamaño depende,
entre otros factores, de la imagen más
pequeña de la publicación. Ahora deberán
definirse el tipo de letra y el interlineado
del texto principal
M. Minervini – Trabajos Prácticos 2012
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
5) Una vez colocado el texto en la columna,
se controla la altura de los campos
bosquejados y se examina cuántas líneas de
las definidas pueden entrar en un campo.
Ej. 9 líneas de texto
Los campos se separan por una línea vacía
que denominamos calle horizontal.
Las calles horizontales tienen el alto
de una línea de texto (si el cuerpo principal es
10/12, las calles horizontales tendrán 12 pts.)
M. Minervini – Trabajos Prácticos 2012
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
6) La retícula queda conformada
por un total de 6 campos.
7) Las calles horizontales pueden
utilizarse para dividir los campos,
o simplemente se utilizan para el
texto conformando una sola
columna, en este caso de 29
líneas
M. Minervini – Trabajos Prácticos 2012
Escuela de Ciencias de la Información – UNC
Cátedra de Producción Gráfica – 4to Año
M. Minervini – Trabajos Prácticos 2012
PROXIMA CLASE: 12 DE ABRIL
• Traer resuelto el TP Nº1 por grupo
• Traer pendrive
• Contestar de forma individual la
siguiente pregunta:
¿Qué significa la deconstrucción
de la retícula? Traer un ejemplo de
un producto gráfico donde se
emplee la deconstrucción.
Timothy Samara