DISEO EDITORIAL

UNA HERRAMIENTA DE COMUNICACIN VISUAL

Receptor: cliente, jurado.
Emisor: diseador.
Mensaje: habilidades del diseador.
Medio: folleto, libros, revistas, catlogos, etc.
UNA PIEZA DE IDENTIDAD
Forma parte de un sistema de comunicacin ms amplio.
UN SISTEMA DE COMUNICACIN EN SI MISMO, REPRESENTATIVO
DEL DISEADOR, DEL EQUIPO.

QUE ES?

DISEO EDITORIAL

UNA HERRAMIENTA DE COMUNICACIN VISUAL

Receptor: cliente, jurado.
Emisor: diseador.
Mensaje: habilidades del diseador.
Medio: folleto, libros, revistas, catlogos, etc.
UNA PIEZA DE IDENTIDAD
Forma parte de un sistema de comunicacin ms amplio.
UN SISTEMA DE COMUNICACIN EN SI MISMO, REPRESENTATIVO DEL
DISEADOR, DEL EQUIPO.

QUE ES?

CARACTERISTICAS

TAMAO Y FORMA
MANIPULACION Resistente y fcil operacin
TAPA Resistente
HOJAS Semi-mate / semi-brillante / coteado 90 grs., 120 grs.
CANTIDAD Hojas / portadillas
PLEGADOS
ENCUADERNADO Buen sistema

COMO DEBE SER?

PAUTAS DE ARMADO
1ER ETAPA: REFLEXION, ANALISIS,
SELECCION Y FORMATO
REFLEXION: definir objetivo, definir perfil del emisor, definir perfil del receptor.
SELECCION DEL MATERIAL: que incluir y que no? cuanto incluir?
programas o temticas, tcnicas de representacin, escalas, etc.
INVESTIGACION DE CAMPO, ENTREVISTAS,
SELECCIN DE BIBLIOGRAFIA, DEFINICION DEL PRODUCTO
FORMATO: digital e impreso.

2DA ETAPA: ORDENAMIENTO, STORYBOARD,

INDICE
ORDENAMIENTO: establecer la secuencia de aparicin de los captulos/temas.
STORYBOARD: organizar el contenido de cada trabajo.
INDICE: paginar el storyboard.

COMO HACERLO?

RITMO
CLIMAX
ATRAPAR LA
ATENCION

ORDENAMIENTO:
establecer la secuencia
de aparicin de los
captulos/temas.

ATRAPAR LA ATENCIN

RITMO
CLIMAX
ATRAPAR LA
ATENCION

El ojo como DIANA: atencin visual difusa, el ojo es pura mecnica ptica,
inactiva, presa fcil de atrapar, capturar su atencin (ve pero no mira).
El ojo como RADAR: atencin activa, la mirada explora el entorno de seales
en busca de algo, funciona como un escaner.

ESTRATEGIAS DE LA MIRADA:
el ojo como diana y radar

ATRAPAR LA ATENCIN
Costo temporal y atencional promedio
comparados segn la presencia relativa de
la imagen y el texto
Medio de Comunicacin
Grfica

Tiempo de
Percepcin-Lectura

Predominio relativo
Imagen-Texto

CARTEL

1-2 seg.

IMAGEN

AVISO

2-4 seg.

FOLLETO DOS CARAS

8-10 seg.

CATLOGO (8 pags.)

20-30 seg.

MANUAL DE INSTRUCCIONES 40-100 seg.

TEXTO

El Costo temporal y el esfuerzo atencional aumentan con la presencia progresiva del

texto (cantidad de texto, dificultad de lectura) y el nmero de pginas.

ESTRATEGIAS DE LA MIRADA:
el ojo como diana y radar

STORYBOARD

STORYBOARD: organizar el contenido

de cada trabajo.

STORYBOARD

STORYBOARD: organizar el contenido

de cada trabajo.

INDICE
Introduccin

05

Captulo 1_Boceto
Bocetos conceptuales
Bocetos analticos
Bocetos perceptivos

07
09
17
23

Captulo 2_Escala
Escala de detalle
Escala de interior
Escala de edificio
Escala urbana

25
27
51
55
59

Captulo 3_Maquetas
Materiales
Maquetas fsicas
Maquetas cad

63
65
71
81

Conclusin
Glosario

93
95
INDICE: paginar el storyboard.

PAUTAS DE ARMADO

3ER ETAPA: MAQUETADO

PUESTA EN PAGINA / PANTALLA: diagramacin, tipografas, cdigo de
comunicacin, escalas de grficos, manejo de colores, fondos de pgina.
TECNICA DE REALIZACION: artesanal (fotocopia, recorta y pega), digital.
ARMADO: tcnica de encuadernado, eleccin del papel y la imprenta,
realizacin de tapas, cartula y adhesivo para cd.

COMO HACERLO?

PROCESO DE COMPOSICIN DE UNA PGINA

PREVIAMENTE:
BRIEFING (objetivos, idea)
BOCETO (idea conceptual, efecto deseado del diseo)
MAQUETA PRELIMINAR (storyboard)
CONTENIDO DEFINITIVO
TEXTOS REDACTADOS
IMGENES ESCOGIDAS

COMO HACERLO?

PROCESO DE COMPOSICIN DE UNA PGINA

FORMATOS DEL PAPEL

IMPORTANTE PARA EL DISEO, LA ELECCION DEL PAPEL,
para evitar recortes de desecho.
El papel es suministrado en rollo o en hojas, empaquetadas
en resmas.
FORMATOS NORMALIZADOS, DIN (Instituto de Normalizacin
Alemn), ISO (Organizacin Internacional de Normalizacin o
Standarizacin), Serie A, y Serie B (ISO/DIN).
FORMATO DE REFERENCIA DE LA SERIE A, ES EL A0 (1 mt2
de rea).
Las clases 0 a 8, indican el nmero de veces que se ha
dividido el formato A0 inicial.

COMO HACERLO?

PROCESO DE COMPOSICIN DE UNA PGINA

FORMATOS DEL PAPEL

DIVISIONES DE UNA HOJA A (Normas ISO)
841 x 1189

594 x 841

420 x 594

210 x 297 297 x 420

COMO HACERLO?

PROCESO DE COMPOSICIN DE UNA PGINA

GRAMAJE DEL PAPEL

OSCILA ENTRE 7 GR./M2 Y 225 GR./M2
PAPELES DE IMPRESIN

aprox. 40 g/m2

PAPEL DE PERIODICO

aprox. 50 g/m2

PAPEL DE CARTELES

aprox. 60 g/m2

PAPEL IMPRESORA COMUN

aprox. 75 g/m2

PAPEL IMPRESORA COMUN HQ

aprox. 90 g/m2

PAPELES ARTE

aprox. 135 g/m2

CARTULINAS

mas de 225 g/m2

COMO HACERLO?

PROCESO DE COMPOSICIN DE UNA PGINA

OTROS ITEMS EN LA
ELECCION DEL PAPEL

ACABADO O TERMINACION
TEXTURA Y DIRECCION DE LA FIBRA
TIPOS DE PAPEL/CALIDADES
PAPELES SEGN SU USO Y SISTEMA DE REPRODUCCION
PLEGADOS/TROQUELADOS/GUILLOTINADOS/ENCUADERNACION
NOTA: Si se va a hacer un guillotinado frontal, prever pestaas y encartes de
aprox. 1 a 2 mm ms pequeos que el formato final del libro (hojas
interiores).
Para evitar errores en el guillotinado en reas de imgenes diseadas a
sangre, se adicionan 3 mm de recorte adicional.

COMO HACERLO?

PROCESO DE COMPOSICIN DE UNA PGINA

ENCUADERNACION

Cosido o grapado

Grapado en bloque
EL SISTEMA DE ENCUADERNACION
TAMBIEN AFECTA MI DISEO, YA QUE
SEGN EL ESCOGIDO, SE NECESITARAN
MAYORES O MENORES MARGENES , ETC.

Cosido

Espiral

Canutillo plstico

Pegado de bloque

PROCESO DE COMPOSICIN DE UNA PGINA

PASOS RECOMENDADOS EN UN DOCUMENTO NUEVO:

1 Ajustar el formato de la pgina.
4 Crear el documento.
5 Definir la caja del texto.
6 Ajustar la caja de diseo con el texto y los elementos estilsticos.
7 Compaginacin y correcciones finales.

COMO HACERLO?

PROCESO DE COMPOSICIN DE UNA PGINA

TIPOGRAFIA
TAMAOS DEL TIPO
FACTORES QUE LO DETREMINAN:
- Finalidad para la que se utilizar
- El medio o soporte
- Caractersticas estilsticas de la fuente tipogrfica
TAMAOS DE REFERENCIA
3 GRUPOS:
- 5 a 8 pts.: notas al margen / notas al pie / referencias
- 9 a 12: tamaos de texto de caja / tipo bsico
- Mayor a 14: titulares / rtulos / carteles / afiches

COMO HACERLO?

PROCESO DE COMPOSICIN DE UNA PGINA

PERCEPCION Y COMPORTAMIENTO EN LA LECTURA
Nuestros ojos estn quietos por un momento, fijos en un
punto, y en su entorno inmediato, o realizan saltos cortos
que duran entre 20 y 35 milisegundos.
La longitud de los saltos depende de la dificultad del texto y
abarcan de siete a nueve letras.
Otro punto es que no individualizamos letras al leer, sino
palabras y grupos de palabras, y obtenemos la informacin
principal de la parte superior de la escritura

Los saltos sacdicos son movimientos en forma de saltos

italica
RECORDAR TAMBIEN EL PALMO VISION

COMO HACERLO?

PAUTAS DE ARMADO

4TA ETAPA: EJECUCION

Armado del producto editorial pgina por pgina. Armado del
producto digital en su totalidad. Elaboracin de las tapas del
editorial y del CD.
Pruebas de impresin y papel. Pruebas de animaciones, efectos y
msica.

5TA ETAPA: IMPRESION Y ENCUADERNADO

Impresin del editorial y grabado del CD con programa de
visualizacin.
Grabado de CD o adhesivo.
Encuadernado del editorial.

COMO HACERLO?

EJEMPLOS/DIFERENTES COMPOSICIONES

CUADRICULA SIMETRICA

EJEMPLOS/DIFERENTES COMPOSICIONES

CON DISTINTOS TIPOS DE PAPEL

EJEMPLOS/DIFERENTES COMPOSICIONES

Algunas imgenes cortadas,

que ocupan doble pgina,
para dar la sensacin de mayor espacio.

EJEMPLOS/DIFERENTES COMPOSICIONES

CON EL TITULO CENTRADO

EJEMPLOS/DIFERENTES COMPOSICIONES

CON UN MODULO CONFORMANDO

LA CUADRICULA.

EJEMPLOS/DIFERENTES COMPOSICIONES

CONSEGUIR QUE LAS IMGENES

COMUNIQUEN DE UN MODO DIRECTO.

EJEMPLOS/DIFERENTES COMPOSICIONES

PAGINAS CON TEXTOS DE DISTINTA

GERARQUIA

EJEMPLOS/DIFERENTES COMPOSICIONES

PAGINAS SIMETRICAS Y CENTRADAS.

EJEMPLOS/DIFERENTES COMPOSICIONES

JUGANDO CON LA IMAGEN CORTADA CON

DISTINTOS PAPELES.

EJEMPLOS/DIFERENTES COMPOSICIONES

JUGANDO CON EL DOBLES DEL LIBRO PARA

ENFATIZAR LA IMAGEN

EJEMPLOS/DIFERENTES COMPOSICIONES

PAGINAS CORTADAS PARA QUE EL USUARIO

JUEGUE INTERCAMBIANDO PARTES.

AUTOEVALUACION

LA FORMULA AIDA
(El modelo bsico de una comunicacin eficaz)
4 fases por las que un cliente/docente/jurado,
debe pasar antes de decidir hacer una compra:
1.(A) Atencin
2.(I) Inters
3.(D) Deseo
4.(A) Accin

=
=
=
=

atraer la atencin
promover el inters
fomentar el deseo
provocar la decisin de comprar

LA COMUNICACIN SE BASA EN EL MODELO

EMISOR RECEPTOR

CUANDO ESTA PRONTO ?

AUTOEVALUACION

PREGUNTAS ESENCIALES
-Quin dice .? (emisor, comunicador)
-Qu ..? (mensaje, contenido)
-A quin ? (receptor, grupo objetivo)
-Cmo, a travs de qu..? (medio, soporte, etc)
-Para qu efecto? (reaccin, impacto)

CUANDO ESTA PRONTO ?

AUTOEVALUACION

Su impreso muestra todo lo que usted haba planteado en sus objetivos?

Cumple con el eje principal del curso?
Es su impreso impecable y prolijo en su presentacin / diagramacin?
El contenido de su impreso muestra una visin coherente frente al diseo
presentado?
Estn demostradas sus capacidades conceptuales?
Estn demostradas sus capacidades de expresin grfica o representacin en
diferentes tcnicas?
Estn demostradas sus capacidades tcnicas?

CUANDO ESTA PRONTO ?

AUTOEVALUACION

Hay evidencia de un desarrollo de capacidades adquiridas en el curso?

Su impreso combina buenos diseos con buenos textos?
Los captulos que integran su producto impreso se muestran como partes de un
mismo sistema?
Ha pulido suficientemente la secuencia del storyboard?
Su producto muestra claramente su propuesta?
El tema elegido tiene una clara pertinencia respecto al curso?
En la investigacin presentada se realiza algn aporte original?

CUANDO ESTA PRONTO ?

BIBLIOGRAFIA
Ambrose, Gavin y Harris, Paul. Layout.
Bergstrm, Bo. Tengo algo en el ojo.
Berryman, Greg. Designing creative portfolios.
Costa, Joan. Disear para los ojos.
Farrelly, Lorraine. Tcnicas de representacin. Fundamentos de arquitectura 01.
Fiell, Peter. Graphic design. Taschen
Gestalten. El pequeo sabelotodo.
Linton, Harold. Diseo de portfolios. Proyecto & gestin.
Munari, Bruno. Diseo y comunicacin visual.
Scher, Paula. The graphic design portfolios.
Simmons, Jason. Manual del Diseador.
Wiedemann, Julius. Web Design: Flash Sites. Taschen
Wiedemann, Julius. Web Design: Studios. Taschen
Wong, Wucius. Fundamentos del Diseo.

THE END

EL FIN