Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro....
Transcript of Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro....
![Page 1: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/1.jpg)
Composición en Diseño
Gráfico y editorialNéstor Vidales - docente Unitec.
![Page 2: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/2.jpg)
¿Qué es?
la disposición de los distintos elementos dentro del espacio visual de manera equilibrada y ordenada, con el fin de transmitir un mensaje al público objetivo.
Hay que tener claro desde un primer momento qué elementos vamos a incluir, y de qué manera vamos a combinarlos para crear una estructura compositiva armónica.
Dentro de la composición entran en juego aspectos como el tamaño, las texturas, colores, pesos… Cada uno de ellos debe estar en concordancia y dispuestos de manera equilibrada.
![Page 3: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/3.jpg)
![Page 4: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/4.jpg)
![Page 5: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/5.jpg)
![Page 6: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/6.jpg)
![Page 7: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/7.jpg)
![Page 8: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/8.jpg)
La importancia del conjunto.
Cada uno de los elementos de una composición tienen
importancia propia, pero de nada vale estudiar cada
uno por separado si luego en conjunto no transmiten
nada, o la composición resulta vacía, descompensada,
o fría.
Lo importante es crear una imagen que llame la
atención del espectador, que sea comprensible y que
cumpla con su función principal, que es transmitir con
éxito un mensaje previamente acordado.
![Page 9: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/9.jpg)
Diseño editorial - historia
• Cuando las piedras se empleaban como sellos para
imprimir sobre la arcilla se estaba diseñando. Las tablillas
de arcilla sumerias con signos cuneiformes eran una pieza
gráfica.
• Estas tablillas del siglo IV a.C. fueron el germen del diseño
editorial que luego se desarrollaría con el papiro y el
pergamino.
• Más tarde llegarían los códices y los libros impresos
mediante xilografía y, finalmente, los impresos con tipos
móviles y la imprenta de Gutenberg.
• A lo largo de todos estos siglos el diseño editorial ha
mutado con la evolución del hombre y las nuevas
tecnologías.
• El diseño editorial refleja la cultura y la sociedad de la
época en la que se produce.
![Page 10: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/10.jpg)
Diseño editorial - definiciones
• Es una rama del diseño gráfico
que se dedica a la
diagramación y producción de
diferentes piezas, como libros,
revistas, periódicos, fanzines,
catálogos, etc.
• Cualquier pieza que requiera el
manejo de textos y otros
elementos quedaría englobada en el área del diseño editorial.
![Page 11: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/11.jpg)
Diseño editorial - aspectos comunes
•El formato
•La retícula
•La tipografía
•El color
•Los elementos gráficos
![Page 12: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/12.jpg)
Diseño editorial - Formato
• Refiere a la manifestación física de la publicación, y hoy también a los distintos tipos de
archivos digitales.
• Si se trata de publicaciones impresas, se debe evaluar cuál es el formato más adecuado para
una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa
apaisada y en tamaño A4; tampoco un informe de empresa en tamaño bolsillo.
• Si hablamos de formatos digitales habrá que evaluar si un PDF es más accesible para un
determinado público que una publicación hecha como apps o en HTML.
![Page 13: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/13.jpg)
Diseño editorial - tamaños
![Page 14: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/14.jpg)
Diseño editorial - Tamaños
![Page 15: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/15.jpg)
Diseño editorial - Tamaños
![Page 16: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/16.jpg)
Diseño editorial - Tamaños
![Page 17: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/17.jpg)
Diseño editorial – tipos de papel
![Page 18: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/18.jpg)
Diseño editorial - acabados
![Page 19: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/19.jpg)
Diseño editorial - Reticula
• Todas las publicaciones deben tener una organización interna
que les dé coherencia. Aunque imperceptible y casi invisible, la
retícula subyace estructurando el contenido y conformando la
caja tipográfica del libro.
• La retícula es la base para la diagramación, y ordena y equilibra
la composición de las páginas. La retícula ubica y contiene a
todos los elementos dentro de las páginas. Hasta la revista más
transgresora tiene una retícula sobre la que se asientan sus
textos e imágenes.
![Page 20: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/20.jpg)
Diseño editorial - Reticula
1. Doble página
Es necesario pensar el diseño de las páginas con visión de doble
página.
Esto es, que deben considerarse las dos páginas, la izquierda al
lado de la derecha, sobre todo para establecer los márgenes y
ubicar el folio explicativo y la numeración de página.
Pensar en doble página evitará problemas de espacio para la
encuadernación y además otorga unidad visual a la publicación.
![Page 21: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/21.jpg)
Diseño editorial - Reticula
2. Retículas y márgenes
Existen varios sistemas por los cuales se establece una retícula
para un libro. Este trabajo consiste en definir en tamaño de los
márgenes y el espacio resultante para la caja de texto.
![Page 22: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/22.jpg)
Diseño editorial - Reticula
![Page 23: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/23.jpg)
Diseño editorial - Reticula
![Page 24: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/24.jpg)
Diseño editorial - Reticula
![Page 25: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/25.jpg)
Diseño editorial - Reticula
![Page 26: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/26.jpg)
Diseño editorial - Reticula
![Page 27: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/27.jpg)
Diseño editorial - Reticula
![Page 28: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/28.jpg)
Diseño editorial - Reticula
![Page 29: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/29.jpg)
Diseño editorial - Cuadrícula
3. Cuadrícula o rejilla base
• En InDesign se distinguen dos cuadrículas, una base y otra del
documento. Es fundamental utilizar la cuadrícula o rejilla base
para que las páginas encajen visualmente de manera
armoniosa. Y, sobre todo, para que no queden las líneas de una
página desniveladas respecto a la otra.
• La cuadrícula simula los reglones de un cuaderno y sobre cada
línea se asientan los tipos. Todas las páginas de un libro deben
tener la misma cantidad de renglones y estar situados a la
misma altura. Es decir, deben tener la misma caja tipográfica.
• En Word no existe una función como la de InDesign, por lo que
la rejilla base dependerá de la maestría del maquetador.
![Page 30: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/30.jpg)
Diseño editorial – Línea base
4. Última línea base
• Todas las páginas deben “cerrar” en la última línea base de la
cuadrícula.
• No es propio de una maquetación profesional que algunas
páginas terminen una o dos líneas por encima de esta línea
base; independientemente de si se maqueta en Word o en
InDesign.
• Esto significa que todas las páginas tendrán la misma cantidad
de renglones o líneas. Y todos deben utilizarse a menos que se
trate del final de un capítulo.
![Page 31: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/31.jpg)
Diseño editorial – Línea base
5. Viudas y huérfanas
• Dos fenómenos tipográficos inaceptables para mí en una
maquetación profesional. Tanto InDesign como Word permiten
evitar la aparición de viudas y huérfanas, por lo que no hay
excusas.
• Las viudas y huérfanas harán que no todas las páginas cierren
perfectamente en la última línea base. Aquí es donde la pericia
del maquetador se demuestra al solventar el problema.
• Y podrá hacerlo, entre otros recursos, gracias a la separación
de palabras, la gestión del tracking de los párrafos o el uso de la
justificación vertical de la caja de texto.
![Page 32: Composición en Diseño Gráfico - WordPress.com · 2020. 2. 11. · una revista o para un libro. Por ejemplo, raramente encontraremos una novela impresa apaisada y en tamaño A4;](https://reader036.fdocument.pub/reader036/viewer/2022071413/610c52a3b0b4be3d074d3b22/html5/thumbnails/32.jpg)
Diseño editorial - Reticula