Diagramacion

DIPLOMADO EN EDICION

Diagramaci贸n

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Diagramación El diseño de libros, al igual que la tipografìa, es una de esas cosas que pasamos por alto al menos que las practiquemos profesionalmente. Como lectores no somos concientes del buen diseño al menos

Pontifi

que este mal entonces salta a la vista.

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Definición El diagramador resuelve la organización de las páginas de acuerdo con las normas ya establecidas por el diseñador en el manual de diseño.

Diagramar es distribuir, organizar los elementos del mensaje bimedia (texto e imagen) en el espacio bidimensional (el papel) mediante criterios de jerarquización (importancia) buscando funcionalidad del mensaje (fácil lectura) bajo una

Pontifi

apariencia estética agradable (aplicación adecuada de tipografías y colores).

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

El libro es un objeto • Miramos siempre páginas enfrentadas • La página es parte de un todo (el resto del libro)

Pontifi

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Elementos de la diagramación Elaborar un mensaje visual sencillo que haga fácil la comunicación,

• Tipografía • Composición • Color

que haga de

Facilitar la lectura recurriendo al uso de un criterio

esa página una

de color que armonice con el mensaje, a una

agradable lectura.

Pontifi

tipografía que refuerze el carácter de ese contenido y a una composición que envuelva al lector en la dinámica o la placidez de ese mensaje.

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Tipografía

Tipografía Punto = 0.350 mm Pica = 12 puntos

Anatomía de la letra

1/72”

Pontifi

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Tipografía

Tipografía Clasificación de las letras

Serif

Sans-serif Pontifi

Script

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Tipografía

Tipografía Legibilidad

Forma de la letra (velocidad)

Lecturabilidad

Facilidad de lectura. Manera en que se organiza la tipografía en el espacio para que pueda ser leida.

Pontifi

MarĂ­a

MARIA

M a r í a

diplomado en edici贸n universidad javeriana

diplomado en edici贸n universidad javeriana

diplomado en edici贸n universidad javeriana

es mejor escribir en minĂşsculas, se lee mejor

es mejor escribir en minĂşsculas, se lee mejor

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Tipografía

Cómo seleccionar la Tipografía 1. Anchos de letra similiares

aefjsrm Pontifi aef jsrm

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Tipografía

Cómo seleccionar la Tipografía 2. Elija fuentes medium Como se puede apreciar en este ejemplo, resulta un poco más difícil la lectura de un texto en Bold. Además, visualmente es denso y cansa para la lectura. El texto en bold debería utilizarse sólo para destacar o en títulos o subtítulos.

Pontifi

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Tipografía

Cómo seleccionar la Tipografía 2. Elija fuentes medium Como se puede apreciar en este ejemplo, es mucho más fácil la lectura de un texto en Normal. Visualmente es más relajado y no cansa para la lectura.

Pontifi

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Tipografía

Cómo seleccionar la Tipografía 3. Tipografías con una altura x moderada y ascendentes y descendentes claramente definidos son más legibles.

Pontifi

n nn En realidad no se puede hablar de tipografía sin referirse a la altura x.

Basicamente, la altura x es la altura de las letras minúsculas que no tienen ascendentes ni descendentes.

A diferencia del tamaño en puntos, la altura x no es una unidad de medida, es una descripción proporcional de las letras minúsculas. En una fuente con una altura x grande las minúsculas son mas altas en proporción con sus ascendentes y descendentes.

En realidad no se puede hablar de tipografía sin referirse a la altura x. Basicamente, la altura x es la altura de las letras minúsculas que no tienen ascendentes ni descendentes. A diferencia del tamaño en puntos, la altura x no es una unidad de medida, es una descripción proporcional de las letras minúsculas. En una fuente con una altura x grande las minúsculas son mas altas en proporción con sus ascendentes y descendentes.

En realidad no se puede hablar de tipografía sin referirse a la altura x. Basicamente, la altura x es la altura de las letras minúsculas que no tienen ascendentes ni descendentes. A diferencia del tamaño en puntos, la altura x no es una unidad de medida, es una descripción proporcional de las letras minúsculas. En una fuente con una altura x grande las minúsculas son mas altas en proporción con sus ascendentes y descendentes.

Book Antiqua 14/18 pts

Minion 14/18 pts

Jenson Pro 14/18 pts

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Tipografía

Cómo seleccionar la Tipografía 4. Busque tipografías con variaciones en el grosor de sus trazos.

PPP

Pontifi

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Tipografía

Cómo seleccionar la Tipografía 5. Evite fuentes con caracteres tipo espejo.

dbdb

Pontifi

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Tipografía

Cómo seleccionar la Tipografía 6. No use fuentes con espacios interiores amplios.

abg

Pontifi

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Tipografía

Cómo seleccionar la Tipografía 7. Evite fuentes con terminaciones decoradas.

gkrm

Pontifi

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Tipografía

Reglas para el manejo de texto Interlínea 120% Unt alit veriurem ipit lore duisl ut wissequisisi eugait ulput utatummy nulla con ut ut vullam ipis dolorpe riusto coreet ea faccum diat alit ero del dolummo dolorpe rcilla feugueros dunt ut et, sequat irit niscilit ecte volummodigna faciduisis nonsenim Guer inim ip ecte dolutat, si eriliquipit, con henim dolortie diat. Gait ipit nosto odo od doluptat ulputpat lorperci ting ea consectem dunt la feum elisl utat vullamcorem vulput ipsustio deliqui psustie vel er sustrud el dolor iliqui tie commy nit nonum aut veliquipit illamco rperaessed et alisit aliquam in velenia mconsed dolor amcons el dolent vel ipsuscinim quat in henisi.

Caslon Pro 12/14 pts

14 pts

Unt alit veriurem ipit

Pontifi

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Tipografía

Reglas para el manejo de texto Interlínea Unt alit veriurem ipit lore duisl ut wissequisisi eugait ulput utatummy nulla con ut ut vullam ipis dolorpe riusto coreet ea faccum diat alit ero del dolummo dolorpe rcilla feugueros dunt ut et, sequat irit niscilit ecte volummodigna faciduisis nonsenim Guer inim ip ecte dolutat, si eriliquipit, con henim dolortie diat. Gait ipit nosto odo od doluptat ulputpat lorperci ting ea consectem dunt la feum elisl utat vullamcorem vulput ipsustio deliqui psustie vel er sustrud el dolor iliqui tie commy nit nonum aut veliquipit illamco rperaessed et alisit aliquam in velenia mconsed dolor amcons el dolent vel ipsuscinim quat in henisi.

Caslon Pro 12/18 pts

Pontifi

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Tipografía

Reglas para el manejo de texto Longitud de línea 35-70 caracteres por línea Lo que trasciende no son los espejismos de lo material, sino tu riqueza espiritual, lo que eres y el amor que ofreces. Lo que vale es darte y dar, que es lo único que te enriquece, no las posesiones que acumulas. Importa lo que construyes en el instante fugaz, no los errores de un pasado que sólo es recuerdo. Importa la sabiduría que vives y compartes, no los títulos y cargos que inflan tu ego. Importa la verdad, no tu verdad, valen los buenos frutos, no las vanas promesas. Lo que importa no es cuanto vives, dónde vives y qué tienes, sino cómo vives y cuánto amas. Lo valioso está en tu interior y en el de los demás, no en la fachada. Lo que necesitas no es lo que sólo te da placer; tantas veces lo que más necesitas es lo que menos te gusta. No importa si te hirieron o te maltrataron, lo que más importa es si eso te sirvió para crecer y perdonar. Lo que te perfecciona no es siempre está exento de dolor; porque el dolor suele ser un buen maestro, si sabes amar.

Pontifi

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Tipografía

Reglas para el manejo de texto Longitud de línea Lo que trasciende no son los espejismos de lo material, sino tu riqueza espiritual, lo que eres y el amor que ofreces.

Lo que vale es darte y dar, que es lo único que te enriquece, no las posesiones que acumulas. Importa lo que construyes en el instante fugaz, no los errores de un

Lo que trasciende no son los espejismos de lo material, sino tu riqueza espiritual, lo que eres y el amor que ofreces. Lo que vale es darte y dar, que es lo único que te enriquece, no las posesiones que acumulas. Importa lo que construyes en el instante fugaz, no los errores de un pasado que sólo es recuerdo. Importa la sabiduría que vives y compartes, no los títulos y cargos que inflan tu ego. Importa la verdad, no tu verdad, valen los buenos frutos, no las vanas promesas. Lo que importa no es cuanto vives, dónde vives y qué tienes, sino cómo vives y cuánto amas. Lo valioso está en tu interior y en el de los demás, no en la fachada. Lo que necesitas no es lo que sólo te da placer; tantas veces lo que más necesitas es lo que menos te gusta. No importa si te hirieron o te maltrataron, lo que más importa es si eso te sirvió para crecer y perdonar. Lo que te perfecciona no es siempre está exento de dolor; porque el dolor suele ser un buen maestro, si sabes amar.

Pontifi

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Tipografía

Reglas para el manejo de texto El texto justificado a la izquierda es más fácil de leer y le da un carácter informal al contenido.

NO UTILICE MAYUSCULAS EN EL TEXTO, SI TIENE QUE UTILIZAR MAYÚSCULAS ELIJA LA OPCION DE SMALL CAPS QUE ESTA DISPONIBLE EN LA MAYORIA DE LAS APLICACIONES.

El texto justificado a la derecha resulta difícil para leer: el lector tiene que detenerse para ubicar el comienzo de la siguiente línea de texto.

Pontifi

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Tipografía

Reglas para el manejo de texto Espacio entre palabras Lo que trasciende no son los espejismos de lo material, sino tu riqueza espiritual, lo que eres y el amor que ofreces. Lo que vale es darte y dar, que es lo único que te enriquece, no las posesiones que acumulas. Importa lo que construyes en el instante fugaz, no los errores de un pasado que sólo es recuerdo. Importa la sabiduría que vives y compartes, no los títulos y cargos que inflan tu ego. Importa la verdad, no tu verdad, valen los buenos frutos, no las vanas promesas.

Lo que importa no es cuanto vives, dónde vives y qué tienes, sino cómo vives y cuánto amas. Lo valioso está en tu interior y en el de los demás, no en la fachada. Lo que necesitas no es lo que sólo te da placer; tantas veces lo que más necesitas es lo que menos te gusta. No importa si te hirieron o te maltrataron, lo que más

Lo que trasciende no son los espejismos de lo material, sino tu riqueza espiritual, lo que eres y el amor que ofreces. Lo que vale es darte y dar, que es lo único que te enriquece, no las posesiones que acumulas. Importa lo que construyes en el instante fugaz, no los errores de un pasado que sólo es recuerdo. Importa la sabiduría que vives y compartes, no los títulos y cargos que inflan tu ego. Importa la verdad, no tu verdad, valen los buenos frutos, no las vanas promesas.

Lo que importa no es cuanto vives, dónde vives y qué tienes, sino cómo vives y cuánto amas. Lo valioso está en tu interior y en el de los demás, no en la fachada. Lo que necesitas no es lo que sólo te da placer; tantas veces lo que más necesitas es lo que menos te gusta. No importa si te hirieron o te maltrataron, lo que más

Pontifi

5 Soacha 90 Melgar Girardot 1 2 0

5 Soacha 90 Melgar Girardot 1 2 0

5 Soacha 90 Melgar Girardot 1 2 0

5 Soacha 90 Melgar Girardot 1 2 0

5 Soacha 90 Melgar Girardot 1 2 0

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Tipografía

Familias tipográficas

Times New Roman • Bold • Bold • Italic • Italic • Bold Italic • Bold Italic

Pontifi

Faux (falsa)

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Composición “... El proceso de composición es el paso más importante en la resolución del problema visual...”

Pontifi En LUPTON, Ellen & Abbott Miller. El ABC de la Bauhaus y la teoría del diseño.Mèjico,Ed.G.Gili,1994.

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Composición

Elementos de la Composición • Equilibrio visual • Tensión • Jerarquización • Ritmo

Pontifi

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Composición

Equilibrio visual La acción natural de la gravedad de mantener a los seres sobre la superficie y en posición equilibrada asociada ésta a la verticalidad, se expresa también en los deseos de querer que todo lo que le rodea también debe estar en equilibrio.

Pontifi

Pontificia Universidad

JAVERIANA Bogotรก

DIPLOMADO EN EDICION

Diagramaciรณn

Composiciรณn

Tensiรณn Desequilibra los componentes del mensaje visual para llamar la atenciรณn

Pontifi

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Composición

Jerarquización Se trata de asignar valores a cada uno de los elementos visuales y hacer que se vayan organizando en varios niveles de acuerdo con la necesidad de enfatizar jerárquicamente los distintos elementos que componen el mensaje.

• Tamaño • Tolor • Posición • Orientación • Opacidad

Pontifi

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Composición

Ritmo Organizar los elementos tanto independientemente como en sus relaciones unos con otros para dar lugar a un mensaje visual efectivo, funcional.

• Repetición

• Expansión

• Alternancia

• Reflejo

• Simetría

• Rotación

• Compresión

• Traslación

Pontifi

Pontificia Universidad

JAVERIANA Bogot谩

DIPLOMADO EN EDICION

Diagramaci贸n

Composici贸n

Maquetaci贸n Formato

Pontifi

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Composición

Maquetación Márgenes, Columnas El trazado geométrico exige proporcionalidad en los elementos, las partes y el TODO juegan simultáneamente, ninguna línea virtual (guía) debe

Pontifi

ser puesta al azar, siempre deberá corresponder a una construcción racional.

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Composición

Maquetación “Cuanto más exactos y

Cuadrícula, plantilla, rejilla

completos son los

Es una forma estructural que permite organizar los

criterios, tanto

elementos del diseño dentro de la publicación. Una

más creativa es la obra. El acto creativo se reduce a un acto de selección”.

retícula impone orden, uniformidad y coherencia. Una

Pontifi

página con retícula transmite estructura.

Pontificia Universidad

JAVERIANA Bogotá

DIPLOMADO EN EDICION

Diagramación

Composición

Maquetación Las imágenes

• Ilustraciones manuales • Ilustraciones digitales • Fotografías/ Fotomontajes • Infografías • Diagramas/cuadros estadísticos • Viñetas • Logotipos

Los textos • • • • • • • • •

Títulos Antetítulo Subtítulo Gorro Capitular Leyendas Extractos Cuerpo de texto Autores de texto y fotografía • Número de páginas • Encabezado de sección • Cintillos

Los recursos gráficos • • • • • •

Líneas Tramas Signos señaléticos Marcadores de leyendas Fondos texturados Recuadros para texto

Pontifi

Pontificia Universidad

JAVERIANA Bogot谩

DIPLOMADO EN EDICION

Diagramaci贸n

Composici贸n

Reglas para una buena maquetaci贸n

Pontifi

Pontificia Universidad

JAVERIANA Bogot谩

DIPLOMADO EN EDICION

Diagramaci贸n

Composici贸n

?

Pontifi

Pontificia Universidad

JAVERIANA Bogot谩

DIPLOMADO EN EDICION

Diagramaci贸n

Composici贸n

Pontifi

Pontificia Universidad

JAVERIANA Bogot谩

DIPLOMADO EN EDICION

Diagramaci贸n

Composici贸n

Pontifi

Ideabook Tutorials | The Grid: An Invisible Foundation

2 of 5

http://www.ideabook.com/tutorials/print_design/the_grid_an_invisible_...

Ads by Goooooogle

China Design ??? ?

Full Service Design Agency in China Concept, Design, Production ++ www.bloodyamazing.biz

Ad Design to make money Ad design expert can help you Ad design pro can design your ad www.bigfatnoise.com

In contrast, a layout built on a grid looks far more organized (figure 2). See how the title, photograph, headline, and text all line up on the same vertical line below? The underlying grid adds a real sense of structure to the page.

The thing that makes a grid different than simple columns is that you often span more than one column of a grid. On the page below, for example, though the text on the left spans one column, the title and photograph span four columns and the body text spans two. The distinction is that all the elements are aligned to the grid.

Ecographic Graphic design and production with minimum ecological impact www.ecographic.co.uk

Building Design Software Easily Design Building Plans & More Powerful, Yet Easy Software www.smartdraw.com

Advertise on this site

03/03/2007 05:09 p.m.

Ideabook Tutorials | The Grid: An Invisible Foundation

2 of 5

http://www.ideabook.com/tutorials/print_design/the_grid_an_invisible_...

Ads by Goooooogle

China Design ??? ?

Full Service Design Agency in China Concept, Design, Production ++ www.bloodyamazing.biz

Ad Design to make money Ad design expert can help you Ad design pro can design your ad www.bigfatnoise.com

In contrast, a layout built on a grid looks far more organized (figure 2). See how the title, photograph, headline, and text all line up on the same vertical line below? The underlying grid adds a real sense of structure to the page.

The thing that makes a grid different than simple columns is that you often span more than one column of a grid. On the page below, for example, though the text on the left spans one column, the title and photograph span four columns and the body text spans two. The distinction is that all the elements are aligned to the grid.

Ecographic Graphic design and production with minimum ecological impact www.ecographic.co.uk

Building Design Software Easily Design Building Plans & More Powerful, Yet Easy Software www.smartdraw.com

Advertise on this site

03/03/2007 05:09 p.m.