composición en diseño gráfico - wordpress.com · 2020. 2. 11. · una revista o para un libro....

32
Composición en Diseño Gráfico y editorial Néstor Vidales - docente Unitec.

Upload: others

Post on 08-Mar-2021

0 views

Category:

Documents


0 download

TRANSCRIPT

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;

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;

¿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;
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;
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;
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;
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;
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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

Diseño editorial - Reticula