DIS

EÑ
OE
DIT
MA
QU
ET
ORAC
IÓN
YD
IAL
ISE
ÑO

1
 04 Antecedentes del diseño editorial
CONTENIDO 06 Denición de diseño editorial
07 Productos editoriales
04 El equipo de diseño
09 Principios
10 Elementos del diseño editorial
10 Imagen
10 Texto
10 Espacios en blanco
11 Sistemas reticulares
11 Manuscrito
11 Modular
11 Jerárquico
12 De columnas
12 Pares
12 Impares
13 Esquema de Villar para generar márgenes
14 Factores que determinan la maquetación
14 Planicación y calendario
14 Producción
14 Factores prácticos
14 Presupuesto
14 Fotografía
14 Papel
14 Acabados de impresión y encuadernación
16 Factores de diseño
16 Espacio y predominio de la forma
Maquetación y Diseño

17 La forma a través del color

DISEÑO EDITORIAL / Maquetación y Diseño

17 Elementos de repetición y fuidez
18 Partes de la página editorial
18 Titulares
18 Subtítulo
18 Entradillas
19 Cuerpo de texto
19 El párrafo
19 La columna
19 Interlineado
19 Inter-letrado
19 Viudas
19 Huérfanas
19 Ríos
20 Letras capitulares
20 Tipos
20 Folios
20 Números
20 Folios explicativos
20 Pie de imagen
21 Pie de autor
21 Destacados / entresacados
21 Imágenes
22 Las portadas editoriales
22 Tipos
22 Partes

3
 ANTECEDENTES
EL PAPIRO.

2500 a.c.
Es el primer soporte
escriptorio, el cual estaba
formado por fibras
vegetales.

LA ESCRITURA FENICIA

1800 a.c.
La cual permitió que los
signos fueran utilizados
para construir ideas,
palabras, frases ó textos.
DISEÑO EDITORIAL / Maquetación y Diseño

1500 a.c.
LOS LIBROS
Aparecieron los primeros
libros que eran escritos en
papiro o pergamino.

XILOGRAFÍA
Técnica de impresión con
plancha de madera, el

900
texto o la imagen se talla
con un buril en la madera.

1450
LA IMPRENTA.
Este se glorifico como el
creador de la imprenta y
línea de tiempo

su primera obra fue, por

supuesto La Biblia.

EL PERIÓDICO

1650
Nace en Suecia el primer
periódico.

IMPRENTA EN

1754
ECUADOR
La primera imprenta que
ingresó al ecuador fue en
el año de 1754, de manos
de los Jesuitas y se instaló
en Ambato en 1755 y, a
Quito llegó en 1759.

4
 LA LITOGRAFÍA
Alois Senefelder crea la

Conclusiones
impresión planográfica
fundamentada en la

1798
repelencia entre el agua y
el aceite.

LINOTIPO

1880
Es una máquina para la
composición tipográfica
mecánica en caliente.
EL OFFSET
Es un método de impre-
sión indirecta, ya que
se pasa de la plancha

1907
de aluminio al caucho y
después al papel.

LA BAUHAUS El diseño editorial ha

1919
Walter Groupius funda transitado por cuantiosos
la Bauhaus en Weimar, cambios tecnológicos
Alemania, en el año 1919. se ha apropiado de las
innovaciones, y se ha
COMPUTADORA configurado como una de
Los ordenadores las ramas más importantes
facilitaban el trabajo de del diseño, sus recursos
composición editorial, y elementos se integran
1979

lo cual ocasiono un gran a toda pieza grafica tanto

avance en el diseño. impresa como digital.

ADOBE
1982

Destaca en el mundo
del software por sus
programas de edición
de páginas web, vídeo
e imagen digital. Adobe
jugó un rol significativo en
comenzar la revolución de
la autoedición.

5
 DISEÑO EDITORIAL
DISEÑO EDITORIAL / Maquetación y Diseño

DEFINICIÓN DE
Es una área del diseño que
se encarga de comunicar a
través de un medio impre-
so o digital. Una publica-
ción editorial puede:

Entretener, informar, co-

municar, educar o desarro-
llar una combinacione de
todas estas acciones.

El diseño editorial tiene

como objetivo comunicar
y transmitir una idea o
una narración, mediante
la organización de textos
e imágenes dentro de una
estructura reticular.

6
 - Libro - Manuales - Volantes
EDITORIALES
PRODUCTOS
- Colecciones - Reportes - Papelería en general
- Enciclopedias - Periódico - Documentos de Valor
- Revistas - Folletos - Dípticos, Trípticos y
- Boletines - Catálogos Panfletos

7
DISEÑO EDITORIAL / Maquetación y Diseño
DIRECTOR EDITOR
EQUIPO EDITORIAL
Responsable último del
contenido trabaja en con-
jo con los directores de
arte, contenidos, fotogra-
fía y producción.
DIRECTOR DE ARTE:
Es responsable de la orga-
nización y jerarquización
de los contenidos, tanto
en las la redacción propia
como de las colaboracio-
nes externas.
Es quien encarga las imá-
genes, gráficos, infografías
y demás recursos para los
artículos, poniéndose en
contacto con ilustradores
y fotógrafos. Trabaja direc-
8
tamente con el equipo zación del PLANILLO. DIRECTOR DE FOTO- dependerá de factores
creativo y de producción. Trabaja en colaboración GRAFÍA como experiencia y la rela-
con el departamento de ción con el director de arte.
JEFE DE PRODUCCIÓN: arte y de impresión. Coordina los encargos a
los fotógrafos y gestiona Hay directores que par-
supervisa la compilación REDACTOR EN JEFE / los derechos de propiedad ticipan activamente en
de todo el material me- JEFES DE SECCIÓN intelectual de las imáge- cada detalle del diseño y
diante la elaboración del nes, es el responsable de otros que prefieren dele-
calendario de producción. responsables de la redac- la calidad de todo el mate- gar el trabajo al diseña-
El calendario se piensa ción, pruebas y correc- rial fotográfico en conjun- dor y dar el visto bueno
de atrás hacia delante, es ción de textos, redactan, to con el director de arte y de la maquetación.
decir el punto de partida reescribe o suprimen el redactor jefe.
para la definición de las partes más redactadas
fechas de entrega ser la por otros. DISEÑADORES
FECHA DE PUBLICACIÓN, Trabajan directamente
en función a esta cada con el director, el equipo Es responsable de ma-
departamento o sección de diseño, el director de quetar la publicación de
tendrá que hacer entrega contenido y dependiendo acuerdo a las pautas es-
del material encargado. de la estructura de la edi- tablecidas por el director
torial dirigirá al equipo de arte. La autonomía que
Es también responsable de editores. el diseñador tenga en su
del desarrollo y actuali- trabajo de maquetación
PRINCIPIOS

Entretener, informar,
comunicar, educar o desarrollar
una combinacione de todas
estas acciones.

9
 DISEÑO EDITORIAL / Maquetación y Diseño

10
ELEMENTOS DEL
DISEÑO EDITORIAL
ESPACIOS EN BLANCO
IMAGEN
TEXTOS
 JERÁRQUICO
Las retículas compuestas
SISTEMAS RETICULARES
por son ideales para pie-
zas editoriales que requie-
ren cierto control sobre el
trabajo de diagramación,

MANUSCRITO
la agrupación de módulos
para la ubicación de ele-
mentos se denomina

Estructuralmente es Las páginas web son un

MODULAR
la retícula más sencilla ejemplo de la retícula je-
puede haber debido a sus rárquica, ya que estas se
elementos, compuesta por adaptan a las necesida-
una área grande y rectan- des de información que
gular su objetivo es acoger organizan, pero también
textos largos y continuos se basan en las alineacio-
como los libros. nes según las dimensio-
nes de los elementos.

Una retícula consiste en

un conjunto de módulos
basados en la alinea-
ción, que actúan como
guías para la distribu-
ción de elementos en
todo el formato.

11
 SISTEMAS RETICULARES
DISEÑO EDITORIAL / Maquetación y Diseño

La retícula de columnas
es muy flexible ya que su
estructura permite organi-
zar los elementos y lograr
DE COLUMNAS

composiciones diversas.

12
 El diagrama de Villard de Honnecourt en la composición de libros impresos. El arquitecto francés Villard de Honne-
court desarrolló un método de división geométrica del espacio, que permite que cualquier formato de página pueda
subdividirse.

Desarrollo de la retícula de Villard de Honnecourt

Figura 1. Seleccionar el formato y el tamaño de la doble página.

ESQUEMA DE VILLAR Figura 2. Dibujar dos líneas diagonales, de esquina a esquina de la página (a y b).

PARA GENERAR MÁRGENES

Figura 3. Trazar dos líneas diagonales desde la esquina inferior a la superior de cada página (c y d).
Figura 4. Desde el punto en el que las dos diagonales se cruzan en la página derecha, dibujar una línea
vertical hasta el extremo superior de la página (e).
Figura 5. Desde el punto establecido en la parte superior de la página derecha, trazar una línea hasta la
intersección de las dos diagonales de la página izquierda (f).
Figura 6. Dibujar una línea horizontal (g) en la página derecha, desde el punto de intersección a un noveno

de la anchura de la página desde el margen. La parte superior de la caja tipográfica ya está determinada.
Figura 7. Desde la línea superior de la caja tipográfica dibujar un línea paralela al borde derecho de la
página hasta chocar con la diagonal. Luego, trazar la línea izquierda y la horizontal inferior.
Figura 8. Este mismo proceso se repite para establecer la caja tipográfica de la página izquierda. A continuación,
ya se pueden añadir las líneas de la retícula.
Figura 9. El ancho de los cuatro márgenes se determina por los novenos. Es decir, por las 9 partes en las que se
divide la página sentido vertical y las 9 en sentido horizontal.

13
 FACTORES QUE DETERMINAN EL CICLO DE
PRODUCCIÓN
DISEÑO EDITORIAL / Maquetación y Diseño

El trabajo de
maquetación y diagrama-
ción inicia cuando llegan
las primeras imágenes y
textos para la publicación.
Lo habitual es comenzar a
construir la maqueta alre-
dedor de las fotografías si
PLANIFICACIÓN Y se dispone de ellas, si no, FACTORES
CALENDARIO un buen punto de partida PRÁCTICOS
es el diseño del titular.
Una vez terminada la ma-
Todas las publicaciones El presupuesto del que se
LA MAQUETACIÓN

queta (toda la publicación)

editoriales exigen una pri-
mera reunión de planifica-
ción cuyo objetivo es:
Establecer contenido.
Designación del trabajo
para cada departamento o
sección.
Recopilación de material
escrito como fotográfico.
Definición de las fechas
de entrega para cada una
de las etapas reunido en
un calendario.
pasará a revisión y correc-
ción de ser necesario.
Todo dentro de las fechas
establecidas en el ca-
lendario. Aprobada la
maquetación se enviará a
imprenta según el orden
establecido en la etapa de
planificación
dispone para la publica-
ción delimitan aspectos
como el desarrollo de
fotografias, tipo de papel
para portadas y páginas
internas, y acabados de
impresión como tintas o
efectos especiales que
salen de lo común, tro-
quelados, encuadernado,
acabados de superficie.

14
Las fotografías complementan e ilustran el texto La maquetación gira entorno a la fotografia

Antes de comenzar a diseñar la página, reúne el contenido, textos e imágenes.

Lee el texto para comprender bien el artículo y la intención de la página 15
 FACTORES QUE DETERMINAN
DISEÑO EDITORIAL / Maquetación y Diseño

Hoy en día, los lectores de- Espacio y predominio de la forma

FACTORES DE DISEÑO
mandan publicaciones con
tamaños y formatos mane-
jables, que sean flexibles y
variadas en su contenido.
LA MAQUETACIÓN
El objetivo es lograr un equilibrio entre texto, imágenes
y elementos gráficos.
A la búsqueda del equilibrio se suma la legibilidad de la
página en conjunto, algo que se consigue con la inclu-
sión de espacios en blanco.
La distribución de las formas y el ojo del lector a través
de un artículo, pero también a través de la arquitectura
de la página, y genera una amplia amplia variedad de
sensaciones y significados

16
La forma a través del color

Este recurso se emplea a menudo para contrarrestar la

monotonía que puede suponer una página con mucho
texto
Se puede recurrir a fotografías ilustraciones, tipografía
decorativa, bloques de color o tonos al propio texto,
esto ayuda a organizar, separar o vincular el contenido
de una página.

Repetición y fluidez

Suele ser común en las publicaciones la repetición de

elementos con el fin de mantener la armonia a lo largo
de toda la maqueta.
Algunos factores que refuerzan la repetición y la fluidez
son la posición de la tipografía y los recursos visuales
y gráficos como recuadros, colores y tamaños, todos
estos elementos permiten al diseñador construir una
sucesión de maquetas coherentes.

17
 PÁGINA EDITORIAL
DISEÑO EDITORIAL / Maquetación y Diseño

Titulares
PARTES DE LA
La tipografía del título es la de mayor tamaño de toda la
maqueta, su misión es generar curiosidad del lector. El
contenido del titular y su representación gráfica están
interconectados.

Subtítulos y ladillos

Son pequeños encabezamientos que se integran al

texto pero suelen tener un puntaje o peso de tipografía
más alto, también se suele presentar con un color
diferente.

Entradillas

Se redacta usualmente por el jefe de redacción y ocupa

entre 40 y 50 palabras, de lo contrario se consideraría
una caja de texto el artículo. Y por el contrario menos
palabras reduce su capacidad de concentrar el texto.

18
Cuerpo de texto Interlineado

Los textos pueden tratarse de diversas maneras, lo Es el expacio que existe entre línea y línea dentro de un
importante es considerar la exten- sión de la columna, párrafo, llamado tambiñen tracking
esta debe ser lo suficientemente ancha para facilitar la
legibilidad evitando que el lector confunda las líneas de Interletrado
texto.
Es el espacio que existe entre caracteres, llamado
Asi mismo es importante considerar el interlineado y también kerning.
interletrada de las fuentes y ajus- tarlas ópticamente.
La justificación y alineación de los textos de los textos
también son importantes para mantener la legibilidad
de la página. Viudas

• Textos alineados a la derecha son más difíciles de Palabras sueltas la final del párrafo
leer
• Textos justificados suelen generar rios pero es fácil Huérfanas
de arreglar
Líneas de texto sueltas al final o inicio de las páginas.
• Textos alineados a la derecha facilitan la lectura
y pueden dotar a la publicación de di- namismo y
movimiento.

Ríos
Tipos de párrafo
Se conoce como ríos a los espacios que se forman al
• LAPIDARIO justificar el texto, que tienen la apariencia de grietas
que surcan el bloque de texto.
• FRANCÉS
• DE BANDERA

Ancho de la columna

• Texto extendido
• Mucho texto
• Poco texto

19
 Letras capitulares

Este es un recurso para

evitar que la maquetación

PÁGINA EDITORIAL
sea una sucesion
monotona de bloques,
se ubica al inicio del
artículo y pueden ser altas
(alineadas por el pie con la
primera línea de de texto)
o bajas (alineadas por la
DISEÑO EDITORIAL / Maquetación y Diseño

cabeza con la primera

PARTES DE LA
línea de texto) Pueden
estar integradas al texto
o separadas de él, a veces
pueden ser enormes.

Folio

Esta es un recurso que

orienta al lector, por
ello el folio suele usar la
misma ubicación es todas
las páginas, también es un
recurso que se usa para
identificar secciones.

Pies de imagen

Suelen ubicarse cerca

de la imagen e informar
acerca de su contenido o
explican su relación con el
artículo.
Cuando hay muchas
imágenes resulta útil
numerarlas y situar el
pie en algún lugar de la
página.

20
Citas, entresacados y destacados
Son textos cortos que rescatan datos de interés para el
lector. Su diseño, ubicación y extensión dependerá del
diseñador aunque los establece el jefe de sección
Imágenes
Son el componente más importante de una página
y su relación con la historia que ilustran es crucial
para el diseño, tanto si es que el texto acompañe a la
imagen o la imagen al texto.

21
DISEÑO EDITORIAL / Maquetación y Diseño

EDITORIALES

Si logramos que alguien

LAS PORTADAS

interactúe con un apor-

tada impresa tenemos un
lector potencial.
Es portal al que se accede
al resto de la publicación
debe atraer la atención.

22
PORTA DE PRENSA

Está adaptándose a los nuevos medios y tendencias de

información instantánea

PORTADAS DIGITALES

En su diseño intervienen lo mismos principios de las

portadas impresas pero sin lugar a dudas son un recurso
mucho más atractivo e interactivo, su formato se ajus-
tará a los monitores y pantallas de diversos dispositivos
móviles

PERSONALIZADAS

no son muy comunes pero es un buen recurso para

generar pertenencia de marca WALLPAPER invitó a sus
lectores a personalizar las portadas de su revista

IDENTIDAD

Uno de los primeros elementos de la portada es la iden-

tidad de la publicación, su carácter, estilo, su manera de
expresarse.
El diseño de la portada le corresponde al diseñador y di-
rector de arte, y deben lograr que que se lleve la marca
de la publicación al lector.

En el diseño de la portada estarán presentes elementos

de diseño de la marca, color, tipografía, fotografía o
ilustraciones.

la identidad de la marca debe verse en cada publicación

sin llegar a ser una copia del ejemplar anterior.

23
DISEÑO EDITORIAL / Maquetación y Diseño

· Calswell y Zappaterra. (2014) Diseño editorial.

· Periódicos y Revistas / Medios impresos y digitales.
· Alvarez D. (nn). Diseño editorial, lo que debes saber.
· https://marianaeguaras.com/diagrama-villard-de-
honnecourt-composicion-de-libros-impresos/
24
 Diseño y diagramación:
Marlon Espín
Fuentes: Verónica Avilés
Fotografía: Pexels

25
DISEÑO EDITORIAL
MAQUETACIÓN Y DISEÑO