cátedra de producción gráfica · pdf filetipografía que crean...

44
Escuela de Ciencias de la Información – UNC Cátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012 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/ Cátedra de Producción Gráfica [email protected]

Upload: dangliem

Post on 20-Mar-2018

221 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

Profesor asistente: Mariana MinerviniE-mail: [email protected] de consulta: viernes de 15 a 17 hs Sala de profesores de la ECI

http://graficaeci2012.wordpress.com/

Cátedra de Producción Gráfica

[email protected]

Page 2: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Escuela de Ciencias de la Información – UNCCá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.

Page 3: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

[email protected]

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.

Page 4: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

[email protected]

¿Qué es lo que vamos a organizar y cómo lo vamos a organizar?

• La tipografía• El color• Imagen• La composición

Page 5: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

[email protected]

La composición de la diagramación:

• La orientación de lospesos visuales: verticalidad u horizontalidad

• La tensión “fuerza” que atrae la vista del espectador hacia cierto “lugar” de una imagen

Page 6: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

• Ritmo: repetición secuencial de un conjunto de elementos

• Equilibrio: una composición se encuentra en equilibrio, si los pesos de los distintos elementos que la forman se compensan entre sí.

Simetría

Asimetría

Simetría natural

Page 7: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Escuela de Ciencias de la Información – UNCCá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 lecturaLa superposición rompe el

orden de lectura

Page 8: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

Tamaño

color

La forma

La ubicación

Page 9: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

[email protected]

BOCETO

Page 10: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

[email protected]

• 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.

RETÍCULA

Page 11: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

[email protected]

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.

Page 12: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

PARTES DE LA RETÍCULA 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

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.

Las columnas: son alineaciones verticales de tipografía que crean divisiones horizontales entre los márgenes

Las zonas espaciales: son grupo de módulos que, en su conjunto forman campos claramente identificables

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

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

Page 13: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

[email protected]

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.

Page 14: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

[email protected]

Diagrama de Villard de Honnecurt, permite determinar la mancha y los márgenes de la página

Page 15: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

[email protected]

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.

Page 16: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

• 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 – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

Page 17: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Retícula de Manuscrito

Page 18: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

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)

Retícula de Manuscrito

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

Page 19: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

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

Retícula de Manuscrito

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

Page 20: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

• 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

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

Page 21: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Retícula de Columnas

Page 22: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Retícula de Columnas

Page 23: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman
Page 24: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman
Page 25: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

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.

Retícula de Columnas

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

Page 26: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

• 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

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

Page 27: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Retícula Modular

Page 28: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Retícula Modular

Page 29: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Retícula Modular

Page 30: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

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.

Retícula Modular

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

Page 31: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

• 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 – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

Page 32: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Retícula Jerárquica

Page 33: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

• 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.

Variación

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

Page 34: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman
Page 35: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman
Page 36: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman
Page 37: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman
Page 38: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman
Page 39: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman
Page 40: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Escuela de Ciencias de la Información – UNCCá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 aspectofuncional y estético de la pieza gráfica.

2) Dividir este marco en tantas columnas como la propuesta requiera

Page 41: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

3) El espacio entre las columnas, conocido como calles verticales, debe tener una medida específica, que posteriormentese 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 interlineadodel texto principal

Page 42: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

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 altode una línea de texto (si el cuerpo principal es 10/12, las calles horizontales tendrán 12 pts.)

Page 43: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012

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

Page 44: Cátedra de Producción Gráfica · PDF filetipografía que crean divisiones horizontales entre los márgenes Las zonas espaciales: son grupo de módulos que, en su conjunto forman

Escuela de Ciencias de la Información – UNCCá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