Fundamentos del diseño. El diseño editorial

[3.1] ¿Cómo estudiar este tema?

[3.2] La retícula y la maqueta

[3.3] Trabajo con texto continuo

[3.4] Trabajo con imágenes y el color

T

EM

A

Diseño y edición

TEMA 3 – Esquema

Esquema

Diseño y edición

TEMA 3 – Ideas clave

Ideas clave

3.1. ¿Cómo estudiar este tema?

Para estudiar este tema lee el capítulo 1 (páginas 46-57) del manual de la

asignatura: Manual de diseño gráfico digital, de Bob Gordon y Maggie Gordon

(Editorial Gustavo Gili, SL), además de las Ideas clave.

3.2. La retícula y la maqueta

Existen diferentes formatos y tamaños, que van desde la publicación de bolsillo

hasta el mural.

Se debe plantear una estructura que se adecue al trabajo de edición a realizar. Este

planteamiento conlleva los siguientes pasos:

Decidir el formato de la publicación y su tamaño.

Elegir la anchura de los márgenes, tanto superiores como inferiores y laterales.

Elegir el número de columnas en las que se compondrán los textos e imágenes en

cada página.

La extensión en páginas de la publicación.

La estructura básica se establecerá en forma de páginas simples o bien páginas

encaradas. Esta decisión se volcará en la denominada “página maestra”, que servirá

de plantilla original para la reproducción de los esquemas y decisiones utilizados en

esta en cada una de las páginas de la publicación.

Diseño y edición

TEMA 3 – Ideas clave

Crearemos así una estructura primigenia o retícula para la página básica. Esta retícula

servirá para subdividir la estructura básica de la página maestra en grupos y

subgrupos de columnas verticales de idéntico ancho. Cuantas más columnas posea

nuestra estructura base mayor será la flexibilidad del diseño.

Esta base modular servirá para componer la relación entre todos los elementos de la

página.

El diseño editorial se sostiene sobre los módulos horizontales y verticales en

los que se van organizando los elementos.

Uno de los beneficios de la retícula es que crea una plantilla maestra modular

sobre la que componemos los diferentes elementos de la publicación. La retícula

también provoca que trabajemos con la mayor eficiencia, economía de tiempo y

esfuerzo, consiguiendo la mayor claridad posible y que la publicación tenga una

continuidad a lo largo de todas las páginas que la componen.

Diseño y edición

TEMA 3 – Ideas clave

Toda retícula consta de unas partes esenciales:

Los márgenes:

Espacios entre el borde y el contenido.

Definen la zona en la que se colocan los elementos como la tipografía y las

imágenes.

Dirigen la mirada, la atención y aportan tensión a la composición.

Pueden contener información complementaria al texto principal.

Las columnas:

Son módulos verticales en los que se componen el texto y las imágenes. Crean

divisiones entre los márgenes.

Los módulos:

Son unidades individuales de espacio cuando se repiten en el formato de la página,

crean columnas y filas.

Las líneas de flujo:

Son líneas o alineaciones que rompen el espacio y lo dividen en bandas

horizontales.

Guían al ojo y provocan paradas adicionales de descanso de la lectura y marcan

los inicios del texto y las imágenes.

Las zonas espaciales:

Son grupos de módulos específicos en los que se pueden integrar las

ilustraciones, las imágenes o diversas aclaraciones o pies de foto.

Los marcadores:

Indicaciones de posición para un texto que se repite a lo largo de la publicación,

como puede ser la paginación o cualquier elemento que se haga constante a través de

todo el trabajo de diseño.

Diseño y edición

TEMA 3 – Ideas clave

Construcción de la mancha tipográfica

La “mancha tipográfica” es la superficie impresa. El formato y los márgenes determinan

el tamaño de la mancha tipográfica.

Fuente de la imagen: Revista “Playstation”

Diseño y edición

TEMA 3 – Ideas clave

3.3. Trabajo con texto continuo

El texto continuo contiene mucha información en una enorme masa de texto, que

ha de ser leída y comprendida fácilmente.

Todo lo que rompa o ralentice el ritmo de lectura del lector provocará que esta

resulte pesada, difícil o canse al lector. El uso de texto compuesto en caja altibaja

(mayúsculas y minúsculas), creará una mayor gama de formas diferentes, que el ojo del

lector reconocerá de manera más sencilla.

El juego de pesos de la tipografía elegida para el texto continuo afecta a la

legibilidad de los párrafos. Los pesos medios resultan más sencillos de leer por su

equilibrio visual entre los trazos y las contraformas de las letras. Por el contario, pesos

mayores (tanto finos como gruesos) resultarán menos legibles por la distracción

que produce el contraste entre trazos y contraformas.

Es importante aligerar la carga tipográfica del texto continuo para que el texto

sea más legible y grato a la vista.

La alineación de texto (justificado, en bandera izquierda o derecha, centrado o

asimétrico), junto a la anchura de la línea, ejerce un importante efecto en cuanto a

su facilidad de lectura. El ojo, al leer textos de cualquier longitud de línea, vuelve

más cómodamente al inicio de la siguiente línea cuando el borde izquierdo del bloque

de texto es recto.

La justificación no es adecuada para bloques de texto muy estrechos, pues produce

un espaciado desagradable entre palabras y produce dificultades en la partición y el

espaciado de las palabras.

La anchura de la línea no debe de ser muy larga, pues resulta difícil encontrar el

inicio de la siguiente línea.

El texto para titulares o rotulación ha de ser de pocas palabras para no plantear

problemas de tamaño, peso o posición dominante en el diseño. Fragmentar el texto en

partes más asimilables proporcionará ritmo de lectura. La jerarquía dirigirá y orientará

al lector.

Diseño y edición

TEMA 3 – Ideas clave

La jerarquía de la información puede consistir, simplemente, en un título y un

eslogan o en muchos niveles de información. Esto ordenará y clasificará la información

para hacerla más asequible, enfatizando a diferentes niveles mediante el tamaño, el

peso, el color o la disposición.

Son de utilidad los topos y símbolos para atraer la atención, cuidando que estos

deben de ser compatibles con los demás elementos utilizados en la maquetación y

formen un todo unitario coherente.

Se puede aislar, contener, destacar o contratar partes de la maquetación mediante el

uso de marcos y filetes, su estilo, color y peso establecerán los niveles de realce de

estos. Los marcos decorativos han de usarse con precaución, pues suelen

distraer la atención de su contenido.

3.4. El trabajo con las imágenes y el color

La imagen

Una imagen bien utilizada clarifica, destaca y se asocia e integra al texto.

Seleccionar y encuadrar bien las imágenes y su aspecto en el diseño requiere un

cuidado y atención considerables.

El color

El color aporta una dimensión más a la comunicación visual.

Tenemos una paleta de colores casi ilimitada con la que tenemos que provocar una

reacción específica en el espectador.

Diseño y edición

TEMA 3 – Ideas clave

Combinar colores complementarios (opuestos en el espectro cromático) produce

un contraste natural y transmite fuerza, lo cual es esencial para la implicación del

lector en el diseño y, por tanto, en el mensaje.

Los colores se clasifican en:

Cálidos/Fríos: rojo/azul

Suaves/Duros: rosa/rojo

Claros/Oscuros: pasteles más pálidos/ tonos que contienen negro en su composición

Pasivos/Activos: azules, verdes y lavandas / rojo, naranja o amarillo

Estas características conviene emplearlas por separado o combinadas, para que los

colores actúen sobre el tono del mensaje.

Al diseñar con tipografías en color sobre fondo de color se debe elegir un buen

contraste entre el fondo y la tipografía.

Así un texto oscuro sobre fondo claro resulta mejor que sobre uno blanco. Si los textos y

el fondo tienen el mismo brillo o tono se reducirá la legibilidad.

Diseño y edición

TEMA 3 – Lo + recomendado

Lo + recomendado

Clases magistrales

Maquetación de un documento

Duración: 11:20 min.

En esta clase magistral nos

centraremos en el diseño editorial.

Veremos los procesos que tenemos

que seguir para realizar la

maquetación de un documento.

El video está disponible en el aula virtual

No dejes de leer…

Fundamentos de diagramación: revistas

Libro digital escrito por Luis Alberto Cumpa Gonzales sobre la diagramación de una

publicación. En él podremos encontrar los procesos que se dan en la diagramación de

una publicación editorial.

El artículo está disponible en el aula virtual o en la siguiente dirección web:

http://sisbib.unmsm.edu.pe/bibvirtual/Libros/comunicacion/Fundamentos_de_diagr

amacion/contenido.htm

Diseño y edición

TEMA 3 – Lo + recomendado

No dejes de ver…

Páginas maestras en CS4

Vídeo tutorial sobre cómo crear una

página maestra en Adobe Indesign

CS4.

El vídeo está disponible en el aula virtual o en la siguiente dirección web:

http://www.youtube.com/watch?v=n_r7YUxfOU4

Diseño y edición

TEMA 3 – + Información

+ Información

A fondo

Excellent Book Covers and Paperbacks

Vitaly Friedman recoge en el blog de Smashing magazine una serie de excelentes

portadas de libros. Así podremos observar el estilo de los diseños más impresionantes

en cuanto a diseño de portada.

El artículo está disponible en el aula virtual o en la siguiente dirección web:

http://www.smashingmagazine.com/2008/04/14/excellent-book-covers-and-

paperbacks/

Webgrafía

Quinta tinta

Interesante blog sobre diseño y prensa. Está especializado en el diseño de periódicos y

revistas, es un gran material de consulta o para ver buenas ideas.

http://www.quintatinta.com/

Diseño y edición

TEMA 3 – + Información

Lipsum

Web para generar texto ficticio denominado Lorem ipsum, destinado a presentación de

maquetas, dado que la mayor parte de las veces, no se dispone al principio de los textos

finales.

http://www.lipsum.com/

Bibliografía

JUTE, A. Retículas. La estructura del diseño gráfico. Index Books. Barcelona. 1996.

ZAPATERRA, Y. Diseño editorial. Periódicos y revistas. Gustavo Gili. Barcelona. 2006.

Diseño y edición

TEMA 3 – Actividades

Actividades

Trabajo: Diseño de una revista de arquitectura

Elabora con los medios a tu alcance (en papel a mano alzada con ayuda de escuadra

y cartabón, collage, programas de edición, Photoshop, etc.…) un diseño de una

maqueta de 2 páginas encaradas (tamaño A3 a doble página o dos A4 con páginas

simples). Ten en cuenta las siguientes consideraciones:

El tema para la maquetación será: Revista de Arquitectura “Arketic”.

Se ha de realizar un estudio de características estructurales y estéticas de las

publicaciones sobre arquitectura.

Se ha de elegir un estilo y una fuente conforme al tema (se deben detallar en una

hoja explicativa anexa el porqué de esas elecciones).

Se elegirá el tipo de retícula que se considere más adecuada al estilo y contenidos de

una publicación sobre arquitectura.

La maqueta debe incorporar su retícula e indicaciones de dónde iría

colocado el texto, las imágenes, los titulares, la numeración, etc.

En caso de hacerlo en soporte informático deberá incluirse el texto,

aunque puede ser ficticio.

Se han de colocar al menos 2 imágenes (o en su defecto bloques de color) de

diferentes tamaños en la maqueta.

Si el ejercicio se hace en papel se ha de presentar una copia escaneada.

Por lo tanto, deberás entregar la maqueta con los elementos anteriormente

indicados y un anexo en el que expliques tus decisiones.

Diseño y edición

TEMA 3 – Test

Test

1. En una hoja con sólo párrafos de texto con letras pequeñas debemos para aumentar

su legibilidad:

A. Aumentar el espacio entre letras.

B. Disminuir el espacio entre letras.

C. Usar tipografías sin serifas.

2. Desde el punto de vista del diseño, una revista debe tener:

A. Información adecuada para el conocimiento de todos los involucrados en la

comunicación.

B. Un equilibrio entre información y organización de los textos e imágenes, para

crear un estilo adecuado a la publicación.

C. Imágenes bonitas que puedan competir con otras revistas en un exhibidor

público.

3. La composición es:

A. Agrupar o discriminar elementos dentro de un arreglo visual con el fin de

transmitir algo o provocar una reacción.

B. Agrupar elementos para que se vea bien.

C. Parte de un texto.

4. ¿Cuál de las siguientes técnicas es la más utilizada para llamar la atención en el

diseño?

A. El uso de tipografías semejantes.

B. El contraste.

C. El uso de colores monocromáticos.

5. ¿Qué función cumple la imagen en el diseño editorial?

A. Capitalizar la atención.

B. Contribuir al mensaje.

C. Añadido estético.

Diseño y edición

TEMA 3 – Test

6. Indica cuál es el color que mejor ejemplifica las siguientes emociones y sensaciones:

frescura, vida, calma:

A. Violeta con variaciones en sus tonos.

B. Verde con variaciones en sus tonos.

C. Amarillo con variaciones en sus tonos.

7. Un diseño de libro para llamar la atención de los niños hará uso de combinaciones de

colores:

A. Apagados y oscuros.

B. Variados y brillantes.

C. Grises.

8. ¿Qué influencia tiene el color en los seres humanos?

A. Produce estabilidad en la marca.

B. El color no causa efecto alguno en los seres humanos.

C. El color tiene la capacidad de cambiar nuestro estado de ánimo, provocando

diversas sensaciones.

9. Una marca de un restaurante de hamburguesas de color rojo denota:

A. Seriedad.

B. Frescura.

C. Caliente.

10. La retícula aporta:

A. Seriedad, orden, color.

B. Uniformidad, composición, comunicación.

C. Uniformidad, composición, ritmo.