Diseño editorial y

diagramación

Cecilia Sozzi

Diseño editorialProyecto visual y funcional de una publicación.

Definiciones gráficas estables de carácter

comunicacional.

Incluye la adaptación de un producto a la necesidad

de sus usuarios y a los objetivos del medio, de sus usuarios y a los objetivos del medio,

cautivando a los destinatarios a través de la estética,

para todo lo cual se aplican conceptos técnicos y

criterio de usabilidad a la forma.

estilo e identidad destinatario

frecuencia temática

Maquetación o compaginación

Distribución armónica de los componentes en la

página.

Cambia todos los días (a partir de numerosas

opciones prediseñadas / templates). opciones prediseñadas / templates).

Punto de encuentro del diseño del diario con la

edición periodística.

La caja

Estructura modular

Estructura de columnas

Columnas y tamaño de la caja

� Diario sábana: 6 columnas / antes 8

� Diario tabloide: 5 columnas

� Revista o publicación de menor formato:

3 o 4 columnas; ocasionalmente 2.3 o 4 columnas; ocasionalmente 2.

Texto en la columna

7 a 10 palabras por línea.

Estructuras básicas: L y U

Boceto o

layout:

esquema de

distribución

de todos los

elementos

que

componen

una página.

http://www.youtube.com/watch?feature=player_embedded&v=uhnV21sL9UI

Tipografía

Clasificación de tipos

� – con serifa

– sin serifa– sin serifa

/Elegir familias tipográficas – según sección,

importancia de títulos, información/opinión.

Tipografía

Tanto el tamaño como la fuente y el interlineado inciden en

la legibilidad.

Fuente: � Tamaño para textos: 9 puntos a 10.

� Título de apertura de sección (en sábana):

48 puntos; 2do título: 42.48 puntos; 2do título: 42.

� algunas más legibles que otras / ver bancos de

fuentes

� en componentes de titulación, recuadros, citas =

contraste, jerarquización, destacado

/ Título principal en negrita / Otros componentes

combinados con tonos semis y más claros / Puede

usarse itálica.

Legibilidad / Cultura

Algunos problemas

� Texto a una columna o en columnas muy angostas.

� Cuerpo de la fuente para la nota demasiado

pequeño o demasiado grande.pequeño o demasiado grande.

� Interlineado simple o muy espaciado.

� Cuerpo de la nota en itálica.

� Poco espacio en blanco.

� Poco blanco entre columnas y entre elementos.

Puntos de entrada a la página –y

a la información'

> Fotografía – Crear un centro de impacto

visual.

En la página debe haber otras fotos de menor tamaño

(más en la portada, o en algunas secciones como

deportes, menos en secciones tradicionales como

política). Si el diario se dobla a la mitad por el tamaño,

otra foto interesante en la parte inferior.

> Título principal, y luego sus complementos

> Epígrafes

/ Tamaño: al menos 1 punto más que el de la noticia.

Navegación

� Crear elementos para el escaneo u hojeada rápida:

índices en portada e interiores, en suplementos.

� La titulación y las fotos, unidos a los bloques de texto,

crean recorridos: las estructuras básicas de una página:

L y U.L y U.

� Las notas breves (entre las más leídas) y las notas en

despiece o complementarias crean otros puntos de

lectura y recorrido. // Breves: no más de 15 a 20 líneas a

1 columna.

� Color como herramienta de navegación (atracción de la

mirada)

Diseño en prensa “seria” /

prensa sensacionalista

Revistas

Una revista prolija, con poca flexibilidad en la

estructura de las páginas internas:

� http://issuu.com/periodicomu/docs/mu_58

Una revista con centralidad en el diseño, importantes

variaciones dentro de una unidad de estilo:variaciones dentro de una unidad de estilo:

� http://monicaortega.wordpress.com/2010/11/19/revista-

dissmagz/

Una revista que intenta innovar en la jerarquización

(ver ubicación de títulos); poca atención a los

medianiles y márgenes:

� http://issuu.com/lagargantapoderosa/docs/lgp5mayo11

Referencias

Imágenes:

Diapositiva 5: http://www.oert.org/composicion-y-modulacion/

Diapositiva 10: http://www.youtube.com/watch?v=W1_i5yuZ0os

Diapositiva 11: http://pablogallon.wordpress.com

Diapositiva 13: http://www.fontbureau.com/fonts/Diapositiva 13: http://www.fontbureau.com/fonts/

¡Muchas gracias!