EEAASS
DISEÑO EDITORIAL Y MAQUETACIÓN
Proyecto Editorial
ENTREGA 04
LIBRO
Estructura interna
04
00. Sumario
01. Formato 02. Retícula base 03. Paleta tipográfica y cálculo de márgenes 04. Recursos gráficos 05. Entrega 4: Estructura interna
04
04
01. Formato
FORMATO: está determinado por la relación entre la anchura y la altura de la página (no confundir con tamaño). Existen tres tipos de formatos característicos: • Vertical: la altura es mayor que la anchura • Apaisado: la anchura es mayor que la altura • Cuadrado: anchura y altura iguales
04
01. Formato
Un libro puede ser de cualquier formato y tamaño, pero por razones prácticas, de producción y estéticas, hay que operar con prudencia al diseñar un formato para la experiencia lectora.
04
01. Formato
04
01. Formato
04
01. Formato
En términos prácticos, elegir el formato de un libro determina la forma del continente de las ideas del autor.
04
01. Formato
A la hora de cuestionarnos el diseño de un producto editorial no tendremos en cuenta sólo la página, sino el pliego. Las decisiones que tomemos estarán fundamentadas en esta doble consideración.
04
01. Formato
El contenido del producto también es uno de los puntos más importantes: los libros de lectura suelen ser pequeños, ligeros y cómodos de coger con una mano dado su uso prolongado, mientras que los libros de estudio o con ilustraciones deberían tener un formato mayor.
04
01. Formato
04
01. Formato
04
01. Formato
04
01. Formato
A grandes rasgos, los formatos se pueden dividir en: • Rectángulos racionales: se pueden subdividir en cuadrados (1:2, 2:3, 3:4)
04
01. Formato
Estos formatos modulares o estáticos* nos resultan cómodos perceptivamente, al estar basados en razones aritméticas simples. * Una proporción estática es aquella que establece entre dos elementos una razón simple, expresable como dos múltiplos de una unidad o módulo: 1/2, 3/5, 2/3, 3/4...
04
01. Formato
A grandes rasgos, los formatos se pueden dividir en: • Rectángulos racionales: se pueden subdividir en cuadrados (1:2, 2:3, 3:4) • Rectángulos irracionales: Sólo pueden dividirse en unidades
rectangulares de base geométrica. Estos formatos basados en proporciones dinámicas resultan bastante más interesantes.
04
01. Formato
La proporción dinámica es la que relaciona dos valores por una razón inconmensurable, como un radical, el número pi (Π), la razón áurea (Φ), etc.
04
01. Formato
• Rectángulos irracionales: sección o proporción áurea (1:1,61803) P á
04
01. Formato
04
01. Formato
La serie DIN-A ha normalizado los formatos de papel a partir de un rectángulo de un metro cuadrado de superficie con sus lados en proporción 1 a raíz de 2, que es el formato A-0 (841x1189 mm) Serie B (B-0 = 1000x1414 mm) Serie C (C-0 = 917x1257 mm)
04
01. Formato
Este método resulta muy económico, ya que los desperdicios de papel son mínimos. El formato DIN es el más utilizado. Cada vez que se divide en dos, crea un nuevo formatodecon las mismas proporciones longitud y anchura, al A0 por la mitad forma el A1, éste el A2 y así sucesivamente.
04
01. Formato
04
01. Formato
La imprenta comercial: series RA y SRA
En la impresión comercial offset se emplean los pliegos. Las páginas se imprimen en formatos grandes y, posteriormente, se pliegan constituyendo cuadernillos que ya tienen el formato final. Dichos cuadernillos se coserán y encuadernarán en fases posteriores.
04
01. Formato
Las series RA y SRA albergan tamaños levemente superiores a la serie A. Su uso principal es como pliegos para máquinas de impresión comercial offset. La diferencia de tamaño proporciona espacio para que el preimpresor pueda añadir las marcas de impresión (sangrado, plegado, calibración), así como espacio suficiente para las pinzas. De esta forma, al guillotinar tras la impresión, obtendremos como tamaño final la serie A.
04
01. Formato
Tamaños RA: RA0: 860 x 1220 mm RA1: 610 x 860 mm RA2: 430 x 610 mm RA3: 305 x 430 mm RA4: 215 x 305 mm Tamaños SRA SRA0: 900 x 1280 mm SRA1: 640 x 900 mm SRA2: 450 x 640 mm SRA3: 320 x 450 mm SRA4: 225 x 320 mm
04
01. Formato
El “modulor” fue un sistema de proporciones que Le Corbusier considera una herramienta de diseño universal para determinar las proporciones de los edificios, el mobiliario y los impresos.
04
01. Formato
• J.Tschichold: 1:2 / 5:9 / 3:5 / 5:8 / 2:3 / 3:4 / R2 / R3 / R5 / razón áurea (φ) o 21:34
04
01. Formato
Estándar
Resolución
Relación
VGA
640x480
4:3
SVGA
800x600
4:3
XGA
1024x768
4:3
SXGA
1280x1024
5:4
WQXGA
1440x1050
16:10
1920x1200
16:10
WUXGA
04
01. Formato
Muchas veces estableceremos un formato de trabajo antes de decidir la altura y la anchura exacta de la página. El formato y el tamaño casi siempre se redefinen en el proceso de construcción de una retícula, momento en el que se incorporan las decisiones sobre el tamaño de letra, la altura del cuerpo de la letra y la interlínea.
04
01. Formato
Formatos usuales en la impresión comercial de libros
Formatos clasificados por su uso que, con independencia de pertenecer o no a un sistema reglado, optimizan el papel al tiempo que ofrecen gran variedad. No obstante, ¡no olvides confirmar antes a tu imprenta el tamaño que quieres emplear!
04
01. Formato
Formatos libros de lectura (texto corrido)
Formatos libros superior con mayor carga gráfica
Formatos cuadrados o casi cuadrados
• 104 x 170 mm • 110 x 170 mm
• 160 x 240 mm • 175 x 240 mm
• 210 x 210 mm • 230 x 230 mm
• 110 x 190 mm • 120 x 200 mm • 135 x 225 mm • 140 x 216 mm • 148 x 210 mm (A5) • 152 x 228 mm • 150 x 240 mm
• 175 x 280 mm • 180 x 270 mm • 190 x 297 mm • 200 x 265 mm • 210 x 280 mm • 200 x 300 mm • 210 x 297 mm (A4) • 240 x 270 mm
• 225 x 260 mm Formatos horizontales
• 220 x 148 mm • 260 x 235 mm
04
04
02. Retícula base
Todos estos cálculos de proporciones no afectarán únicamente al formato de las páginas o pliegos del libro en si, sino también a la proporción de los márgenes y de su posición dentro del formato.
Villard de Honnecourt s.XIII
04
02. Retícula base
El formato del libro determina las dimensiones externas de la página, la retícula determina las divisiones internas de la página y la composición influye en la posición de los elementos.
04
02. Retícula base
El uso de la retícula aporta consistencia al libro, así como coherencia a la forma global. Esta coherencia visual permite al lector centrarse en el contenido y no en la forma.
04
02. Retícula base
Cada uno de los elementos de la página, ya sean texto o imagen, tienen una relación visual con el resto: la retícula proporciona un mecanismo de formalización de estas relaciones.
04
02. Retícula base
Los sistemas básicos de retículas determinan: • Las medidas de los márgenes • Las proporciones de la zona impresa, el interlineado de ésta • El número, alto y ancho de las columnas • La anchura de los intervalos entre éstas, o medianiles
04
02. Retícula base
Simetría o asimetría: la primera decisión sobre la zona del texto de una doble página consiste en preguntarse si va a ser simétrica o asimétrica. La mayoría de los libros presentan un formato simétrico, ya que refuerza la simetría natural del libro.
04
02. Retícula base
Retículas basadas en geometría
Definir la zona del texto con un marco sencillo: los cuatro márgenes iguales.
04
02. Retícula base
Retículas basadas en geometría
Proporciones comunes para formato y caja de texto. Uno de losconsistente más sencillos, en calcular la caja en torno a las diagonales de página.
04
02. Retícula base
Retículas basadas en geometría
Diagrama Tschichold (basado en el de Villard de Honnecourt): al usarlo con un formato de sección áurea divide la altura y la anchura por 9, creando 81 unidades con las mismas proporciones de formato y caja de texto. Los márgenes se determinan mediante la altura y la anchura de la unidad.
04
02. Retícula base
04
02. Retícula base
04
02. Retícula base
04
02. Retícula base
04
02. Retícula base
En una retícula base es importante que las posiciones de todos los elementos sean lógicas y proporcionales. Así mismo, hemos de forzar el que no existan interlineados incompletos.
04
02. Retícula base
04
04
03. Paleta tipografía
El diseño de la caja de texto, una vez determinado el formato del libro, estará íntimamente ligado con la tipografía escogida, el tamaño de ésta, el cuerpo y el interlineado. www.unostiposduros.com
04
03. Paleta tipografía
Altura de columna: el número de líneas de la caja de texto depende del producto editorial:
• Novela o libro para lectura continua y sostenida: 40 líneas • Diccionarios: 68-70 líneas • Guías telefónicas: 132 líneas • Enciclopedias: 72 líneas
04
03. Paleta tipografía
En cuanto a la materialización de la mancha de texto, debemos tener en cuenta: • La separación de párrafos • Las sangrías y comienzo de párrafos (sangría, sangría francesa, letras capitulares, etc) • La alineación del texto: alineado a la izquierda, a la derecha, justificado, centrado, forzado. • Espacio horizontal: longitud de línea, caracteres por línea, espaciado entre palabras, la anchura de composición, el kerning y el tracking.
• Uso de guiones: partición de palabras
04
03. Paleta tipografía
Para una lectura continuada, la cifra óptima de caracteres por línea es 65, aunque cualquier cantidad entre 45 y 75 caracteres puede funcionar en un libro. En castellano son unas 13 palabras por línea.
04
03. Paleta tipografía
Una familia tipográfica es un grupo de caracteres que comparten el nombre y el diseño. Una fuente tipográfica es un grupo de caracteres dentro de una familia. La fuente incluye una serie de caracteres (256) relacionados con una distribución estándar de teclado: • Mayúsculas (caja alta) • (Caja baja) • Minúsculas Caracteres acentuados • Números • Signos de puntuación • Diptongos • El signo & y signos matemáticos y monetarios • (Cifras no alineadas, versalitas, fracciones) • Pictogramas (ligaduras, símbolos, etc)
04
03. Paleta tipografía
04
03. Paleta tipografía
Es interesante que la familia tipográfica ofrezca distintas fuentes, grosores o pesos: redonda o regular, cursiva, itálica, negrita o bold, pero también una negrita ligera, media o semi , así como formas comprimidas o extendidas también son interesantes. Si combinamos estos pesos, con el tamaño de la tipo y con color, las posibilidades expresivas se multiplican.
04
03. Paleta tipografía
La elección de una tipografía para un libro se ve influida por numerosos elementos: • El contenido del libro • El srcen o la época en la que fue escrito • Los precedentes históricos • Los lectores a los que va dirigido • Aspectos técnicos: la legibilidad, grosores disponibles, etc. • Decisión y experiencia profesional
04
03. Paleta tipografía
Decidir el tamaño de la tipo:
Para libros de lectura continuada destinados a adultos: • Si se emplea una romana de ojo grande como por ejemplo la Minion, el cuerpo debe oscilar entre 9 y 12 puntos y las notas entre 7 y 8 puntos.
• Si se emplea una letra de palo seco también de ojo grande como por ejemplo la Myriad, el cuerpo debe oscilar entre 8 y 10,5 puntos y las notas entre 6 y 6,5 puntos.
04
03. Paleta tipografía
Decidir el tamaño de la tipo:
Para hacer una selección correcta: • Componemos un pasaje de texto real a doble página, en varios tamaños, grosores e interlineados.
• Lo imprimimos en su formato y tamaño de papel real (cortar el papel si es necesario) • Comparamos la experiencia de lectura • Seleccionaremos el resto de tamaños de los distintos elementos (numeración de página, folio, etc) y repetiremos la operación.
04
03. Paleta tipografía
Clasificación de las tipografías: Atendiendo a su forma, todas las tipos se pueden dividir en cuatro grandes grupos:
• Serif, serifa o romana: aquellas que presentas remates en las terminaciones. • sin serifa o palo seco: aquellas que presentas remates enSan las serif, terminaciones. • Cursivas, caligráficas o script: se imitan los estilos provenientes de las técnicas de escritura. Suelen tener los caracteres enlazados. • Decorativas o graphic: todas aquellas cuyas características no se ajustan a las de los conjuntos anteriores. En su mayoría han sido creadas con fines específicos, y donde el aspecto de legibilidad no se ha tenido demasiado en cuenta.
04
03. Paleta tipografía
04
03. Paleta tipografía
Tipografías Serif (Con Serifa o Romana)
• Romanas Antiguas (Garaldas): son tipografías que poseen serif triangular y presentan diferencias en los trazos. Derivan de las inscripciones romanas, srcinalmente talladas en piedra. En general son tipografías con buena legibilidad y se utilizan habitualmente para textos de largo alcance. (Ejemplos:Garamond / Times / Bembo)
04
03. Paleta tipografía
Tipografías Serif (Con Serifa o Romana) • Romanas Modernas (Didonas): presentan serif lineal o filiforme y una gran diferencia entre los trazos gruesos y finos. Al igual que las romanas antiguas, derivan de los textos esculpidos en piedra, en las construcciones y monumentos romanos. (Ejemplos: Bodoni / Modern / Didot)
04
03. Paleta tipografía
Tipografías Serif (Con Serifa o Romana) • Egipcias (Mecanas): se distinguen principalmente por el serif cuadrangular. Pueden presentar o no diferencia en los trazos. En general son más pesadas que las romanas, y son utilizadas frecuentemente para títulos o rótulos. No es aconsejable su uso para
textos largos. (Ejemplos: Clarendon / Serifa / Schadow)
04
03. Paleta tipografía
Tipografías Sans Serif, sin serifa o palo seco • Geométricas: no presentan ningún tipo de serif o remate ni diferencia en los trazos. Se caracterizan por una construcción rígida, donde predominan las formas geométricas en apariencia puras. Las rectas pronunciadas y las formas circulares hacen que no sea
una tipografía aconsejable para la/ utilización en bloques de texto. (Ejemplos: Avant Garde / Futura Kabel)
04
03. Paleta tipografía
Tipografías Sans Serif, sin serifa o palo seco • Neo-grotescas: no presentan serif, sin embargo ostentan trazos con mayores modulaciones y una construcción mucho más dúctil y dócil, resultado de cuidadosas correcciones ópticas. Del grupo de las tipografías sin serif, son en general unas de las más utilizadas
para textosen depalabras corto y mediano ya que presentan muy buena legibilidad o frasesalcance, cortas, por lo que son consideradas como las más apropiadas para ser empleadas en señalizaciones. (Ejemplos: Helvetica / Frutiger / Univers)
04
03. Paleta tipografía
Tipografías Sans Serif, sin serifa o palo seco • Humanistas: no presentan serif. Exhiben modulaciones en sus trazos, aunque puede o no existir diferencia entre ellos. Se distinguen por un aspecto suficientemente orgánico como para ser consideradas como las de mejor rendimiento de lectura, entre las tipografías sin
serif. (Ejemplos: Optima / Gill Sans / Britannic )
04
03. Paleta tipografía
Tipografías cursivas o script • Gestuales: expresan la fuerza y la gracia del trazo hecho a mano. Las fuentes de este estilo, que aparecen en los sistemas informáticos, “imitan” la escritura a mano puesto que, sin duda, se basan en la escritura manuscrita, pero han sufrido una serie de
correcciones y ajustes en el/ transcurso del proceso de digitalización. (Ejemplos: Mistral / Brush Choc)
04
03. Paleta tipografía
Tipografías cursivas o script • Caligráficas: imitan o se inspiran en la escritura hecha a mano, aunque en este caso su ejecución ostenta una serie de normas estrictas en cuanto a alineaciones e inclinaciones, al igual que una marcada utilización de la pluma recortada como elemento escriptor.
El carácter caligráfico se encuentra acentuado por la existencia empalmes, remates y florituras. (Ejemplos: Commercial Script /de Shelley / Bickham)
04
03. Paleta tipografía
Tipografías cursivas o script • Góticas: se inspiran en la escritura manual, aunque además de presentar normas y reglas muy precisas en su construcción, exhiben una morfología característica, propia del estilo, producto del elemento escriptor utilizado en la escritura srcinal y su particular
forma de uso. (Ejemplos: Cloister Black / Goudy Text / Fette Fraktur)
04
03. Paleta tipografía
Tipografías decorativas o graphic
En el conjunto de tipografías decorativas, fantasía o graphics, entrarían todos los tipos de letra cuyas características no se ajustan a las de los conjuntos anteriores. Son tipografías que en su mayoría han sido creadas con fines específicos, y donde el aspecto de legibilidad se ha tenido demasiado en cuenta. A menudo presentan unano gran carga expresiva, a través de atributos temáticos. Definitivamente, no son tipografías adecuadas para bloques de textos. (Ejemplos: Shotgun / Umbra / Hobo)
04
03. Paleta tipografía
04
03. Paleta tipografía
Plan Tipográfico: pretende estandarizar y armonizar los usos de las tipografías y cumple una función similar a la del manual de estilo, donde se reglamentan normas, criterios y pautas para la redacción y presentación de una obra, aunque en este caso haciendo hincapié en las tipografías.
04
03. Paleta tipografía
¿Qué información debe incluir el plan tipográfico?
• Selección de las fuentes y familias tipográficas: no utilices más de dos familias tipográficas. • La jerarquización de la tipografía: una de las dos familias que has elegidoatendrá más usos. predominancia que la otra o bien estarán destinadas diferentes • El cuerpo de la tipografía: resulta útil establecer el tamaño mínimo y máximo de una fuente para asegurar su legibilidad. • Los comportamientos tipográficos de los caracteres:se refiere cuando aplicamos algunas acciones forzadas a las tipografías para ajustarlas a determinados requerimientos del diseño. En concreto, se trata del kerning y tracking.
04
03. Paleta tipografía
¿Qué información debe incluir el plan tipográfico?
• El comportamiento tipográfico de las líneas: la variación entre la distancia de una línea a otra dependerá de la fuente elegida y del diseño creado para la publicación. • Los estilos • El color para las tipografías: establecer qué estilos de párrafo aparecerán con color o con un porcentaje de negro si el libro no incluye color pero se desea jugar con escalas de grises. • Los usos no permitidos: también conviene consignar cómo jamás debe utilizarse una tipografía.
04
03. Paleta tipografía
Una vez escogida la familia tipográfica y las fuentes, en base a todos estos requisitos, podemos calcular los márgenes partiendo del cuerpo de texto y el número de líneas.
04
03. Paleta tipografía
04
04
04. Recursos gráficos
Los recursos gráficos son todos aquellos elementos que apoyan o complementan al texto y facilitan su comprensión.
04
04. Recursos gráficos
Tipos de recursos gráficos: • Las imágenes • Otros recursos gráficos
04
04. Recursos gráficos
04
04. Recursos gráficos
Las imágenes: • Ilustraciones manuales • Ilustraciones digitales • Fotografías • Fotomontajes / Collages • Infografías • Diagramas • Viñetas • Logotipos
04
04. Recursos gráficos
Otros recursos gráficos: • Color • Filetes • Tramas, fondos texturados • Signos señaléticos: terminales, separadores, fin o inicio de capítulo • Capitulares • Reservas de espacio
04
04. Recursos gráficos Color, para el exterior e interior del libro:
• Colores principales o preferentes • Colores complementarios • de Combinaciones color fondo yy en el color de la tipografía y el los recursos entre gráficos (ende positivo negativo) • Escalas, variaciones y/o degradados de los colores: una paleta cromática de la cual echar mano cuando se necesitan varios colores; otras aplicaciones cromáticas.
04
04. Recursos gráficos
04
04. Recursos gráficos
04
04. Recursos gráficos
04
04. Recursos gráficos
04
04. Recursos gráficos
04
04. Recursos gráficos
04
04. Recursos gráficos
04
04
05. Entrega 4: Estructura interna
ESTRUCTURA INTERNA
01. Formato y tamaño 02. Retícula base: márgenes, rejilla base, folio, paginación, etc 03. Paleta tipográfica: elección de tipografías y diferentes usos 04. Recursos gráficos: imágenes, color, capitulares, filetes, etc
04
05. Entrega 4: Estructura interna
ESTRUCTURA INTERNA Entrega: Jueves 8 de marzo 2018
• Pdf para exponer en clase: -Formato horizontal (pantalla 800x600 pixels) -No cargar laen presentación de mucho texto: ideas cortas a desarrollar clase -Apoyar la presentación con imágenes (sed generosos) -Cuidar el diseño (con todo lo que esto conlleva) -Podemos trabajar en Indesign, Illustrator, Photoshop, etc, pero el resultado ha de ser un pdf. • Pruebas impresas • Pensar que esta información se incorporará a nuestro libro de estilo.
04
05. Entrega 4: Estructura interna
• Pruebas impresas: para leer, ver, testear, manejar, comprobar en definitiva, la experiencia lectora de nuestra composición y maqueta, hemos de imprimir nuestro formato a tamaño real (compaginación, no páginas sueltas), recortarlo (si hiciese falta) y doblarlo. Sólo así nos aseguraremos de que nuestro diseño funciona. Imprimir tantas pruebas como sean necesarias y marcarlas: - Tamaño (210 x 148 mm) - Tipo y peso, cuerpo e interlineado (Garamond regular 9 / 11,5)
* Para esta primera entrega, si está impresa la caja de texto básica, bien.
04