S3_PPT_UD PRODUCTOS EDITORIALES 2025.pdf

Diseño editorial sigue avanzando

1. Productos
editoriales

Semana 3

2. SEMANA 3
Diagramación y maquetación editorial

3. LOGRO DE LA
SEMANA
Al finalizar la semana, el estudiante organiza
la diagramación de un producto editorial,
estableciendo criterios de maquetación y
alineación para estructurar visualmente el
contenido de manera coherente.

4. CONECTEMOS 1
Fuente:
https://publiadmin.fundaciontelefonica.com/medi
a/publicaciones/785/TELOS122.pdf
A partir de los
enlaces enlace,
reúnanse en
equipos y
revisen la
siguientes
publicaciones.
Revista TELOS
Fuente:
https://publiadmin.fundaciontelefonica.com/m
edia/publicaciones/804/Telos_123.pdf
Fuente:
https://publiadmin.fundaciontelefonica.com/m
edia/publicaciones/813/Telos124DEF.pdf

5. CONECTEMOS 1
Ahora,
responde
algunas
preguntas en
relación al tema.
Preguntas:

Revisa las 3 publicaciones y elige tres secciones distintas (ej:
portadilla de artículo, entrevista con imágenes, infografía técnica)
y responde las siguientes preguntas:

➔¿Es modular, de columnas o mixta?
➔¿Qué diferencias clave notas entre las tres estructuras de
diagramación?
➔¿Cómo influye la diagramación en la legibilidad y el impacto
visual de una publicación?
➔¿Cómo varía la diagramación según el tipo de publicación?
➔¿Qué factores determinan el uso de una cuadrícula más
rígida o flexible en cada caso?

6. Conceptos y criterios
de diagramación

7. Diferencia entre diseño editorial y diagramación
CONSTRUYAMOS 2
Criterios Diseño Editorial Diagramación
Fase del proceso Estratégica y conceptual (primero) Técnica y ejecutiva (después)
Preguntas que responde ¿Qué? ¿Por qué? ¿Cómo? ¿Dónde?
Nivel de decisiones Macro (identidad global) Micro (disposición concreta)
Enfoque principal Comunicación y experiencia Organización y estructura
Temporalidad Perdura en toda la publicación Se ajusta según necesidades de cada página
El diseño editorial es como la planificación y el estilo de una casa, mientras que la diagramación
es como la construcción de los cimientos, las paredes y la distribución de las habitaciones.

8. ●Se basa en una estructura jerárquica clara, donde los elementos principales (título, imagen principal)
ocupan un lugar central y el resto del contenido se organiza a su alrededor de forma más lineal.
●Características principales:
○Estructura lineal basada en columnas verticales
○Flujo de texto continuo y previsible
○Jerarquía visual claramente definida
○Uso conservador del espacio en blanco
○Prevalencia del texto sobre la imagen
●Aplicaciones típicas:
○Periódicos clásicos (El Comercio en su formato tradicional)
○Libros académicos y literarios
○Publicaciones legales y oficiales
○Revistas técnicas y científicas
Tipos de diagramación: Tradicional
CONSTRUYAMOS 2

9. Ejemplo de diagramación Tradicional
Fuente: https://www.designspiration.com/save/383902117949/
CONSTRUYAMOS 2

10. ●Utiliza una retícula o "rejilla" bien definida, dividiendo la página en módulos o unidades espaciales
iguales.Los elementos se colocan dentro de estos módulos, creando una estructura visual organizada
y consistente.
●Características principales:
○División del espacio en módulos o cajas
○Flexibilidad para disponer contenidos diversos
○Mayor dinamismo visual y posibilidades compositivas
○Integración equilibrada de texto e imagen
○Personalidad visual más contemporánea
●Aplicaciones típicas:
○Revistas de tendencias y estilo (Vogue, Cosas)
○Suplementos dominicales
○Catálogos y publicaciones publicitarias
○Sitios web editoriales
○Publicaciones culturales
Tipos de diagramación: Modular
CONSTRUYAMOS 2

11. Ejemplo de diagramación Modular
Fuente: https://abduzeedo.com/uffizi-editorial-design
CONSTRUYAMOS 2

12. ●Se utiliza una retícula como base, pero se permite cierta flexibilidad para destacar elementos
importantes o crear variedad visual.
●Características principales:
○Combina elementos tradicionales y modulares
○Adaptabilidad según la naturaleza del contenido
○Equilibrio entre orden y dinamismo
○Versatilidad para diferentes tipos de información
○Mayor libertad creativa manteniendo coherencia
●Aplicaciones típicas:
○Revistas de información general (Caretas, Somos)
○Libros de arte y fotografía
○Publicaciones corporativas y memorias anuales
○Periódicos modernizados (La República actual)
○Publicaciones digitales adaptativas
Tipos de diagramación: Mixta
CONSTRUYAMOS 2

13. Ejemplo de diagramación: Mixta
Fuente: https://abduzeedo.com/blasphemy-radical-take-editorial-design-and-culinary-rebellion
CONSTRUYAMOS 2

14. CONSTRUYAMOS 2
Actividad aplicativa 1: “Explorando los tipos de diagramación"
Instrucción:
En grupos:
●Elijan un breve fragmento de texto (ej. un párrafo de un artículo, una
receta corta) y una imagen relacionada.
●En Adobe InDesign, creen tres versiones diferentes de una misma
página (formato A5 cerrado) aplicando los 3 tipos de diagramación:
tradicional, modular y mixta
●Compartan sus tres versiones con el resto de la clase en una breve
discusión grupal, justificando por escrito qué tipo de diagramación
consideran más efectiva según el contenido de la página que
diseñaron.
Tiempo:
•40 Minutos
Fuente:
https://es.m.wikipedia.org/wiki/Archivo:Adobe_InDesign_CC
_icon.svg

15. Estructura de la
diagramación

16. CONSTRUYAMOS 2
•Márgenes: El espacio en blanco que rodea el
contenido de la página. Protegen el
contenido, facilitan la lectura y definen el
formato visual.

•Consideraciones técnicas:
○Márgenes técnicos para encuadernación
○Espacio de descanso visual
○Área para elementos recurrentes (folios,
encabezados)
Márgenes, columnas, módulos y sangrado
Fuente: https://www.grafik.net/blag-magazine-issue-02/

17. CONSTRUYAMOS 2
•Columnas: Divisiones verticales del espacio de la
página que ayudan a organizar el texto y otros
elementos. Facilitan la lectura y crean ritmo visual.
Consideraciones en su definición:
○Número (única, doble, múltiple)
○Ancho (fijo, variable, proporcional)
○Medianil (espacio entre columnas)
○Relación con la tipografía elegida
○Legibilidad según longitud de línea
Aplicaciones según tipo de publicación:
○Periódicos: 5-6 columnas estrechas
○Revistas: 2-3 columnas más anchas
○Libros: 1 columna o 2 equilibradas
○Digital: sistemas flexibles y responsivos
Fuente: https://www.grafik.net/pioneering-spirit/
Márgenes, columnas, módulos y sangrado

18. CONSTRUYAMOS 2
•Módulos: Unidades espaciales iguales creadas por la
intersección de las líneas de la retícula. Sirven como
contenedores para los elementos de diseño en la diagramación
modular.
Características importantes:
○Tamaño y proporción
○Relación con la retícula base
○Flexibilidad para contenidos diversos
○Integración con el sistema de columnas
Beneficios del sistema modular:
○Consistencia a lo largo de la publicación
○Agilidad en la diagramación
○Flexibilidad para diferentes tipos de contenido
○Facilita el trabajo en equipo
Fuente: https://www.designspiration.com/save/818410739866/
Márgenes, columnas, módulos y
sangrado

19. CONSTRUYAMOS 2
•Sangrado: La extensión de los elementos (imágenes,
fondos de color) más allá del borde del formato final de la
página. Asegura que no queden bordes blancos después
del corte.
Aspectos técnicos:
○Medida estándar: 3-5 mm
○Función de seguridad en impresión
○Consideraciones para imágenes y fondos
○Marcas de corte y registro
Aplicaciones creativas:
○Impacto visual de imágenes a sangre
○Elementos gráficos que rompen la caja
○Continuidad visual entre páginas
○Jerarquización de contenidos
Fuente: https://www.designspiration.com/save/13922943800/
Márgenes, columnas, módulos y
sangrado

20. CONSTRUYAMOS 2
•El espacio vertical entre las líneas de texto.
•Fundamental para la legibilidad. Un interlineado adecuado facilita el seguimiento de la
lectura y evita que las líneas se sientan demasiado apretadas o separadas.
•Se mide en puntos y suele ser un porcentaje mayor al tamaño de la tipografía.
Variables a considerar:
○Tamaño de la tipografía
○Longitud de línea (ancho de columna)
○Características de la fuente (altura x, ascendentes, descendentes)
○Tipo de contenido y audiencia
○Jerarquía informativa
· Reglas prácticas:
○Textos corridos: 120-150% del tamaño de la fuente
○Títulos: 90-120% del tamaño de la fuente
○Consideraciones especiales para textos técnicos o infantiles
Interlineado

21. CONSTRUYAMOS 2
•Interlineado y retícula base
Sincronización rítmica:
○Alineación precisa entre columnas y
páginas
○Consistencia visual en toda la publicación
○Creación de una estructura invisible pero
perceptible
○Relación con el tamaño de fuente e
interlineado
Aplicación en InDesign:
○Configuración de la retícula base
○Alineación de párrafos a la retícula
○Excepciones y ajustes específicos
○Solución a problemas comunes
Interlineado
Fuente:
https://www.sleepydays.es/2016/04/como-componer-diseno-grafico.html

22. CONSTRUYAMOS 2
Libros: Suelen tener una diagramación más tradicional, con
márgenes amplios y bloques de texto largos para una lectura
inmersiva. El interlineado es crucial para la comodidad del lector.
Estructura editorial:
○Predominio del texto sobre la imagen
○Flujo de lectura continuo y prolongado
○Organización por capítulos y secciones
○Jerarquía tipográfica contenida
○Márgenes generosos para descanso visual
Consideraciones técnicas:
○Encuadernación y lomo
○Durabilidad y manipulación
○Preliminares y finales
○Foliación y cabezales

Relación entre libros, revistas,
periódicos y folletería
Fuente:
https://es.pinterest.com/pin/681380618635760946/

23. CONSTRUYAMOS 2
Revistas: Optan por diagramaciones modulares o mixtas para
organizar una variedad de contenido. El uso de columnas y
módulos es frecuente para crear dinamismo.
Estructura editorial:
○Equilibrio dinámico entre texto e imagen
○Múltiples puntos de entrada y niveles de lectura
○Secciones claramente diferenciadas
○Jerarquía visual compleja y variada
○Sistema modular adaptable a diferentes contenidos
Consideraciones técnicas:
○Periodicidad y actualización
○Identidad visual consistente con evolución
○Portadas de alto impacto
○Navegación intuitiva

Fuente: https://www.grapheine.com/branding/charte-graphique-office-de-tourisme-de-paris
Relación entre libros, revistas,
periódicos y folletería

24. CONSTRUYAMOS 2
Periódicos: Utilizan una diagramación modular estricta con múltiples columnas estrechas para maximizar la
cantidad de información en un espacio limitado. La jerarquía visual es fundamental para destacar las noticias más
importantes.
Fuente: https://snd.org/finalists-announced-for-worlds-best-designed-in-digital-and-print-creative-competitions-3/
Relación entre libros, revistas, periódicos y folletería
Estructura editorial:
○Múltiples noticias en jerarquía clara
○Organización por secciones temáticas
○Alto volumen de información concentrada
○Sistema modular altamente estructurado
○Actualidad y eficiencia lectora
Consideraciones técnicas:
○Producción diaria y rapidez
○Formato y manipulación
○Sistema tipográfico eficiente
○Integración con medios digitales

25. CONSTRUYAMOS 2
Folletería: Puede variar mucho dependiendo del propósito (informativo, promocional). Su diagramación suele ser
más concisa y visualmente atractiva, con un uso estratégico del espacio en blanco y elementos gráficos.
Estructura editorial:
○Contenido sintético y directo
○Alto componente visual y persuasivo
○Múltiples formatos y pliegues
○Jerarquización clara y rápida asimilación
○Propósito específico y temporal
Consideraciones técnicas:
○Impacto inmediato
○Durabilidad limitada
○Distribución y manipulación
○Economía de contenidos
Fuente: https://www.designspiration.com/save/1605539302298/
Relación entre libros, revistas, periódicos y folletería

26. CONSTRUYAMOS 2
Característica Libros Periódicos Revistas Folletería
Vida útil Años o décadasSemanas o meses Horas o días Días o semanas
Ritmo de lectura Pausado, linealSelectivo, salteadoRápido, escaneadoInmediato, puntual
Columnas típicas 1-2 2-3 4-6 Variable
Relación
texto-imagen
80%-20% 50%-50% 60%-40% 30%-70%
Sistema tipográfico Conservador,
confortable
Expresivo, variado Eficiente,
jerarquizado
Impactante,
sintético
Relación entre libros, revistas, periódicos y folletería

27. CONSTRUYAMOS 2
Actividad aplicativa 2: “Diseñando la estructura de un folleto"
Instrucción:
En Adobe InDesign, crea un documento con las siguientes especificaciones para un
folleto de 4 páginas (formato A4 cerrado, lo que implica un tamaño A3 abierto):
•Tamaño del Documento: A3 horizontal
•Número de Páginas: 4
•Columnas: 2 asimétricas
•Márgenes: Establece márgenes mínimos
•Sangrado: Aplica un sangrado completo de al menos 3 mm en todos los bordes.
•Páginas Maestras: Crea al menos tres páginas maestras diferentes
•Interlineado: Ajustarlo a un formato compacto
Cada uno deberá explicar sus decisiones.
Tiempo:
•40 Minutos
Adobe. (s.f.). Hombre con laptop.

28. Aplicación de
cuadrícula y retícula
tipográfica

29. Alineación de texto
CONSTRUYAMOS 2
●Alineación Izquierda (Justificado a la izquierda): La más
común para cuerpos de texto largos en la mayoría de los
idiomas occidentales. Facilita la lectura al tener un punto
de inicio constante en cada línea.
Características:
○Inicio de línea uniforme, final irregular
○Flujo de lectura natural (culturas occidentales)
○Espaciado entre palabras consistente
○Ritmo visual orgánico
○Menor manipulación del tracking
Aplicaciones ideales:
○Textos largos y cuerpo de texto
○Libros y publicaciones de lectura continua
○Composiciones informales o dinámicas
○Textos con palabras de longitud variable
Fuente: https://abduzeedo.com/spectrum-editorial-design

30. Alineación de texto
CONSTRUYAMOS 2
●Alineación Derecha (Justificado a la derecha): Se usa con
moderación, generalmente para elementos cortos como citas o
pies de foto. Puede dificultar la lectura en bloques largos.
Características:
○Final de línea uniforme, inicio irregular
○Lectura más compleja y ralentizada
○Espaciado entre palabras consistente
○Efecto visual distintivo y poco común
○Punto de entrada no convencional
Aplicaciones ideales:
○Textos breves o decorativos
○Pies de foto o leyendas
○Diseños poco convencionales
○Elementos secundarios o complementarios
○Culturas con lectura de derecha a izquierda
Fuente:
https://snd.org/finalists-announced-for-worlds-best-designed-in-digital-and-print-creative-competitions-3/

31. CONSTRUYAMOS 2
●Centrado: Adecuado para titulares, subtítulos, invitaciones
o textos muy cortos. Puede resultar monótono en bloques
extensos.
Características:
○Simetría visual
○Carácter formal y solemne
○Inicio y final de línea irregulares
○Estructuración equilibrada
○Lectura más lenta y contemplativa
Aplicaciones ideales:
○Títulos y encabezados
○Invitaciones y documentos ceremoniales
○Poesía y textos literarios específicos
○Composiciones clásicas y tradicionales
○Elementos destacados o aislados
Fuente:
https://coverjunkie.com/cover-categories/typographic-covers/ne
w-york-mag-us-195/
Alineación de texto

32. CONSTRUYAMOS 2
●Justificado (Forzado): El texto se extiende de margen a
margen, creando líneas uniformes. Puede generar espacios
irregulares entre palabras si no se controla correctamente con la
partición de palabras.
Características:
○Inicio y final de línea uniforme
○Bloques de texto perfectamente rectangulares
○Espaciado entre palabras variable
○Aspecto formal y estructurado
○Máximo aprovechamiento del espacio
Aplicaciones ideales:
○Periódicos y publicaciones con múltiples columnas
○Documentos formales y académicos
○Libros y textos técnicos
○Cuando se busca maximizar contenido en espacio limitado
Fuente:
https://www.designspiration.com/save/376832689119/
Alineación de texto

33. CONSTRUYAMOS 2
Uso de la cuadrícula base
●Una retícula invisible que ayuda a alinear verticalmente las líneas de base del texto en diferentes
columnas y páginas.
●Crea una armonía visual y asegura que el texto fluya de manera coherente en toda la publicación.
●Se configura en InDesign y se aplica a los marcos de texto.
Fuente: https://stephenkelman.co.uk/us-letter-annual-report-grid-system-for-indesign

34. CONSTRUYAMOS 2
Organización y gestión de
páginas en InDesign
●El panel "Páginas" en InDesign es
fundamental para visualizar, añadir,
eliminar, mover y organizar las
páginas de un documento.
●Permite trabajar con páginas
enfrentadas (pliegos) para simular la
disposición en la publicación final.
Autoría propia

35. CONSTRUYAMOS 2
Creación de páginas maestras y su aplicación
●Las páginas maestras son plantillas que definen los
elementos que se repiten en varias páginas de un
documento (encabezados, pies de página, números de
página, elementos gráficos recurrentes).
●Ahorran tiempo y aseguran la consistencia visual en toda la
publicación.
●Se pueden crear múltiples páginas maestras para diferentes
secciones o tipos de página.
Autoría propia

36. CONSTRUYAMOS 2
Creación de páginas maestras y su aplicación
●Elementos típicos:
○Folios (números de página)
○Encabezados y pies de página
○Elementos de navegación
○Marcos de texto vinculados
○Elementos decorativos constantes
○Retículas y guías
Autoría propia

37. CONSTRUYAMOS 2
Actividad aplicativa 3: “Comparando retículas editoriales"
Instrucción:
●En parejas, seleccionen al menos 3 ejemplos de publicaciones
diferentes: un libro, una revista y un periódico.
●Examinen la configuración de la retícula empleada en cada
publicación. Presten atención a detalles como la cantidad de
columnas, el ancho de las mismas, el espacio entre columnas, la
existencia y tipo de márgenes, el uso de módulos (si
corresponde) y la forma en que se incorporan las imágenes y
otros elementos en la retícula.
●Elaboren un cuadro comparativo que con los elementos de cada
publicación que han analizado.

Tiempo:
•40 minutos
Adobe. (s.f.). Mujer con binoculares.

38. Avance de evidencia AA2

39. Evidencia 2
Los estudiantes revisan la evaluación de la actividad de aprendizaje
2 (AA2): “Diseño de una maqueta de 8 páginas de un periódico,
aplicando las técnicas de diagramación.” a través de los
lineamientos y rúbrica de evaluación:

○Documento con configuración profesional (tamaño,
márgenes, sangrado).
○Aplicación coherente de una paleta de colores creada por el
estudiante, basada en referencias visuales concretas.
○Implementación de un sistema completo de estilos (párrafo,
carácter y objeto).
○Exportación en formato PDF listo para impresión.

40. REFLEXIONEMOS 3
Dinámica de metacognición:
Diagramación y maquetación editorial
¿Cómo impacta la
diagramación en la
comunicación de una
publicación?
¿Cómo aplicarías lo
aprendido esta semana en
un proyecto real

¿Por qué son clave los
márgenes, columnas y
cuadrículas en el diseño
editorial?

¿Cómo usarías las
páginas maestras de
InDesign para
optimizar el proceso?

41. REFLEXIONEMOS 3
Conclusiones
●Las retículas, márgenes y columnas son más que
herramientas técnicas, garantizan legibilidad, equilibrio visual
y profesionalismo.

●El diseño editorial y la diagramación trabajan juntos para
definir identidad visual y estructura; uno establece la
estrategia y el otro la implementa con precisión.

●El interlineado adecuado y páginas maestras son estándares
clave de calidad; errores como márgenes mal ajustados o
viudas/huérfanas reflejan descuido, no innovación.

●Un diseño editorial efectivo combina creatividad, precisión
técnica y pensamiento crítico, asegurando publicaciones
visualmente sólidas y con propósito.