DISEO

editoriAl

conceptos
El diseo editorial es una parte del diseo
grfico, que se especializa en componer visualmente textos e imgenes.
Contenido > organizacin > jerarquzacin
> presentacin visual > diagramacin >
usabilidad > satisfaccin de necesidades
Segn Frascara, el diseo de la informacin
debe reflejar un valor con un concepto,
dndole identidad al soporte grfico.

2/DISEOEDITORIAL

historia
Los primeros diseadores de soportes
grficos fueron los egipcios, los griegos
y los romanos.
Escritura e ilustracin sobre papiro > pergamino de pieles de animales > folios de
pergamino apilados y cosidos > papel de
morera o bamb inventado en China
La fabricacin de papel se extendin desde China, hacia Arabia, Europa y al resto
del mundo.
DISEOEDITORIAL / 3

historia
Johannes Gutenberg produjo la primera Biblia impresa en 1455 con las prensas de
tipos mviles.
Conocido erroneamente como padre de la
imprenta
En Corea 1241 ya exisitan los tipos mviles
de cermica, ellos imprimian papel moneda, cartas de juego y libros

4/DISEOEDITORIAL

historia

Rollos de papiro

Invencin de la
Imprenta

Diseo editorial en
soportes impresos

E-books e-magazines
y Libros
interactivos RA
DISEOEDITORIAL / 5

partes de un soporte
Lomo
Hojas
Portada
Pginas de respeto
Cabeza
Pie

6/DISEOEDITORIAL

partes de la pgina
Pagina izq y der
Doble pgina
Folio explicativo
Medianil
Mrgenes
Numeracin
Cabeza
Pie
rea de diagramacin y
diseo
DISEOEDITORIAL / 7

Paleta bsica
1. Formato
Apaisado
Vertical
Cuadrado

8/DISEOEDITORIAL

seccin urea
Seccin urea

tamao DIN Series A

DISEOEDITORIAL / 9

Paleta bsica
2. Retcula
Proporciones internas
Guas para composicin
de elementos
Columnas
Filas
Unidad de imagen o texto

10/DISEOEDITORIAL

tipos de retcula
Simtricas
Asimtricas

T1

LECCIN ESCRITA
DISEOEDITORIAL / 11

retcula
Retcula de movimiento moderno

12/DISEOEDITORIAL

Emil Ruder / 9 campos

DISEOEDITORIAL / 13

Josef Muller B. imagenes irregulares

14/DISEOEDITORIAL

DISEOEDITORIAL / 15

16/DISEOEDITORIAL

DISEOEDITORIAL / 17

18/DISEOEDITORIAL

DISEOEDITORIAL / 19

20/DISEOEDITORIAL

DISEOEDITORIAL / 21

22/DISEOEDITORIAL

DISEOEDITORIAL / 23

24/DISEOEDITORIAL

DISEOEDITORIAL / 25

26/DISEOEDITORIAL

T2

TRAER IMAGENES O IMPRESOS DE RETICULA DE

MOVIMIENTO MODERNO, EXPOSICIN UNITARIA
DISEOEDITORIAL / 27

Indesignclase1

Lnea de corte Sangrado Mrgen rea para anotaciones (slug)

28/DISEOEDITORIAL

Espacio de trabajo
Barra de mens

Herramientas

Paletas

Barra de opciones
DISEOEDITORIAL / 29

Crear pginas maestras

SECCION

100

30/DISEOEDITORIAL

T3

LECCION PRCTICA: CREAR 4 MASTERS DE 9, 16 y 2

MODULOS COLGANTES (FOLIO Y PAGINACIN)
DISEOEDITORIAL / 31

Paleta bsica
3. Paleta Tipogrfica
Antetitulo, texto simulado

TITULO OK

Lead texto simulado

dolummy nibh el ea
ad ming esto odit
nostie conullamet,
quat, vullaore conse
dio odip er

uerpo de textoIm iril erat

ametum
iuscinis nisi te dolor sectet
num ipit praestrud tat,
vullam vullaor sit nis
ex ea feugiam
Sum exeros at aut aut
ulla conulla ndipit alis
nonse veliquisim quis
ex elestio nsecte do
conse venibh endit aut
praessed et lametNibh
erosting eu feummy
nim nummy nosto

odipit irilla alit, consed

minibh ent pratis alit
am, quat inci tie mincilit illan ver iriure
minibh enisim velit ip
er sim iriliqu ipsustrud
tat vel irit venim augue

32/DISEOEDITORIAL

Sstion henibh exerat

praesse esse vulputpatisi tie feuguerat
alissis alit num et ad
tion veliquis dolum
velit lut velis dolesto
od magna am alisl
ipit, corperosto conum ip ea commy

Entresacado,
informacin
interesanrte de
la pgina.
Pie de foto, informacion bsica
dolummy nibh el ea
ad ming esto odit
nostie conullamet,
quat, vullaore conse
dio odip er
Sstion henibh exerat
praesse esse vulputpatisi tie feuguerat
alissis alit num et ad

tion veliquis dolum

velit
lutlasdjflasj
laskdjf, lskdf..
Cvelis dolesto od
magna am alisl ipit,
corperosto conum ip
ea coNa faciliquate
ea

feuiscipisi

tem

vulluptate magnibh
el irit nibh ea faccum
nosto esequip eugue
vulla
ore consectet velit
praesting er sequat.
Ut ulla feugue dunt la
facilla adignis nullut
prat esto od dolen

Sangras
Regular

Francesa

Sangra, uisiscilit prat Sangra francesa consed

tat, vel esequam
Ercilit lutat. Bore del et
acin ute volum dolor
lute magnim nis at velississit numm.
mo loboreet, sustrud tem
zzrilit dolenim et ipsusDumsandip ea feugiat.
trud eui bla.
Henim zzriure con heAt ut augaitIduipsuscidui nim iustionsed tat, se tin
tismolo rtincidui blaore elendipit er ipsustinLor si
bla augue magnis ea
mod ming

Lnea Cada
Lneas cadas Odit volumsa ndipsum dolorer
alisim sf.
Nonse sd ed srl
consectet iure tatueros
accum dolummy nostrud
dolestrud tatismo doloree tum niatuer.
Al es estr ds
ud dolorem ing ex .
DISEOEDITORIAL / 33

Alineacin
Izquierda
Iuam acin ute vo
lum dolor sissit numm
umsandip ea
feugiat.
iure con henim
iustionsed tat, se tin
elendipit er ipsustin sd

34/DISEOEDITORIAL

Derecha

Centrada

Iuam acin ute vo

Iuam acin ute volum
um dolor sissit numm
dolor sissit numm
umsandip ea fiat. Henim
umsandip
zzriure con henim iusea feugiat. Henim z
tionsed tat, se tin zriure con henim iustionelendipit er
sed tat, se tin ele
ipsustin sd
ndipit er ipsustin sd

Justificado
Luam acin ute volum dolor sissit numm umsandip ea feugiat. Henim
zzriure con henim tat, se
tin elendipit er ipd.
Luam acin ute volum dolor sissit numm umsandip
ea feugiat. Henim zzriure
con henim iustionsed

Justificado

Pie de lmpara

Iuam acin ute volum do- Iuam acin ute volum dolor sissit numm umsandip lor sissit numm umsandip
ea feugiat. Henim zzriure ea feugiat. Henim zzri
con henim iustionsed tat,
ure con henim iustio
se tin elendipit er ipsusnsed tat, se tin e
lendipit er ipsu
tin sd.
stin sd.
Luam acin ute volum do
lor sissit numm umsandip
ea feugiat. Henim zzriure con henim iustionsed
DISEOEDITORIAL / 35

Espacios

Las lnes
cortas son
comunes junto
a una imagen o
entresacado
destruyen la
redaccin de las
frases

36/DISEOEDITORIAL

No obstante
si la escritura
es breve
y directa
puede
conservar
significado o
incluso realzar

Si la alineacion

palabra

justificada

compensar

una

en

columna

estrecha

para
la

breve longitud.

que

contiene pocos

El espacio entre

caracteres

palabras

da

ningn guin .

lugar a calles

No

hay

escaleras,

suficientes

que

divisiones

desiguales.

de

resultan
DISEOEDITORIAL / 37

El mismo texto justificado en

uno

columna mas ancha , presenta

efecto visual

las mismas deficiencias

directo en el otro.

y el

problema de espacios se reduce.

ejercen

Se presentarian
c o m o manchas negras en el

El espacio entre

texto, destuye el contenido y l a

palabras y entre

legibilidad

caracteres
funcionan de

El deformar los caracteres

forma combinada,

destruye por completo

los ajustes de

la integridad de el tipo

38/DISEOEDITORIAL

El interlineado muy angosto

dificulta la lectura y la legibilidad,
la forma de los caracteres
se encuentra seriamente
comprometida.

El interlineado debe ser uniforme,

asi favorece la legibilidad y otorga
unidad.
El espacio despus de cada prrafo
ayuda a dar aire y descanso a la
lectura, no se recomienda deformar
o escalar los caracteres.
La tolerancia ente espacios asi el
contenido se visulizara armnico,
moderno y dinmico.

T4

TRAER SOPORTES EDITORIALES CON LOS ERRORES

MENCIONADOS, PARA DISCUTIRLOS EN CLASE
DISEOEDITORIAL / 39

Recomendaciones
Espaciado amplio
Letras finas
letras extendidas
letras muy reducidas
Caracteres por lnea
mnimo
34
ptimo
45
mximo
68
Bajos lectores Altos lectores
Mnimo 34
45
ptimo 45
60
Mximo 60
80
40/DISEOEDITORIAL

tipos de letras
serif
Tipografas con
remates en sus
extremos.

Serif

san serif
Tipografa sin
remates en sus
extremos.

San serif
DISEOEDITORIAL / 41

42/DISEOEDITORIAL

DISEOEDITORIAL / 43

44/DISEOEDITORIAL

DISEOEDITORIAL / 45

46/DISEOEDITORIAL

DISEOEDITORIAL / 47

48/DISEOEDITORIAL

DISEOEDITORIAL / 49

50/DISEOEDITORIAL

DISEOEDITORIAL / 51

52/DISEOEDITORIAL

DISEOEDITORIAL / 53

54/DISEOEDITORIAL

DISEOEDITORIAL / 55

56/DISEOEDITORIAL

DISEOEDITORIAL / 57

58/DISEOEDITORIAL

DISEOEDITORIAL / 59

60/DISEOEDITORIAL

T5

LECCION ORAL UNITARIA: 1 PREGUNTA X ALUMNO

TODO EL CONTENIDO DE TIPOGRAFA
DISEOEDITORIAL / 61

Indesignclase2
Caja de texto
Crear cajas de texto
Importacion
Arrastrar
Enlaces
Estilos de caracter

62/DISEOEDITORIAL

Tracking
Leading
Kerning

Espacio entre palabras

Interlineado
Interletraje

DISEOEDITORIAL / 63

T6
64/DISEOEDITORIAL

TRAER IMAGENES CON FONDO BLANCOS PARA REALIZAR EL CONTORNO DE TEXTO

Cajas de texto

Contorno
Limpiar texto
Buscar / cambiar texto
Revisin ortogrfica
Instalar fuentes

DISEOEDITORIAL / 65

Estilos de prrafo

Cuerpo de texto
Primer parrafo
Capitulares
Estilos anidados
Importacin de estilos de otros documentos
Tabulaciones
Tablas

66/DISEOEDITORIAL

Tablas

Edicin de tablas
Color
Linea
VIetas
Ancho

F1

LECCION ORAL UNITARIA

TODO LO REVISADO
DISEOEDITORIAL / 67

EX

T. EXTRA: GRAFICO DEL ENTORNO DE TRABAJO, EXPLICANDO GRAFICA-TEXT. SU FUNCION

68/DISEOEDITORIAL