Fundamentos del diseño. El diseño editorial

Fundamentos del diseño. El diseño editorial

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
TEMA
[3.4] Trabajo con imágenes y el color
Diseño y edición
Esquema
TEMA 3 – Esquema
Diseño y edición
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.
TEMA 3 – Ideas clave
Diseño y edición
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.
TEMA 3 – Ideas clave
Diseño y edición
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.
TEMA 3 – Ideas clave
Diseño y edición
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”
TEMA 3 – Ideas clave
Diseño y edición
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.
TEMA 3 – Ideas clave
Diseño y edición
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.
TEMA 3 – Ideas clave
Diseño y edición
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.
TEMA 3 – Ideas clave
Diseño y edición
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
TEMA 3 – Lo + recomendado
Diseño y edición
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
TEMA 3 – Lo + recomendado
Diseño y edició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-andpaperbacks/
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/
TEMA 3 – + Información
Diseño y edició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.
TEMA 3 – + Información
Diseño y edición
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.
TEMA 3 – Actividades
Diseño y edición
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.
TEMA 3 – Test
Diseño y edición
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.
TEMA 3 – Test