Diseño Editorial

D I S E Ñ OeditoriAl

2/DISEÑOEDITORIAL

conceptosEl diseño editorial es una parte del diseño gráfico, que se especializa en componer vi-sualmente textos e imágenes.

Contenido > organización > jerarquízación > presentación visual > diagramación > usabilidad > satisfacción de necesidades

Según Frascara, el diseño de la información debe reflejar un valor con un concepto, dándole identidad al soporte gráfico.

DISEÑOEDITORIAL / 3

historiaLos primeros diseñadores de soportes gráficos fueron los egipcios, los griegos y los romanos.

Escritura e ilustración sobre papiro > per-gamino de pieles de animales > folios de pergamino apilados y cosidos > papel de

morera o bambú inventado en China

La fabricación de papel se extendión des-de China, hacia Arabia, Europa y al resto del mundo.

4/DISEÑOEDITORIAL

historiaJohannes Gutenberg produjo la primera Bi-blia impresa en 1455 con las prensas de tipos móviles.

Conocido erroneamente como “padre de la imprenta”

En Corea 1241 ya exisitan los tipos móviles de cerámica, ellos imprimian papel mone-da, cartas de juego y libros


historia

E-books e-magazines y Libros

interactivos RA

Diseño editorial en soportes impresos

Invención de la Imprenta

Rollos de papiro

6/DISEÑOEDITORIAL

partes de un soporte

Lomo•Hojas•Portada•Páginas de respeto•Cabeza•Pie•


partes de la página

Pagina izq y der•Doble página•Folio explicativo•Medianil•Márgenes•Numeración•Cabeza •Pie•Área de diagramación y •diseño

8/DISEÑOEDITORIAL

Paleta básica

1. Formato

Apaisado•Vertical•Cuadrado•


tamaño DIN · Series A

Sección áurea

sección áurea

10/DISEÑOEDITORIAL

2. Retícula

Proporciones internas•Guías para composición •de elementosColumnas•Filas•Unidad de imagen o texto•

Paleta básica


Simétricas•Asimétricas•

tipos de retícula

LECCIÓN ESCRITAT1

12/DISEÑOEDITORIAL

Retícula de movimiento moderno

retícula


Emil Ruder / 9 campos

14/DISEÑOEDITORIAL

Josef Muller B. imagenes irregulares

16/DISEÑOEDITORIAL

18/DISEÑOEDITORIAL

20/DISEÑOEDITORIAL

22/DISEÑOEDITORIAL

24/DISEÑOEDITORIAL

26/DISEÑOEDITORIAL


TRAER IMAGENES O IMPRESOS DE RETICULA DE MOVIMIENTO MODERNO, EXPOSICIÓN UNITARIAT2

28/DISEÑOEDITORIAL

Línea de corte · Sangrado · Márgen · Área para anotaciones (slug)

Indesignclase1


Espacio de trabajo

Herramientas Paletas

Barra de opciones

Barra de menús

30/DISEÑOEDITORIAL

Crear páginas maestras

SECCION

100


LECCION PRÁCTICA: CREAR 4 MASTERS DE 9, 16 y 2 MODULOS COLGANTES (FOLIO Y PAGINACIÓN)T3

32/DISEÑOEDITORIAL

Paleta básica3. Paleta Tipográfica

TITULO OKAntetitulo, texto simulado

Lead texto simulado Entresacado, información interesanrte de la página.

Pie de foto, informacion básica

Cuerpo de tex-toIm iril erat ametum ius-

cinis 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 min-cilit illan ver iriure minibh enisim velit ip er sim iriliqu ipsustrud tat vel irit venim augue

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

Sstion henibh exerat praesse esse vulput-patisi tie feuguerat alissis alit num et ad tion veliquis dolum velit lut velis dolesto od magna am alisl ipit, corperosto co-num ip ea commy

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

Sstion henibh exerat praesse esse vulput-patisi 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


Sangrías

Sangría, uisiscilit prat Ercilit lutat. Bore del et lute magnim nis at velis-mo loboreet, sustrud tem zzrilit dolenim et ipsus-trud eui bla.

At ut augaitIduipsuscidui tismolo rtincidui blaore mod ming

Líneas caídas Odit vo-lumsa ndipsum dolorer alisim sf. Nonse sd ed srl consectet iure tatueros accum dolummy nostrud dolestrud tatismo dolo-ree tum niatuer. Al es estr ds ud dolorem ing ex .

Sangría francesa consed tat, vel esequam acin ute volum dolor sissit numm.

Dumsandip ea feugiat. Henim zzriure con he-nim iustionsed tat, se tin elendipit er ipsustinLor si bla augue magnis ea

Regular Francesa Línea Caída

34/DISEÑOEDITORIAL

Alineación

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

Iuam acin ute voum dolor sissit numm

umsandip ea fiat. Henim zzriure con henim ius-

tionsed tat, se tin elendipit er ipsustin sd

Iuam acin ute volum dolor sissit numm

umsandip ea feugiat. Henim z

zriure con henim iustion-sed tat, se tin ele

ndipit er ipsustin sd

Izquierda Derecha Centrada


Luam acin ute volum do-lor sissit numm umsan-dip ea feugiat. Henim zzriure con henim tat, se tin elendipit er ipd.

Luam acin ute volum do-lor sissit numm umsandip ea feugiat. Henim zzriure

con henim iustionsed

Iuam acin ute volum do-lor sissit numm umsandip ea feugiat. Henim zzriure con henim iustionsed tat, se tin elendipit er ipsus-

tin sd.Luam acin ute volum do-lor sissit numm umsandip ea feugiat. Henim zzriu-re con henim iustionsed

Iuam acin ute volum do-lor sissit numm umsandip

ea feugiat. Henim zzriure con henim iustio

nsed tat, se tin elendipit er ipsu

stin sd.†

Justificado Justificado Pie de lámpara

36/DISEÑOEDITORIAL

Las línes cortas son

comunes junto a una imagen o

entresacadodestruyen la

redacción de las frases

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

Espacios


Si la alineacion

justificada en

una columna

estrecha que

contiene pocos

caracteres y

ningún guión .

No hay

s u f i c i e n t e s

divisiones de

palabra para

compensar la

breve longitud.

El espacio entre

palabras da

lugar a calles

o escaleras,

que resultan

d e s i g u a l e s .

38/DISEÑOEDITORIAL

El mismo texto justificado en

columna mas ancha , presenta

las mismas deficiencias y el

problema de espacios se reduce.

E l e s p a c i o e n t r e

p a l a b r a s y e n t r e

c a r a c t e r e s

f u n c i o n a n d e

f o r m a c o m b i n a d a ,

l o s a j u s t e s d e

u n o e j e r c e n

e f e c t o v i s u a l

d i r e c t o e n e l o t r o .

S e p r e s e n t a r i a n

c o m o manchas negras en el

texto, destuye el contenido y l a

l e g i b i l i d a d

El deformar los caracteres

destruye por completo

la integridad de el tipo


El interlineado debe ser uniforme, asi favorece la legibilidad y otorga unidad.

El espacio después de cada párrafo 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 armónico, moderno y dinámico.

El interlineado muy angosto dificulta la lectura y la legibilidad, la forma de los caracteres se encuentra seriamente comprometida.

TRAER SOPORTES EDITORIALES CON LOS ERRORES MENCIONADOS, PARA DISCUTIRLOS EN CLASET4

40/DISEÑOEDITORIAL

mínimo 34óptimo 45máximo 68

Letras finasletras extendidasletras muy reducidas

Caracteres por línea

Espaciado amplio

Bajos lectores Altos lectoresMínimo 34 45 Óptimo 45 60Máximo 60 80

Recomendaciones


tipos de letrassan serifserif

Tipografías con remates en sus extremos.

Tipografía sin remates en sus extremos.

Serif San serif

42/DISEÑOEDITORIAL

44/DISEÑOEDITORIAL

46/DISEÑOEDITORIAL

48/DISEÑOEDITORIAL

50/DISEÑOEDITORIAL

52/DISEÑOEDITORIAL

54/DISEÑOEDITORIAL

56/DISEÑOEDITORIAL

58/DISEÑOEDITORIAL

60/DISEÑOEDITORIAL


LECCION ORAL UNITARIA: 1 PREGUNTA X ALUMNO TODO EL CONTENIDO DE TIPOGRAFÍA T5

62/DISEÑOEDITORIAL

Caja de texto

Crear cajas de textoImportacionArrastrarEnlacesEstilos de caracter

Indesignclase2


TrackingLeadingKerning

Espacio entre palabras

Interlineado

Interletraje

64/DISEÑOEDITORIAL

TRAER IMAGENES CON FONDO BLANCOS PARA RE-ALIZAR EL CONTORNO DE TEXTOT6


Cajas de texto

ContornoLimpiar textoBuscar / cambiar textoRevisión ortográficaInstalar fuentes

66/DISEÑOEDITORIAL

Cuerpo de textoPrimer parrafoCapitularesEstilos anidadosImportación de es-tilos de otros docu-mentosTabulacionesTablas

Estilos de párrafo


Tablas

Edición de tablasColorLineaVIñetasAncho

LECCION ORAL UNITARIATODO LO REVISADOF1

68/DISEÑOEDITORIAL

T. EXTRA: GRAFICO DEL ENTORNO DE TRABAJO, EX-PLICANDO GRAFICA-TEXT. SU FUNCIONEX

Diseño Editorial

Documents

Transcript of Diseño Editorial