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.