Este documento describe los conceptos fundamentales del diseño editorial y la diagramación de publicaciones. Explica que el diseño editorial implica crear una identidad visual y funcional para una publicación mediante definiciones gráficas estables que sean comunicativas y atractivas para los lectores. También cubre temas como la maquetación, la estructura modular de páginas basada en columnas, la tipografía, y otros elementos que mejoran la legibilidad y la navegación dentro de la publicación.

1. Diseño editorial y
diagramación
Cecilia Sozzi

2. Diseño editorial
Proyecto 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,
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
frecuencia
destinatario
temática

3. 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).
Punto de encuentro del diseño del diario con la
edición periodística.

4. La caja

5. Estructura modular

6. Estructura de columnas

8. 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.
Texto en la columna
7 a 10 palabras por línea.

9. Estructuras básicas: L y U

10. Boceto o
layout:
esquema de
distribución
de todos los
elementos
que
componen
una página.

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

14. Tipografía
Clasificación de tipos
– con serifa
– sin serifa
/Elegir familias tipográficas – según sección,
importancia de títulos, información/opinión.

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

16. 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.
Interlineado simple o muy espaciado.
Cuerpo de la nota en itálica.
Poco espacio en blanco.
Poco blanco entre columnas y entre elementos.

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

18. 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.
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)

21. Diseño en prensa “seria” /
prensa sensacionalista

22. 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:
http://monicaortega.wordpress.com/2010/11/19/revistadissmagz/
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

23. 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/

24. ¡Muchas gracias!