Page 1

DEA

Diseño Editorial Avanzado

Introducción al Diseño Editorial Avanzado

1


Diseño Editorial Avanzado

Golpe de Vista

Llave o clave de diseño

inercia cerebral

herramienta básica para el diseño editorial

1 1

A

cto psicológico que se caracteriza por reaccionar automaticamente poniendo la atención en un ”plano”. Es una reacción del cerebro que dura .07 segundos.

Acción del cerebro

21 43

Golpe de vista con nota principal

2

Golpe de vista con publicidad

Sólo para las culturas donde se lee de izquierda a derecha. Al diseñar debemos tomar en cuenta el área que verá primero el lector para que nuestro diseño funcione adecuadamente y transmita el mensaje que deseamos. Ver - Ojos Observar - Cerebro 2

L

a llave de diseño fué creada por el Instituto Mexicano de Diseño Editorial Avanzado, con la finalidad de facilitar la creación de medios informativos, tomando en cuenta el equilibrio y armonía de imágen-texto-imágen, y así mismo transmitir un mensaje adecuadamente. La clave o llave de diseño también está diseñada para que el editor use su creatividad, al permitir miles de opciones para crear plantillas de Diseño Editorial. Hasta la fecha se deduce que existen hasta 10 mil posibilidades para usar esta herramienta.

Se aprovecha el golpe de vista para colocar la información más importante, en este caso la nota principal.

2

Si hay publicidad le damos preferencia para aprovechar el golpe de vista.

1 1

A

B

A

2 2

21 21 3 4 4 3

Clave de diseño con imágen horizontal

Clave de diseño con imágen vertical

B

3


Diseño Editorial Avanzado

Diseño por Bloques imágen-texto-imágen Pasos:

1 1

Colocar la foto principal DAE NEWS

a a

4

Técnica ¨Diseño por Bloques en portada

2 2

Alinear la Llave de Diseño DAE NEWS

3 3

Realizar una triangulación de imágenes DAE NEWS

4 4

Agregar texto en los espacios DAE NEWS gnihilDunditiunti ium harunturi dictotat.Velloressit dolentio consequ idella con rempers piciducit et faccatiorem quae. Et ent ullores nobis recto tem quiae. Accuptat es ipsumque nis demquia de

gnihilDunditiunti ium harunturi dictotat.Velloressit dolentio consequ idella con rempers piciducit et gnihilDunditiunti ium dictotat. faccatiorem quae. Et ent ul- harunturi Velloressit dolentio gnihilconsequ idella con Dunditirempers piciducit et unti ium faccatiorem quae. harunturi Et ent ullores nobis dictotat.

b b

Técnica ‘‘Diseño por Bloques’’ en páginas interiores

5


Diseño Editorial Avanzado

Diseño por Módulos o Diseño Modular para encabezado de dos pisos o más Pasos:

E

s la segunda técnica del DEA y se selecciona al concluir la junta editorial de evaluación. Consiste en colocar módulos en verticales de 1 a 2 columnas contra módulos horizontales. A esta técnica se le conoce como ‘‘módulos encontrados’’.

4 8

4 Encabezado principal Se coloca el encabezado principal.

8 Texto y avisos En los espacios restantes se coloca texto (de tres a cuatro) y los avisos (de seis a ocho).

6

1 5 9 1 Esquema

Esquema de seis columnas en indesign.

5 Imágen principal Se integra al diseño la imágen principal.

9 Recursos de ajuste El modulo vertical puede contener un solo tema y llevar marco o pantalla en color o varios asuntos; pero, separados entre sí.

2 6

2 Decisión Si en la junta editorial de evaluación se determina usar el encabezado principal a dos o más pisos se selecciona esta técnica.

6 Imagen vertical Se coloca en la parte superior del módulo principal la imagen vertical.

3 7

3 Colocar módulo Con base en la dirección visual de las imágenes se coloca el módulo vertical a la izquierda o derecha.

7 Triangulación de imágenes Con base en las dos primeras imágenes, con efecto triangulo se colocan las demás imágenes de la portada.

2 4

10

10 Dirección visual e imágenes de ajuste

10

9

Se revisa la dirección visual de las imágenes y se pueden incluir otras para ajuste.

7

10 10

3 5 6

10

8

1 7


Diseño Editorial Avanzado

*Dato

Diseño por módulos verticales Cuando no hay una nota principal sobresaliente (Sábado y Domingo)

Día mas difícil para hacer un periódico es el sábado porque casi no hay notas

Pasos:

1 3 5

1 Esquema Esquema de seis columnas en indesign.

Se determina en la JEE los contenidos del módulo central o base.

3 Tema del módulo central

8

8 Dirección Visual

El tamaño mínimo de tipografía para los módulos izquierdo y derecho es de treinta y seis puntos.

Se revisa la dirección visual de las imágenes y equilibrio estético.

El módulo base abarca del cabezal hasta la parte inferior de la retícula.

6 Integración de modulos laterales

5 Equilibrio

8

7

7 Tipografía

4 Módulo base

El módulo central o base tiene un grosor de dos o tres columnas máximo si es de un solo tema. Ejemplo: Deportes y se utiliza un marco o pleca con colores de la sección. Al principio se utiliza imagen para equilibrar los otros dos módulos verticales.

Se diseña con equilibrio estético interior (imágen-texto-imagen) , en parte inferior se incluyen las portadas suplementos y/o revistas incluidas en edición dominical.

2 4 6

2 Decisión

su la de la

8

2

8

3

7 4 6

5

Los módulos izquierdo y derecho se integran con las informaciones e imágenes seleccionadas en la JEE.

8

1 9


Diseño Editorial Avanzado

Combinación de Módulos y Bloques Técnica UNAM 17/02/2011 Pasos:

P

ara llevar a cabo esta técnica, es necesario: Colocar la foto al lado izquierdo o derecho, el encabezado a dos pisos, abajo dos artículos relacionados con la foto y finalmente hacemos la clave de diseño al lado de la foto. A continuación se detallará cada uno de los pasos.

4 8

4 Aristas de la llave Se extienden o proyectan las aristas o vectores de la llave.

8 Imágen complementaria Con equilibrio visual se coloca una imagen complementaria en el módulo superior horizontal.

1 5 9

1 Esquema Esquema de seis columnas en indesign.

5 Imágenes 2 y 3 El centro de los arcos (de la llave de diseño) se colocan en un lugar aproximado las imágenes dos y tres de la portada.

9 Dirección Visual Se revisa la dirección visual de las imágenes.

2 6

2 Decisión Se recomienda usar esta técnica cuando en la JEE se seleccionó una foto principal at dos columnas con avisos de complemento.

6 Texto

El centro de los arcos (de la llave de diseño) se colocan en un lugar aproximado las imágenes dos y tres de la portada.

3 7

3 Llave de diseño En el módulo de la imágen se alinea la llave de diseño.

7 Avisos

Se recomienda colocar en la parte inferior o escuadra los avisos.

4

2

10

10 Avisos al centro Los avisos de la foto uno llevan equilibrio visual al estar colocados al centro de la página.

6 4

9

8

5 7

1 10

4

3

4 11


Diseño Editorial Avanzado

Tipografía diseño, forma y tamaño Familias tipográficas:

Romana:

Se caracterizan por contrastar rasgos suaves y fuertes por el uso de remates. Dentro de esta familia, existen otros subgrupos que son el antiguo, de transición, el moderno y la de libro.

Caligráfica:

Esta familia suele ser también redonda pero inclinada hacia la derecha. Con ella se imitaban a los trazos realizados a mano alzada.

Gótica:

Se caracteriza por un aspecto sólido con ángulos acusados, trazos marcadamente perpendiculares y por lo general, con una ornamentación profusa lo que la hace casi ilegible.

Ornamental:

Son aquellas sumamente ornamentadas y usualmente se utilizan en libros para iniciar el capítulo.

De estilo:

Recibe este nombre ya que, en ella se ve reflejadao el es-tilo arquitectónico de la época en que se crea la fuente tipográfica.

Palo seco o grotesca:

Son monótonas y con muy poco o nulo contraste en sus rasgos, además de que son carentes de remates. 12

Midiendo tipográfias:

Tipómetro:

Es la escala para medir tamaño de letras, grosor de columnas de texto, imágenes, medianiles y los demás elementos de las artes gráficas. La medida base es el cuadratín.

El cuadratín:

Se divide en doce puntos, los cuales dan origen al tamaño de la tipografía.

Líneas ágatas:

Sirven para medir la publicidad en un medio impreso. Equivale a un renglón de texto a nueve puntos a una columna.

Costos (ejemplo periódico reforma) 1 línea ágata en interiores = $100 pesos 1 línea ágata en portada = $1000 pesos En forma ascendente se empieza a usar el sistema métrico decimal.

Los medianiles:

Es el único espacio que se mide en cuadratines.

La tipografía:

Solo utiliza puntos de cuadratín para su medición.

13


Diseño Editorial Avanzado

Diseño de Interiores para periódicos tabloides y estándar en el criterio del equilibrio visual Partes de las páginas interiores:

1

1 Cornisa

Pleca superior de una página de interiores.

5

5 Sección

Es la designación de la parte del periódico correspondiente. Pleca superior de una página de interiores.

2

2 Folio

Es el número de la página y se recomienda colocarlo en la parte superior y a la orilla de cada extremo.

6

6 Triangulación

Triangular las imágenes para así tener equilibrio visualç

3

3 Márgenes

Son los límites, arriba, abajo, izquierda, derecha de la página. Cada medio impreso tiene sus propias dimensiones.

7

7 Logo o nombre

del periódico

Es la identificación del medio.

4

4 Fecha

Es el nombre del día, su número, mes y año correspondientes.

5

9

pares

en

La publicidad fraccionada se coloca hacia la izquierda.

14

10 10

En la JEE

El encargado o jefe de sección toma nota de las informaciones que llevan aviso en la portada para convertirlas en las principales de sección.

11 11

Distribución

Con base en el espacio de las páginas interiores se distribuyen las informaciones e imágenes en las secciones.

8

6

impares

(las más cotizadas y costosas) la publicidad fraccionada se coloca a la derecha (golpe de vista).

12

Cabeceo

Interpretativo y/o declarativo.

12

3 10

8 Publicidad en

12

7

1 6

11

9 9 Publicidad

2 4

3

15


Diseño Editorial Avanzado

Diseño de periódico estándar se diseña con base a páginas contiguas Pasos:

1 3 5

1 Esquema Se utiliza retícula a seis columnas en páginas con información ordinaria y de cuatro a cinco con contenidos especiales como páginas editoriales, reportajes y publicidad.

3 Cabeza principal

No deberá rebasar los puntos de la cabeza principal de la portada del impreso. Excepto las secciones de deportes y espectáculos (los lectores de estas secciones tienen diferente perfil.

5 Cabeza secundaria

Irá a 36 puntos de uno o dos pisos.

16

2 4 6

2 Tipografía

Las secciones de espectáculos y deportes (secciones soft) pueden llevar tipografías grandes.

7

7 Cabezas a una columna

La tipografía se usará a 24 puntos.

8

8 Revisión

Se analiza la dirección visual de las imágenes. Se revisa el equilibrio visual: imágen-textoimágen de derecha a izquierda y de arriba abajo.

4 Puntos de tipografía de la cabeza

A una sola línea la cabeza irá a 50 pts; a 2 pisos en 48 puntos cada piso.

6 Cabezas complementarias

Irán a 30 puntos de uno o dos pisos.

17


Diseño Editorial Avanzado

Tabloides

Técnicas de Diseño para Tabloides

ahorro significativo

las más usadas en la actualidad

E

l uso de formato o corte tabloide se ha generalizado. Salvo casos como el periódico Reforma, la mayoría de los diarios impresos que han surgido en los últimos quince años son tabloides, debido a que requieren la mitad de papel y permiten diseños más fáciles de elaborar, tanto en portada como en interiores. Un tabloide es igual a la mitad del pliego de un periódico estándar.

•Imágen a todo lo ancho. •Imágen a todo lo alto. •Diseño por módulos. •Diseño UNAM. •Diseño combinado por bloques.

Ventajas: Papel:

Utilizan entre el 25% y 50% de papel de un periódico estándar.

Costos:

Una tonelada de papel esta en $10,200 más IVA = $12,000 aproximadamente. El universal gasta 58 toneladas. La jornada 116 mil toneladas de papel

Producción:

Jornada $4.80 Universal $21

Insumos secundarios: Láminas de pre prensa $100 por lámina

18

Jornada 16 láminas Universal 60 láminas

Químicos y nómina: Estándar 60 editores y coeditores aprox. Tabloide 18 editores y coeditores aprox.

Tiempo de producción: Estándar a las 18 horas Tabloide a la 1 am Record de maniobrabilidad

19


Diseño Editorial Avanzado

Imágen a todo lo ancho

*Dato

iniciada por periódicos deportivos Pasos:

1 4 8

1 Módulos

Consta de tres módulos horizontales.

4 Módulo inferior

Está integrado por avisos y/o publicidad.

8 Tema

La cabeza e imagen principal son de un mismo tema.

20

2 5 9

2 Módulo superior

Lo constituyen el cabezal y/o avisos.

5 Suma

La suma de los módulos superior e inferior debe ser del 30% al 35% a lo alto de la página.

9 En la JEE (en periódico vespertino)

Se selecciona la imágen y se da perfil al encabezado principal.

3 6

El término amarillismo viene de yellow un periódico de Chicago.

3 Módulo central

Lo integra la imagen a todo lo ancho y el encabezado principal.

6 El módulo central

Será de 65% al 70% del espacio de la portada.

7

7 Tipografía

La tipografía de la cabeza principal de 120 a 240 puntos.

10

10 Módulo superior

Se colocan los avisos más importantes.

21


Diseño Editorial Avanzado

Imágen a todo lo alto iniciada por periódicos deportivos Pasos:

1 5

1 Módulos

Consta de tres módulos horizontales, tanto el módulo superior como el inferior no rebasarán el 15 por ciento de ancho..

5 Avisos

Los avisos superiores constarán de cabeza con imagen silueteada o delineada. Se sugiere agrear entre dos y cuatro avisos en la parte superior.

22

2 6 2 Cabeza

La cabeza principal va junto, o dentro de la imágen.

6 El módulo central

Será de 65% al 70% del espacio de la portada.

3 7

3 Medida de la tipografía

La cabeza principal será de 120 puntos (10 cuadratines).

7 Cabezal

El cabezal deberá sobresalir en la parte superior. Hay ediciones que incluyen publicidad o más avisos en este espacio.

4 8

4 Sumarios

Los sumarios de la nota principal serán, en promedio, el 25 por ciento del tamaño o de 18 puntos y de no más de cuatro palabras cada uno.

8 Modulo inferior

El módulo inferior contendrá avisos sólo con texto o un cintillo inferior.

23


Diseño Editorial Avanzado

Técnicas de Cabeceo introducción a textos

E

Cabeceo interpretativo (Periódico Reforma). Cabeceo declarativo (La Jornada). Cabeceo temático (Secciones Financieras e Internacionales). Cabeceo analítico (Revista Proceso).

s realizar y desarrollar una idea novedosa, trascendente e interesante que induzca a la lectura de textos periodísticos.

Cabeceo interpretativo

Empiezan con verbo presente consiste en interpretar para el lector el suceso trascendente y novedoso o relevante de una información. Además “se adelanta” a los medios electrónicos, en la medida de lo posible al advertir las consecuencias de la información.

Pasos:

•Leer todo el texto. •Conocer la ubicación del encabezado dentro de la página (principal, seccionada, complementaria, etc.). •En la medida de lo posible iniciar con verbo en presente el encabezado. •No repetir conceptos en el encabezado (no repetir la misma palabra inicial). •El puntaje o tamaño de la cabeza principal será el mayor después del cabezal. •Cuando un encabezado sea de dos o más pisos se deben cuadrar los renglones. •Se pueden combinar abreviaturas, 24

siglas y acrónimos para citar instituciones. •Los artículos definidos (el, la, los las) e indefinidos (un, uno, una, unos), se pueden incluir o eliminar para cuadrar los pisos de un encabezado. •Se pueden utilizar simbologías en anglicismos y en cifras sintetizadas. Ejemplo: 125 MDD en reservas Monetarias Banxico Crack bursátil Por crisis en EU •El cabeceo periodístico no aplica las reglas gramaticales del español, los signos de puntuación se utilizan para ganar espacio. Ningún encabezado termina en punto.

•Los acrónimos solo llevan mayúscula en la primera letra. Ejemplo: Pemex, Telmex. Las siglas todas en mayúscula. Ejemplo: UNAM, PAN, etc. •Se utilizan conceptos y palabras precisas. •Uniformidad en tiempos verbales.

Cabeceo Declarativo

Es la técnica “tradicional del cabeceo”, debido a que incluye a la fuente informativa responsable. Ejemplo: Matamos Bin Laden: Obama Se utiliza cuando la información es muy importante o el declarante tiene un alto cargo de jerarquía, además, cuando hay una declaración muy grave o comprometedora. Autocorrección: Pasos: •El encabezado debe ser entendible. •Se lee todo el texto. •Utilizar verbos contundentes. •Se identifica a la fuente informativa. Ejemplo: Exige por pide, Solicita •Se selecciona la frase o dato contundente. por demanda o reclama. •La diferencia entre dos pisos puede •Se ubica el lugar donde va ser entre dos (+ o -) caracteres. a ir (secundaria, principal,

complementaria, etc.). •Se interpreta la idea general sin sacarla de contexto. •En los casos que se pueda, empezar con verbo y en presente el encabezado. •La fuente informativa puede ser al principio o al final del encabezado. •Por cuestión de estilo se puede utilizar : , ; , .-, y, para enlazar al declarante. •Se pueden utilizar siglas, acrónimos, cifras condensadas o resumidas y datos resumidos. •Cuando el encabezado es de dos o más pisos se sugiere cuadrarlos o alinearlos.

Signos de Puntuación en el Cabeceo

•Se usa la coma para sustituir un verbo compuesto. Ejemplo: Fue aprobada la nueva ley de migración Aprobada, nueva ley de, migración •Se usa coma antes de un verbo de

una fuente informativa. Ejemplo: Matamos a Bin Laden, Confirma Barak Obama •Se usan dos puntos para cabeceos declarativo y temático. Ejemplo: Matamos a Bin Laden: Obama Liguilla: Pumas Monterrey, Casi un final adelantado Japón busca otros 1200 desaparecidos •Se usa punto y coma para agregar una idea complementaria al cabeceo. Ejemplo: Aprobada, nueva ley De migración; habrá Policía fronteriza Muerto, Bin Laden; Festejos en Nueva York •Nunca va punto final después de un encabezado.

•No se repiten palabras en una cabeza. •Neologismos o anglicismos se utilizan con cursivas Ejemplo: BOOM bursátil mundial Por la muerte de Bin Laden •Por cuestión de ajuste se pueden utilizar comillas (o una sola), para cabeceo declarativo. Ejemplo: “Nos dieron la orden de matarlo”: comandos

Cabeceo temático

Se utiliza para reportajes, crónicas y géneros de opinión, ya que la técnica es propicia para explicar temas varios de actualidad y trascendencia.

Cabeceo analítico

Esta es la cuarta técnica del cabeceo. Se utiliza para cró- nicas y géneros de opinión, ya que la técnica es propicia para explicar temas reflexivos de actualidad y trascendencia. 25


Diseño Editorial Avanzado

Revistas

Partes de una revista:

un gran negocio (2003-2023).

Empleado:

Sueldo mensual: Total:

2

3

4

5

6

7

8

Pliegos de múltiplos de cuatro (16, 32, 48,64,… páginas).

Costos: Catorcenal / 64 páginas Tabla de costos: 1 millón

1

1 Interiores:

Ingresos:

•Páginas interiores 32 de publicidad a $100mil página completa •Forros $200mil contraportada $150mil forros 2 y 3 Total de $3.7 millones catorcenal y $7.4 millones mensual Publicista = 20% en publicidad = 1.8 millones Impuesto del IVA y ietu 16%

3 Retículas o

Perfil o Target:

Sueldo: Nivel con base al cultural: salario minimo Crédito:

dummie:

Se hace un boceto de la paginación, en este se coloca un esquema del posicionamiento de imagen-textopublicidad.

2 Portadas:

Forros, las cuatro páginas que cubren los interiores. El gramaje de estas es mayor entre el 20% y 50%..

4 Páginas cen-

trales:

Se venden o se coloca un tema especial.

Ganancia:

de 5 millones

Clave para el negocio de la revista: Características: •Tema original.

•Reparto gratuito.

Producción:

20 mil ejemplares = $ 9.70 c/u Redondeo $ 10.00 Costo catorcenal = $ 200 000 Por mes = $ 400 000

Insumos:

Costo:

•Certificar la publicación. •Mediante agentes de publicidad instalar la publicación en centrales de medios (agencias de publicidad). •Es “aceptar” el papel protagónico del publicista. •Clasificar el perfil o target del lector en nivel alto: (AAA) – A2 A2 A2

26

5 Tema principal

de la revista:

Se pone al inicio de la revista o en páginas centrales. Revistas culturales o de esparcimiento: centrales. Revistas políticas: inicio.

7 Equilibrio visual:

Distribución de texto e imágen.

6 Distribución de

la publicidad:

Se coloca en lugares estratégicos aprovechando el golpe de vista y los temas situados en esas páginas.

8 Control de

tiempo:

•Entrega de texto •Diseño •Corrección 27

libro1  

Introducción al Diseño Editorial Avanzado Diseño Editorial Avanzado 1