cátedra de producción gráfica · pdf filetipografía que crean...
Post on 20-Mar-2018
224 Views
Preview:
TRANSCRIPT
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: minervini.mariana@gmail.comHorario 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
minervini.mariana@gmail.com
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.
Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012
minervini.mariana@gmail.com
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.
Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012
minervini.mariana@gmail.com
¿Qué es lo que vamos a organizar y cómo lo vamos a organizar?
• La tipografía• El color• Imagen• La composición
Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012
minervini.mariana@gmail.com
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
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
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
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
Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012
minervini.mariana@gmail.com
BOCETO
Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012
minervini.mariana@gmail.com
• 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
Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012
minervini.mariana@gmail.com
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.
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
Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012
minervini.mariana@gmail.com
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.
Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012
minervini.mariana@gmail.com
Diagrama de Villard de Honnecurt, permite determinar la mancha y los márgenes de la página
Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2012
minervini.mariana@gmail.com
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.
• 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
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)
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
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
• 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
Retícula de Columnas
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.
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
• 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
Retícula Modular
Retícula Modular
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.
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
• 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
Retícula Jerárquica
• 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
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
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
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.)
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
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
top related