Diseo Editorial

y
Diseo de la Informacin

Universidad de Chile
Taller Grfico II
Mauricio Vico

Conceptos

Diseo Editorial.
Rama del diseo de informacin, especializada en
el rea de los impresos grficos (libros, revistas,
folletos, etc.)
El diseo editorial ordena y construye a partir de
imgenes y smbolos (textos).
Mejora, sintetiza y jerarquiza informacin
necesaria.

Conceptos

Diseo Editorial.
Rama del diseo de informacin, especializada en
el rea de los impresos grficos (libros, revistas,
folletos, etc.)
El diseo editorial ordena y construye a partir de
imgenes y smbolos (textos).
Mejora, sintetiza y jerarquiza informacin
necesaria.

Editorial.
Empresa dedicada a la edicin de libros, revistas,
folletos, etc.

Conceptos

Diseo Editorial.
Rama del diseo de informacin, especializada en
el rea de los impresos grficos (libros, revistas,
folletos, etc.)
El diseo editorial ordena y construye a partir de
imgenes y smbolos (textos).
Mejora, sintetiza y jerarquiza informacin
necesaria.

Editorial.
Empresa dedicada a la edicin de libros, revistas,
folletos, etc.

Diseo de la informacin.
Arte y ciencia de preparar la informacin, para
ser usada por las personas con eficacia.

Conceptos

Diseo Editorial.
Rama del diseo de informacin, especializada en
el rea de los impresos grficos (libros, revistas,
folletos, etc.)
El diseo editorial ordena y construye a partir de
imgenes y smbolos (textos).
Mejora, sintetiza y jerarquiza informacin
necesaria.

Editorial.
Empresa dedicada a la edicin de libros, revistas,
folletos, etc.

Diseo de la informacin.
Arte y ciencia de preparar la informacin, para
ser usada por las personas con eficacia.
Segn Frascara, el diseo de la informacin
consiste en dos aspectos:

Conceptos

Diseo Editorial.
Rama del diseo de informacin, especializada en
el rea de los impresos grficos (libros, revistas,
folletos, etc.)
El diseo editorial ordena y construye a partir de
imgenes y smbolos (textos).
Mejora, sintetiza y jerarquiza informacin
necesaria.

Editorial.
Empresa dedicada a la edicin de libros, revistas,
folletos, etc.

Diseo de la informacin.
Arte y ciencia de preparar la informacin, para
ser usada por las personas con eficacia.

Segn Frascara, el diseo de la informacin

consiste en dos aspectos:

- La organizacin de la informacin (contenido)

Conceptos

Diseo Editorial.
Rama del diseo de informacin, especializada en
el rea de los impresos grficos (libros, revistas,
folletos, etc.)
El diseo editorial ordena y construye a partir de
imgenes y smbolos (textos).
Mejora, sintetiza y jerarquiza informacin
necesaria.

Editorial.
Empresa dedicada a la edicin de libros, revistas,
folletos, etc.

Diseo de la informacin.
Arte y ciencia de preparar la informacin, para
ser usada por las personas con eficacia.

Segn Frascara, el diseo de la informacin

consiste en dos aspectos:

- La organizacin de la informacin (contenido)

- La planificacin de su presentacin visual

(diagramacin). Esto requiere una organizacin
y presentacin de manera verbal y no verbal.

Conceptos

Diseo Editorial.
Rama del diseo de informacin, especializada en
el rea de los impresos grficos (libros, revistas,
folletos, etc.)
El diseo editorial ordena y construye a partir de
imgenes y smbolos (textos).
Mejora, sintetiza y jerarquiza informacin
necesaria.

Editorial.
Empresa dedicada a la edicin de libros, revistas,
folletos, etc.

Diseo de la informacin.
Arte y ciencia de preparar la informacin, para
ser usada por las personas con eficacia.

Segn Frascara, el diseo de la informacin

consiste en dos aspectos:

- La organizacin de la informacin (contenido)

- La planificacin de su presentacin visual

(diagramacin). Esto requiere una organizacin
y presentacin de manera verbal y no verbal.
La presentacin visual requiere conocimientos de
legibilidad de smbolos, letras, palabras, etc.

Usabilidad

Signos visuales

Segn Shakespear el signo es una

herramienta nica y sublime.
El lenguaje posee niveles, significante y
significado. Un mismo signo puede
poseer muchos significados, de acuerdo
a su contexto, pero en conjunto a otros
signos de la misma naturaleza, pueden
representar la misma idea.

Usabilidad. (calidad de uso)

Se refiere al grado de eficiencia y eficacia en la
satisfaccin de necesidades, cognitivo y
emocional.

El diseo debe reflejar un valor con un concepto,

dndole identidad.

Usabilidad

Signos visuales

Segn Shakespear el signo es una

herramienta nica y sublime.
El lenguaje posee niveles, significante y
significado. Un mismo signo puede
poseer muchos significados, de acuerdo
a su contexto, pero en conjunto a otros
signos de la misma naturaleza, pueden
representar la misma idea.

Usabilidad. (calidad de uso)

Se refiere al grado de eficiencia y eficacia en la
satisfaccin de necesidades, cognitivo y
emocional.

El diseo debe reflejar un valor con un concepto,

dndole identidad.

Con esto genera:

- Sensaciones en el usuario

Usabilidad

Signos visuales

Segn Shakespear el signo es una

herramienta nica y sublime.
El lenguaje posee niveles, significante y
significado. Un mismo signo puede
poseer muchos significados, de acuerdo
a su contexto, pero en conjunto a otros
signos de la misma naturaleza, pueden
representar la misma idea.

Usabilidad. (calidad de uso)

Se refiere al grado de eficiencia y eficacia en la
satisfaccin de necesidades, cognitivo y
emocional.

El diseo debe reflejar un valor con un concepto,

dndole identidad.

Con esto genera:

- Sensaciones en el usuario
- Motivaciones

Usabilidad

Signos visuales

Segn Shakespear el signo es una

herramienta nica y sublime.
El lenguaje posee niveles, significante y
significado. Un mismo signo puede
poseer muchos significados, de acuerdo
a su contexto, pero en conjunto a otros
signos de la misma naturaleza, pueden
representar la misma idea.

Usabilidad. (calidad de uso)

Se refiere al grado de eficiencia y eficacia en la
satisfaccin de necesidades, cognitivo y
emocional.

El diseo debe reflejar un valor con un concepto,

dndole identidad.

Con esto genera:

- Sensaciones en el usuario
- Motivaciones
- Fcil comprensin del entorno

Normas Bsicas

Conceptos bsicos de retcula o grilla.

mrgenes

La retcula es un conjunto de relaciones basadas

en la alineacin, actan como guas en la
distribucin en los elementos de todo formato
(principio organizador).

zonas especiales

Cada retcula contiene las mismas partes bsicas,

con independencia del grado de complejidad que
alcance. Cada parte cumple una funcin
determinada.

lneas de flujo
mdulos

columnas
marcadores

Normas Bsicas

Tipos de retculas:
Retcula de Manuscrito.
Estructura de base rectangular, ocupa la mayor
parte de una pgina.
Acoge textos largos y continuos, tiene una
estructura principal (margen y texto) y
estructuras secundarias que se definen otros
detalles como folio, ttulo de captulo, notas de
pie, numeracin, etc.

Normas Bsicas

Tipos de retculas:
Retcula de Manuscrito.
Estructura de base rectangular, ocupa la mayor
parte de una pgina.
Acoge textos largos y continuos, tiene una
estructura principal (margen y texto) y
estructuras secundarias que se definen otros
detalles como folio, ttulo de captulo, notas de
pie, numeracin, etc.

Retcula de Columnas.
Sirve cuando se presenta informacin discontinua,
as se disponen entre columnas verticales, es de
carcter flexible y se utiliza para separar diversos
tipos informacin, por ejemplo: columnas para
texto y otras para imgenes.

Normas Bsicas

Retcula Modular.
Sirve para proyectos complejos. Los mdulos
pueden ser verticales u horizontales dependiendo
de la organizacin de las imgenes.
Retculas que sirven para diagramar peridicos,
sistemas de diseo de informacin tabulada como
cuadros, formularios, programaciones, etc.

Normas Bsicas

Retcula Modular.
Sirve para proyectos complejos. Los mdulos
pueden ser verticales u horizontales dependiendo
de la organizacin de las imgenes.
Retculas que sirven para diagramar peridicos,
sistemas de diseo de informacin tabulada como
cuadros, formularios, programaciones, etc.

Retcula Jerrquica.
Esta rompe con todos los esquemas anteriores, ya
que esta basada en suposicin intuitiva de
alineaciones relacionadas a las proporciones de los
elementos.

Normas Bsicas

El trabajo con retculas significa someterse a leyes
de: orden, claridad, concentracin y objetividad,
racionalizacin.

Normas Bsicas

El trabajo con retculas significa someterse a leyes
de: orden, claridad, concentracin y objetividad,
racionalizacin.
Construccin de la mancha tipogrfica.
Mancha tipogrfica es el nombre que se le da a la
superficie impresa. El formato de la pgina y la
amplitud de los mrgenes determina la dimensin
de sta.

Normas Bsicas

El trabajo con retculas significa someterse a leyes
de: orden, claridad, concentracin y objetividad,
racionalizacin.
Construccin de la mancha tipogrfica.
Mancha tipogrfica es el nombre que se le da a la
superficie impresa. El formato de la pgina y la
amplitud de los mrgenes determina la dimensin
de sta.

Mrgenes o blancos de pgina.

Los blancos cumplen la funcin de comunicar de
manera ms grata y precisa.

Normas Bsicas

Columnas.
Cuando se crean columnas anchas se necesitan
interlineados ms anchos y se componen de tipos
muy contrastados como el Bodoni.
Las letras pequeas no son recomendables para
usuarios poco entrenados dependiendo con la
relacin con la equis de la tipo se descartan los
cuerpos 9 y 12.

Carcter por lnea

Mnimo

34

ptimo

45

Mximo

68

Bajos lectores

Altos lectores

Mnimo

34

45

ptimo

45

60

Mximo

60

80

Normas Bsicas

Tamao internacional del papel.

En Europa se opera con un sistema de
normalizacin de tamaos para imprenta, este es
conocido como tamao DIN, estndares
continentales o de las series.
Las series A son por lo general para trabajo de
imprenta. La hoja mide 841 x 1181 mm.
Cada nmero despus de la inicial A indica la
mitad del tamao de la superficie precedente. As
A1 es la mitad de A0, A2 es la cuarta parte de A0
y A3 es la octava parte de A0. As sucesivamente

Normas Bsicas

Tamao internacional del papel.

En Europa se opera con un sistema de
normalizacin de tamaos para imprenta, este es
conocido como tamao DIN, estndares
continentales o de las series.
Las series A son por lo general para trabajo de
imprenta. La hoja mide 841 x 1181 mm.
Cada nmero despus de la inicial A indica la
mitad del tamao de la superficie precedente. As
A1 es la mitad de A0, A2 es la cuarta parte de A0
y A3 es la octava parte de A0. As sucesivamente

Las series B constituyen una alternativa para series A,

se usan para carteles, mapas, murales, etc. El tamao
bsico llamado B0 mide 1000 x 1414 mm.

Normas Bsicas

Tamao internacional del papel.

En Europa se opera con un sistema de
normalizacin de tamaos para imprenta, este es
conocido como tamao DIN, estndares
continentales o de las series.
Las series A son por lo general para trabajo de
imprenta. La hoja mide 841 x 1181 mm.
Cada nmero despus de la inicial A indica la
mitad del tamao de la superficie precedente. As
A1 es la mitad de A0, A2 es la cuarta parte de A0
y A3 es la octava parte de A0. As sucesivamente

Las series B constituyen una alternativa para series A,

se usan para carteles, mapas, murales, etc. El tamao
bsico llamado B0 mide 1000 x 1414 mm.

Las series C se usan para folletos, tarjetas postales, y

sobre todo que permiten la insercin de tamaos tipo
A, por ejemplo, un sobre C6 que mide 114 x 162 mm.
Puede contener a una A6 que mide 105 x 148 mm.

Normas Bsicas

Formato tamao mercurio. Este pliego tiene
una medida de 1100 x 770 mm.
Como en los otros formatos la divisin
corresponde a la mitad del tamao de la superficie
precedente. As mercurio es la mitad de 1
mercurio, corresponde a la mitad del
mercurio y as sucesivamente.

Normas Bsicas

Espaciado entre letras.

Estos deben ser los ms cortos posibles, apenas
para distinguir los vocablos como individuales,
pues se producen manchas blancas si se
dispersan.
Letras que exigen ms espaciado de lo normal.
- Letras finas
- Letras extendidas
- Letras muy reducidas (debajo de 6mm.)
El espacio entre letras se mide por
cuadratn.

N / N + interlnea

N= cuerpo de la tipografa
N + interlnea = interlineado, que es
igual a la suma de un cuerpo +
interlinea

Normas Bsicas

Interlineado
Un interlineado pequeo o grande afecta la
imagen ptica de la tipografa y disminuye el
inters por la lectura.
El interlineado ptimo es de dos puntos en
relacin al cuerpo tipogrfico.

Distrados en razonar la
inmortalidad, habamos
dejado que anocheciera sin
encender la lmpara.
Las caras
No nos veamos las caras. Con
una indiferencia y una dulzura
ms convincentes que el
fervor, la voz de Macedonio
Fernndez repeta que el alma
es inmortal.

Distrados en razonar la
inmortalidad, habamos
dejado que anocheciera sin
encender la lmpara.
Las Caras
No nos veamos las caras. Con
una indiferencia y una dulzura
ms convincentes que el
fervor, la voz de Macedonio
Fernndez repeta que el alma
es inmortal.

Normas Bsicas

Las formas, bloques o banderas.

Un texto alineado a la izquierda (bandera) es ms
ptimo que el justificado, pues otorga modernidad
y dinamismo al leer pero reduce el nmero de
caracteres por lnea v/s el justificado que es ms
econmico, da mayor nmero de caracteres por
lnea, es ms tradicional y necesita mayor
interlineado y corte de palabras.
Distrados en razonar la
inmortalidad, habamos dejado que
anocheciera sin encender la lmpara.

Distrados en razonar la
inmortalidad, habamos dejado que
anocheciera sin encender la lmpara.

Las Caras

Las Caras

No nos veamos las caras. Con una

indiferencia y una dulzura ms
convincentes que el fervor, la voz de
Macedonio Fernndez repeta que el
alma es inmortal.

No nos veamos las caras. Con una

indiferencia y una dulzura ms
convincentes que el fervor, la voz de
Macedonio Fernndez repeta que el
alma es inmortal.

Normas Bsicas

Destacar palabras.
Lo ms til para destacar palabras es el uso de
negritas y cursivas, ambas refuerzan la idea de la
frase.

Distrados en razonar la
inmortalidad, habamos dejado que
anocheciera sin encender la lmpara.

Distrados en razonar la
inmortalidad, habamos dejado que
anocheciera sin encender la lmpara.

Las Caras

Las Caras

No nos veamos las caras. Con una

indiferencia y una dulzura ms
convincentes que el fervor, la voz de
Macedonio Fernndez repeta
que el alma es inmortal.

No nos veamos las caras. Con una

indiferencia y una dulzura ms
convincentes que el fervor, la voz de
Macedonio Fernndez repeta
que el alma es inmortal.

Normas Bsicas

Uso de capitulares.
Las capitulares o letras inciales de texto son las
maysculas cadas, estas deben ampliarse en un
nmero exacto de lneas de texto y alinearse
correctamente usando la base de la lnea inferior .

Normas Bsicas

Uso de capitulares.
Las capitulares o letras inciales de texto son las
maysculas cadas, estas deben ampliarse en un
nmero exacto de lneas de texto y alinearse
correctamente usando la base de la lnea inferior .

Ttulos y subttulos.
Este tiene relacin con el espacio que lo rodea y
con la colocacin del texto, para que quede
proporcional con la forma y la pgina.

Normas Bsicas

Recomendaciones para cdigos tipogrficos.

Las abreviaturas no deben utilizarse en el bloque
de texto.
Las abreviaturas en su uso llevan punto, tiene
marca en plural y mantendrn el acento cuando
mantenga la vocal en origen.
Las siglas nunca llevan punto, se escriben en
maysculas o versalitas y no tiene marca en plural
(IBM) nunca deben partirse al final de la lnea.

Despus de cualquier signo de puntuacin

excepto en el punto y aparte se debe dejar un
espacio.
Nunca debe ponerse un punto despus de un
signo de interrogacin o exclamacin.

Normas Bsicas

Los signos ortogrficos deben escribirse con el
mismo tipo de letra e igual cuerpo de la palabra
que lo precede o que le sigue.
No se debe abusar del uso de parntesis y la
raya .
Si coinciden la raya y el parntesis, ser la raya
la que se incluya dentro del parntesis.
Despus del signo (:) se escribir minscula ,
excepto en los casos de una cita que en su origen
lleve mayscula.
El guin es distinto a la raya, solo se usa en
palabras compuestas o para la particin de
palabras.
Al realizar llamadas dentro de un texto, es
recomendable el uso de asteriscos que remitan a
una sola nota; cuando se recurre a varias notas es
necesario enumerarlas.

Normas Bsicas

Los millares que indican el ao, no deben
separarse por un punto ( el ao 1999, no 1.999)
Los decimales se separan por una coma.
La separacin de los minutos y las horas se
deben hacer con dos puntos (21:30).

Los meses se escriben con minsculas.

Las maysculas se acentan.