Marlon-Espín

Vista previa del material en texto

1D
IS
EÑ
O
 E
D
IT
O
RI
AL
M
AQ
U
ET
AC
IÓ
N
 Y
 D
IS
EÑ
O
C
O
N
T
E
N
ID
O
Antecedentes del diseño editorial
Denición de diseño editorial
Productos editoriales
El equipo de diseño
Principios
Elementos del diseño editorial
 Imagen
 Texto
 Espacios en blanco
Sistemas reticulares
 Manuscrito
Modular
 Jerárquico
 De columnas
 Pares
 Impares
Esquema de Villar para generar márgenes
Factores que determinan la maquetación
 Planicación y calendario
 Producción
 Factores prácticos
 Presupuesto
 Fotografía
 Papel
 Acabados de impresión y encuadernación
 Factores de diseño
 Espacio y predominio de la forma
04
06
07
04
09
10
10
10
10
11
11
11
11
12
12
12
13
14
14
14
14
14
14
14
14
16
16
3
D
IS
E
Ñ
O
 E
D
IT
O
R
IA
L 
/ 
M
aq
u
et
ac
ió
n
 y
 D
is
e
ñ
o
Maquetación y Diseño
17
17
18
18
18
18
19
19
19
19
19
19
19
19
20
20
20
20
20
20
21
21
21
22
22
22
 La forma a través del color
 Elementos de repetición y fuidez
Partes de la página editorial
 Titulares
 Subtítulo
 Entradillas
 Cuerpo de texto
 El párrafo
 La columna
 Interlineado
 Inter-letrado
 Viudas
 Huérfanas
 Ríos
 Letras capitulares
 Tipos
 Folios
 Números
 Folios explicativos
 Pie de imagen
 Pie de autor
 Destacados / entresacados
 Imágenes
Las portadas editoriales
 Tipos
 Partes
D
IS
E
Ñ
O
 E
D
IT
O
R
IA
L 
/ 
M
aq
u
et
ac
ió
n
 y
 D
is
e
ñ
o
4
A
N
T
E
C
E
D
E
N
T
E
S
lí
n
e
a
 d
e
 t
ie
m
p
o
25
0
0
 a
.c
.
18
0
0
 a
.c
.
15
0
0
 a
.c
.
90
0
14
50
17
54
16
50
EL PAPIRO.
Es el primer soporte 
escriptorio, el cual estaba 
formado por fibras 
vegetales.
LOS LIBROS
Aparecieron los primeros 
libros que eran escritos en 
papiro o pergamino.
LA IMPRENTA.
Este se glorifico como el 
creador de la imprenta y 
su primera obra fue, por 
supuesto La Biblia.
IMPRENTA EN 
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.
LA ESCRITURA FENICIA
La cual permitió que los 
signos fueran utilizados 
para construir ideas, 
palabras, frases ó textos.
XILOGRAFÍA
Técnica de impresión con 
plancha de madera, el 
texto o la imagen se talla 
con un buril en la madera.
EL PERIÓDICO
Nace en Suecia el primer 
periódico.
5
C
o
n
cl
u
si
o
n
e
s
17
98
18
80
19
0
7
19
19
19
79
19
82
LA LITOGRAFÍA
Alois Senefelder crea la 
impresión planográfica 
fundamentada en la 
repelencia entre el agua y 
el aceite.
EL OFFSET
Es un método de impre- 
sión indirecta, ya que 
se pasa de la plancha 
de aluminio al caucho y 
después al papel.
COMPUTADORA
Los ordenadores 
facilitaban el trabajo de 
composición editorial, 
lo cual ocasiono un gran 
avance en el diseño.
LINOTIPO
Es una máquina para la 
composición tipográfica 
mecánica en caliente.
LA BAUHAUS
Walter Groupius funda 
la Bauhaus en Weimar, 
Alemania, en el año 1919.
ADOBE
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.
El diseño editorial ha 
transitado por cuantiosos 
cambios tecnológicos 
se ha apropiado de las 
innovaciones, y se ha 
configurado como una de 
las ramas más importantes 
del diseño, sus recursos 
y elementos se integran 
a toda pieza grafica tanto 
impresa como digital.
6
D
IS
E
Ñ
O
 E
D
IT
O
R
IA
L 
/ 
M
aq
u
et
ac
ió
n
 y
 D
is
e
ñ
o
D
E
FI
N
IC
IÓ
N
 D
E
D
IS
E
Ñ
O
 E
D
IT
O
R
IA
L
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.
7
P
R
O
D
U
C
T
O
S
 
E
D
IT
O
R
IA
LE
S - Libro- Colecciones
- Enciclopedias
- Revistas
- Boletines
- Manuales
- Reportes
- Periódico
- Folletos
- Catálogos
- Volantes
- Papelería en general
- Documentos de Valor
- Dípticos, Trípticos y 
Panfletos
8
D
IS
E
Ñ
O
 E
D
IT
O
R
IA
L 
/ 
M
aq
u
et
ac
ió
n
 y
 D
is
e
ñ
o
E
Q
U
IP
O
 E
D
IT
O
R
IA
L DIRECTOR EDITOR
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-
tamente con el equipo 
creativo y de producción.
JEFE DE PRODUCCIÓN:
supervisa la compilación 
de todo el material me-
diante la elaboración del 
calendario de producción.
El calendario se piensa 
de atrás hacia delante, es 
decir el punto de partida 
para la definición de las 
fechas de entrega ser la 
FECHA DE PUBLICACIÓN, 
en función a esta cada 
departamento o sección 
tendrá que hacer entrega 
del material encargado.
Es también responsable 
del desarrollo y actuali-
zación del PLANILLO. 
Trabaja en colaboración 
con el departamento de 
arte y de impresión.
REDACTOR EN JEFE / 
JEFES DE SECCIÓN
responsables de la redac-
ción, pruebas y correc-
ción de textos, redactan, 
reescribe o suprimen 
partes más redactadas 
por otros.
Trabajan directamente 
con el director, el equipo 
de diseño, el director de 
contenido y dependiendo 
de la estructura de la edi-
torial dirigirá al equipo 
de editores.
DIRECTOR DE FOTO-
GRAFÍA
Coordina los encargos a 
los fotógrafos y gestiona 
los derechos de propiedad 
intelectual de las imáge-
nes, es el responsable de 
la calidad de todo el mate-
rial fotográfico en conjun-
to con el director de arte y 
el redactor jefe.
DISEÑADORES
Es responsable de ma-
quetar la publicación de 
acuerdo a las pautas es-
tablecidas por el director 
de arte. La autonomía que 
el diseñador tenga en su 
trabajo de maquetación 
dependerá de factores 
como experiencia y la rela-
ción con el director de arte.
Hay directores que par-
ticipan activamente en 
cada detalle del diseño y 
otros que prefieren dele-
gar el trabajo al diseña-
dor y dar el visto bueno 
de la maquetación.
9P
R
IN
C
IP
IO
S
Entretener, informar, 
comunicar, educar o desarrollar 
una combinacione de todas 
estas acciones.
10
D
IS
E
Ñ
O
 E
D
IT
O
R
IA
L 
/ 
M
aq
u
et
ac
ió
n
 y
 D
is
e
ñ
o
EL
EM
EN
TO
S 
D
EL
D
IS
E
Ñ
O
 E
D
IT
O
R
IA
L
IMAGEN TEXTOSESPACIOS EN BLANCO
11
M
A
N
U
S
C
R
IT
O
JE
R
Á
R
Q
U
IC
O
M
O
D
U
L
A
R
S
IS
T
E
M
A
S
 R
E
T
IC
U
L
A
R
E
S
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.
Estructuralmente es 
la retícula más sencilla 
puede haber debido a sus 
elementos, compuesta por 
una área grande y rectan-
gular su objetivo es acoger 
textos largos y continuos 
como los libros. 
Las páginas web son un 
ejemplo de la retícula je-
rárquica, ya que estas se 
adaptan a las necesida-
des de información que 
organizan, pero también 
se basan en las alineacio-
nes según las dimensio-
nes de los elementos.
Las retículas compuestas 
por son ideales para pie-
zas editoriales que requie-
ren cierto control sobre el 
trabajo de diagramación, 
la agrupación de módulos 
para la ubicación de ele-
mentos se denomina
12
D
IS
E
Ñ
O
 E
D
IT
O
R
IA
L 
/ 
M
aq
u
et
ac
ió
n
 y
 D
is
e
ñ
o
S
IS
T
E
M
A
S
 R
E
T
IC
U
L
A
R
E
S
D
E
 C
O
LU
M
N
A
S
La retícula de columnas 
es muy flexible ya que su 
estructura permite organi-
zar los elementos y lograr 
composiciones diversas.
13
E
S
Q
U
E
M
A
 D
E
 V
IL
LA
R
P
A
R
A
 G
E
N
E
R
A
R
 M
Á
R
G
E
N
E
S
El diagramade 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.
Figura 2. Dibujar dos líneas diagonales, de esquina a esquina de la página (a y b).
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.
14
D
IS
E
Ñ
O
 E
D
IT
O
R
IA
L 
/ 
M
aq
u
et
ac
ió
n
 y
 D
is
e
ñ
o
FA
C
TO
R
E
S
 Q
U
E
 D
E
T
E
R
M
IN
A
N
 L
A
 M
A
Q
U
E
T
A
C
IÓ
N Todas las publicaciones 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.
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 
se dispone de ellas, si no, 
un buen punto de partida 
es el diseño del titular.
Una vez terminada la ma-
queta (toda la publicación) 
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
El presupuesto del que se 
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.
PLANIFICACIÓN Y
CALENDARIO
EL CICLO DE
PRODUCCIÓN
FACTORES
PRÁCTICOS
15
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
La maquetación gira entorno a la fotografiaLas fotografías complementan e ilustran el texto
16
D
IS
E
Ñ
O
 E
D
IT
O
R
IA
L 
/ 
M
aq
u
et
ac
ió
n
 y
 D
is
e
ñ
o
FA
C
TO
R
ES
 Q
U
E 
D
ET
ER
M
IN
A
N
 L
A
 M
A
Q
U
E
T
A
C
IÓ
N
FA
C
T
O
R
E
S
 D
E
 D
IS
E
Ñ
O Hoy en día, los lectores de-mandan publicaciones con 
tamaños y formatos mane-
jables, que sean flexibles y 
variadas en su contenido.
Espacio y predominio de la forma
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
17
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.
18
D
IS
E
Ñ
O
 E
D
IT
O
R
IA
L 
/ 
M
aq
u
et
ac
ió
n
 y
 D
is
e
ñ
o
P
A
R
T
E
S
 D
E
 L
A
P
Á
G
IN
A
 E
D
IT
O
R
IA
L
Titulares
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.
19
Cuerpo de texto
Los textos pueden tratarse de diversas maneras, lo 
importante es considerar la exten- sión de la columna, 
esta debe ser lo suficientemente ancha para facilitar la 
legibilidad evitando que el lector confunda las líneas de 
texto.
Asi mismo es importante considerar el interlineado y 
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.
• Textos alineados a la derecha son más difíciles de 
leer
• Textos justificados suelen generar rios pero es fácil 
de arreglar
• Textos alineados a la derecha facilitan la lectura 
y pueden dotar a la publicación de di- namismo y 
movimiento.
Tipos de párrafo
• LAPIDARIO
• FRANCÉS
• DE BANDERA
Ancho de la columna
• Texto extendido
• Mucho texto
• Poco texto
Interlineado
Es el expacio que existe entre línea y línea dentro de un 
párrafo, llamado tambiñen tracking
Interletrado
Es el espacio que existe entre caracteres, llamado 
también kerning.
Viudas
Palabras sueltas la final del párrafo
Huérfanas
Líneas de texto sueltas al final o inicio de las páginas.
Ríos
Se conoce como ríos a los espacios que se forman al 
justificar el texto, que tienen la apariencia de grietas 
que surcan el bloque de texto.
20
D
IS
E
Ñ
O
 E
D
IT
O
R
IA
L 
/ 
M
aq
u
et
ac
ió
n
 y
 D
is
e
ñ
o
Letras capitulares
Este es un recurso para 
evitar que la maquetación 
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 
cabeza con la primera 
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.
P
A
R
T
E
S
 D
E
 L
A
P
Á
G
IN
A
 E
D
IT
O
R
IA
L
21
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 aunquelos 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.
22
D
IS
E
Ñ
O
 E
D
IT
O
R
IA
L 
/ 
M
aq
u
et
ac
ió
n
 y
 D
is
e
ñ
o
LA
S
 P
O
R
TA
D
A
S
E
D
IT
O
R
IA
LE
S Si logramos que alguien 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.
23
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.
24
D
IS
E
Ñ
O
 E
D
IT
O
R
IA
L 
/ 
M
aq
u
et
ac
ió
n
 y
 D
is
e
ñ
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/
25
Diseño y diagramación:
Marlon Espín
Fuentes: Verónica Avilés
Fotografía: Pexels
DISEÑO EDITORIAL
MAQUETACIÓN Y DISEÑO