S1_PPT_UD PRODUCTOS EDITORIALES2025-.pdf

Diseño editorial para aplicar

1. Productos
editoriales

Semana 1

2. 1.Presentación del docente

2. Presentación del estudiante
3. Ruta de documentos de la UD
4. Evidencia evaluativa
5. Recomendaciones para la UD

3. PRESENTACIÓN
DEL DOCENTE
Resumen de perfil
profesional

4. PRESENTACIÓN DE
LOS ESTUDIANTES
Indicación

• En grupos de 4, compartan:
○Nombres
○Un pasatiempo que inspire su estilo
de diseño (ej: fotografía callejera,
coleccionar revistas vintage).
○Una habilidad que esperan pulir en
el curso.
○Expectativas del curso

•Tiempo: 15 minutos

5. 3. Ruta de documentos de la UD
3
4
1
2
SÍLABO
En el sílabo podrás encontrar la
sumilla, competencias,
indicadores de logro, saberes,
metodología y evidencias
evaluativas.
LINEAMIENTO Y
RÚBRICA DE
EVALUACIÓN
En este documento encontrarás el
detalle de la actividad de
aprendizaje (AA1-AA4)
acompañado de su rúbrica
*Nota: Todos estos documentos se encuentran en el campus digital
VIDEO DE MODALIDAD
DE LA UD
En tu campus digital podrás
visualizar el video de la modalidad
de la UD
PRESENTACIONES
En tu campus digital, en cada
semana de clase podrás
encontrar una PPT de tu clase

6. 4. Evidencias evaluativas de la UD
AA1 AA2 AA3 AA4
Se evalúa en
semana 2

Presentación y
sustentación de
un informe gráfico
de una sección de
revista

Peso: 15%
Se evalúa en
semana 4

Presentación y
sustentación de
una maqueta de 8
páginas de un
periódico

Peso: 20%
Se evalúa en
semana 6

Presentación y
sustentación de 3
propuestas de
sobrecubierta para
el libro

Peso: 30%

Se evalúa en semana 8

Presentación y
sustentación del diseño de
un libro de 32 páginas
(70%)
Participación activa (30%)

Peso: 35%

7. 5. Recomendaciones para la UD
●Revisar las diapositivas
de la sesión y/o videos
que correspondan en la
sesión.
Antes de la clase Durante la clase
●Conéctate puntual.
●Prende la cámara para
participar y cuando el
docente lo solicite.
●Mantén el micro apagado
mientras no participes.
●Respeta las
intervenciones de otros
compañeros.
●Participa de las
dinámicas y actividades
propuestas por el
docente.
Después de la clase
●Verificar si quedó
alguna actividad
pendiente.
●Repasar los
conceptos y anotar las
dudas o consultas que
se tengan.

8. SEMANA 1
Fundamentos de la tipografía y diseño editorial

9. LOGRO DE LA
SEMANA
Al finalizar la semana, el estudiante emplea
diversas familias tipográficas, aplicando
principios de jerarquía, recorrido visual y
unidad gráfica para crear sus primeros
bosquejos de productos editoriales.

10. CONECTEMOS 1
Fuente: Fundación Cuatrogatos. (2025). Premio Fundación Cuatrogatos
2025. https://cuatrogatos.org/docs/premio4g/premio4gyear_45es.pdf
A partir del
enlace, reúnete
en equipos y
busca
información
sobre el tema.
Premio 2025 Fundación Cuatrogatos

11. CONECTEMOS 1
Ahora,
responde
algunas
preguntas en
relación al tema.



Preguntas:

A partir de la publicación vista, responde las
siguientes preguntas:

✔¿Cuál de los temas te atrae más?
✔¿Qué tipo de publicación te gustaría crear?
✔¿Cómo la tipografía comunica la personalidad del
libro?

12. CONECTEMOS 1
Carátulas inspiradoras:

Ahora, busca las carátulas que más te hayan interesado y
colócalas en nuestro espacio compartido:

●Explica brevemente por qué elegiste cada carátula.
●Observa las elecciones de tus compañeros e interactúa con
sus publicaciones.

13. Fundamentos de la
tipografía

14. Elementos básicos de la tipografía
CONSTRUYAMOS 2
●Anatomía tipográfica
○Partes fundamentales de una letra:
asta, brazo, cola, terminal, ojo
○Altura de x, ascendentes y
descendentes
○Línea base, serif y sans-serif
Fuente:
https://i1.wp.com/ticsyformacion.com/wp-content/uploads/2015/11/anatomia-ti
pografia-infografia.jpg?ssl=1.

15. Clasificación tipográfica
CONSTRUYAMOS 2
●Serif (romanas)
○Times New Roman, Garamond, Baskerville
○Facilitan la lectura en textos largos impresos.
●Sans-serif (palo seco)
○Helvetica, Arial, Futura
○Son ideales para pantallas y diseños minimalistas.
●Script (caligráficas)
○Brush Script, Zapfino
○Suelen transmitir elegancia o creatividad.
●Decorativas
○Impact, Comic Sans, Papyrus
○Llaman la atención en títulos y carteles.
●Monoespaciadas
○Courier, Consolas
○Ideales para código y ciertos textos técnicos.

Fuente: https://tiposconcaracter.es/clasificacion-de-los-tipos/

16. CONSTRUYAMOS
Fuente: https://www.designspiration.com/save/3480529234393 .Fuente: https://www.designspiration.com/save/51373670214281/
2

17. CONSTRUYAMOS 2
Historia y evolución
●Hitos históricos:
a.Siglo XV: Johannes Gutenberg inventa la imprenta con tipos móviles (Biblia de 42 líneas).
b.Siglo XVI: Claude Garamond crea tipografías inspiradas en caligrafía humanista.
c.Siglo XVIII: Giambattista Bodoni define las "modernas" (contraste alto y serif filoso).
d.Siglo XX: La Bauhaus simplifica la tipografía (ej: tipografía Universal de Herbert Bayer).

●Tendencias contemporáneas
a.Tipografía variable: Fuentes adaptables a múltiples pesos y anchos (ej: Helvetica Now).
b.Retro y vintage: Rescate de estilos como los años 80 (Cooper Black).
Elementos básicos de la tipografía

18. Selección y combinación
tipográfica

19. CONSTRUYAMOS 2
●Legibilidad vs. decoración
○Tamaño mínimo recomendado
○Contraste y espaciado
○Adecuación al medio (digital vs. impreso)

Criterios para la combinación tipográfica
Fuente: https://www.coroflot.com/deivisguevara/stream

20. CONSTRUYAMOS 2
●Reglas de armonía tipográfica
○Contraste: serif con sans-serif
○Concordancia: diferentes pesos de la
misma familia
○Conflicto: qué combinaciones evitar
Fuente: https://coverjunkie.com/cover-categories/best-of-the-rest/newsweek-16/
Criterios para la combinación
tipográfica

21. CONSTRUYAMOS 2
●Organización visual de la
información
○Títulos, subtítulos, cuerpo de texto
○Énfasis: negrita, cursiva, subrayado
○Tamaño y peso visual
Fuente: https://www.coroflot.com/deivisguevara/stream
Criterios para la combinación tipográfica

22. CONSTRUYAMOS 2
Actividad aplicativa 1: “Detectives tipográficos"
Instrucción:
•Selecciona una revista peruana en versión digital.
•Identifica las tipografías utilizadas y su combinación.
•Compara con medios internacionales.
•Prepara una presentación breve de hallazgos y
exponla en clase.

Tiempo:
•40 Minutos
Fuente:
https://larepublica.pe/sociedad/2019/10/16/la-repub
lica-obtiene-dos-premios-por-su-diseno-periodistico

23. Conceptos clave en
el diseño editorial

24. Composición y Layout
CONSTRUYAMOS 2
La composición se refiere a la
disposición estratégica de
componentes visuales (como texto,
imágenes y espacios) dentro de un
área específica (ya sea una página o
una doble página) con el objetivo de
lograr un diseño que sea tanto
equilibrado como funcional. El layout
representa la forma tangible de esta
estructura.
Fuente:
https://coverjunkie.com/cover-categories/best-of-the-rest/
wired-22/

25. Fuente: https://gray318.com/#/new-gallery-88/ Fuente: https://nytimes.flatstudio.co/.
CONSTRUYAMOS 2

26. Jerarquía Visual
CONSTRUYAMOS 2
●Organización de elementos:
○Contraste: Diferencias de tamaño, color o peso para destacar elementos (ej: títulos vs. cuerpo
de texto).
○Repetición: Consistencia en estilos tipográficos o colores para unidad (ej: subtítulos en mismo
color).
○Alineación: Conexión visual entre elementos (ej: texto justificado a la izquierda en columnas).
○Proximidad: Agrupar elementos relacionados (ej: imagen + pie de foto).

●Punto focal y elementos dominantes:
○El 30% del diseño debe ser "dominante" (ej: portada con imagen a toda página).
○Ejemplo: Revista Vogue usa fotografías de moda como punto focal.

●Equilibrio y tensión visual:
○Equilibrio simétrico: Elementos iguales en ambos lados (formalidad).
○Equilibrio asimétrico: Distribución desigual pero armoniosa (dinamismo).
○Tensión: Romper la simetría para generar interés (ej: texto en diagonal).

27. Fuente: https://snd.org/finalists-announced-for-worlds-best-designed-in-digital-and-print-creative-competitions-3/
CONSTRUYAMOS 2

28. Color y tipografía
CONSTRUYAMOS 2
●Psicología del color aplicada al diseño editorial:
○Rojo: Urgencia, pasión (revistas de gastronomía).
○Azul: Confianza, seriedad (informes corporativos).
○Negro: Sofisticación (revistas de lujo como Vanity Fair).

●Paletas cromáticas efectivas:
○Monocromática: Variaciones de un solo tono (ej: revista minimalista).
○Complementaria: Colores opuestos en el círculo cromático (alto contraste, ej: portadas de
Wired).
○Análoga: Tonos adyacentes (armonía suave, ej: libros infantiles).

●Contraste y legibilidad:
○Texto oscuro sobre fondo claro: óptimo para lectura prolongada.
○Evitar combinaciones como rojo/verde (problemas de daltonismo).

●Armonías de color en publicaciones:
○Regla 60-30-10: 60% color dominante, 30% secundario, 10% acento.

29. Fuente: https://snd.org/finalists-announced-for-worlds-best-designed-in-digital-and-print-creative-competitions-3/.
CONSTRUYAMOS 2

30. Color y tipografía
CONSTRUYAMOS 2
●Integración de imágenes y textos:
○Fotografías: Contextualizan (ej: reportajes en National Geographic).
○Ilustraciones: Agregan estilo único (ej: libros de arte).
○Infografías: Simplifican datos complejos (revistas científicas como Scientific American).

●Relación entre texto e imagen:
○Simbiótica: La imagen complementa el texto (ej: artículo sobre naturaleza con foto de bosque).
○Contrapunto: Imagen y texto contrastan para generar impacto (ej: publicidad editorial).

●Cajas, filetes, tramas y texturas:
○Cajas: Encuadran citas o datos clave (ej: recuadros en revistas de salud).
○Filetes: Líneas que separan secciones (ej: periódicos).
○Tramas/Texturas: Fondos sutiles para añadir profundidad (ej: textura de papel en portadas
vintage).

31. Fuente: https://snd.org/finalists-announced-for-worlds-best-designed-in-digital-and-print-creative-competitions-3/.
CONSTRUYAMOS 2

32. CONSTRUYAMOS 2
Actividad aplicativa 2: “Collage editorial"
Fuente:
https://www.designspiration.com/save/22153858384
90/.
Instrucción:
•En grupos, compartan evidencias fotográficas de publicaciones
editoriales encontradas en casa o de amigos/familiares (revistas,
libros, periódicos, folletos, etc.).
•Creen un collage digital utilizando Milanote o Canva.
•Incluyan al menos 5 ejemplos por tipo de publicación.
•En cada ejemplo, señalen elementos clave:
■Tipografía (fuentes predominantes).
■Composición (distribución de elementos).
■Jerarquía Visual (qué destaca).
■Elementos visuales más atractivos.

Tiempo:
•40 minutos

33. Conceptos básicos
del diseño editorial

34. Diseño editorial vs. Diagramación
CONSTRUYAMOS 2
Diseño editorial
Es el proceso integral de planificación,
conceptualización y creación de publicaciones
(revistas, libros, periódicos), enfocado en transmitir un
mensaje coherente mediante la integración de
elementos visuales y textuales. Combina estrategia
creativa, identidad visual y funcionalidad.
Diagramación
Es la fase técnica del diseño editorial que se enfoca en
la distribución de elementos (texto, imágenes, espacios)
en un soporte (página, pantalla), siguiendo reglas de
composición para garantizar legibilidad y estética.
Fuente:
https://www.designspiration.com/save/768278945488356/
Fuente:
https://www.designspiration.com/save/1897917669378/

35. Diseño editorial vs. Diagramación
CONSTRUYAMOS 2
●Estas dos disciplinas son interdependientes y fundamentales en la elaboración de
publicaciones efectivas, tanto en formato impreso como digital.
●Una adecuada combinación de ambas asegura que la publicación transmita su mensaje de
manera efectiva, resulte visualmente atractiva y cumpla con las necesidades del lector.
Aspecto Diseño Editorial Diagramación
Enfoque Estratégico y conceptual Técnico y operativo
Alcance Define la identidad global Implementa el diseño en páginas
Herramientas Moodboards, briefs, paletas de color InDesign, grids, ajustes de tipografía
Objetivo Comunicar una idea o narrativa Organizar elementos visualmente

36. CONSTRUYAMOS 2
Revistas
Características
○Periodicidad: Publicación regular (mensual,
trimestral, etc.).
○Segmentación: Dirigidas a nichos específicos
(moda, tecnología, deportes).
○Estructura:
■Portada impactante: Fotografía principal y
titular llamativo.
■Índice temático: Organiza secciones fijas
(entrevistas, reportajes).
■Páginas interiores: Combinación de texto,
imágenes y publicidad.
Fuente:
https://coverjunkie.com/cover-categories/best-of-the-rest/interview-u
s-59/
Clasificación y características de
productos editoriales

37. Periódicos
CONSTRUYAMOS 2
Características:
○Diagramación: Uso de retículas de
columnas (4-6 columnas) para organizar
noticias.
○Secciones: Política, deportes, cultura,
opinión.
○Actualidad: Contenido diario y efímero.
Fuente: https://www.designspiration.com/save/768278945474180/
Clasificación y características
de productos editoriales

38. Libros
CONSTRUYAMOS 2
Características:
○Partes: Portada, lomo, páginas preliminares (índice,
prólogo), cuerpo y colofón.
○Géneros: Ficción (novelas), no ficción (ensayos),
académicos (manuales).
○Diseño interior:
■Márgenes amplios: Para anotaciones en libros
académicos.
■Tipografía legible: Serif (Garamond) en
novelas
Fuente: https://gray318.com/#/panther/
Clasificación y características de
productos editoriales

39. Folletos
CONSTRUYAMOS 2
Características:
○Tipos: Promocionales,
informativos, instructivos.
○Objetivos: Vender, educar o guiar
(ej: folletos turísticos).
○Formatos: Díptico, tríptico o digital
(PDF interactivo).
Fuente: https://www.designspiration.com/save/53837086478100/.
Clasificación y características
de productos editoriales

40. CONSTRUYAMOS 2
Actividad aplicativa 3: “Tipografía en acción"
Fuente:
https://coverjunkie.com/cover-categories/b
est-of-the-rest/the-economist-30/
Instrucción:
En grupos:
•Elijan un tipo de publicación específico.
•Creen documento en Adobe InDesign.
•Diseñen el titular y cuadro de texto falso.
•Apliquen principios de familias tipográficas, jerarquía
visual, recorrido de lectura y unidad gráfica.
•Justifiquen sus elecciones de diseño.

Tiempo:
•40 minutos

41. Avance de evidencia AA1

42. Evidencia 1
Los estudiantes revisan la evaluación de la actividad de
aprendizaje 1 (AA1): “Diseño y diagramación de un fanzine
original, donde se aplicará de manera detallada la composición y
combinación tipográfica, así como la revisión de estilos y el
recorrido visual de los elementos gráficos y el informe editorial.” a
través de los lineamientos y rúbrica de evaluación:

•Los alumnos conforman sus equipos de 3 y seleccionan un
fanzine con un contenido específico.
•Posteriormente, exponen los progresos realizados y ofrecen una
breve presentación de su propuesta, destacando el concepto
editorial y las elecciones de diseño que han decidido
implementar.
•Comparten sus ideas y reflexiones utilizando plataformas
digitales como Milanote, Pitch o PPT.

43. REFLEXIONEMOS 3
Dinámica de metacognición: Importancia del diseño
editorial
¿Cómo aplicarían
la aprendido en
tipografía en sus
proyectos?
¿Cuál consideran
que es la utilidad
de tener una
jerarquía visual
establecida?
¿Qué tan
importante es la
composición en
productos
editoriales?

44. REFLEXIONEMOS 3
Conclusiones
●La tipografía debe elegirse estratégicamente, considerando familias que
representen la esencia del proyecto y combinándolas de forma adecuada
para asegurar una comunicación clara y una estética que esté alineada
con los objetivos editoriales.
●La jerarquía visual orienta el flujo de lectura del usuario, destacando la
información esencial y mejorando la comprensión del contenido. Esto
convierte un documento que podría resultar visualmente confuso en una
experiencia informativa bien organizada y fácil de acceder.
●La composición juega un papel crucial en los productos editoriales, ya que
organiza el contenido, define el ritmo visual y moldea la experiencia del
lector, actuando como el soporte invisible que fundamenta toda la
comunicación visual del producto.
●El diseño editorial no solo embellece, sino que estructura la información
para optimizar su lectura e impacto, convirtiendo cada publicación en una
experiencia visualmente efectiva.