Bitácora Diseño Editorial
Anaid Pérez García 1
“La inspiración no existe,el trabajo constante y dedicado no la necesita” 2
Historia S.XI s. xiv
Habia copistas y esxcribas, se hacian a mano los manucritos siendo este todo un arte, un traba jo arduo y dedicado.La historia del libro esta delimitada por la transformacion tecnologica atravez del tiempo. Los libros no nada mas sirve para conservar los textos, si no tambien para reflejar el conocimiento de la epoca. Han sido objetos de poder economico, social y religioso.
Existian talleres para la manufactora de manuscritos, se realizaban de manera conjunta y el scriptorium realizaba el texto con la letra de moda de la epoca y que la religion establecia. Dejaban lugar para la ilustracion. Los tipos moviles era un bloque paralelepipedo que tiene en relieve invertido la imagen de un signo para impresion por un sistema tipografico.
Crea los tipos mĂłviles con la intencion de copiar manuscritos Antiguos y hacerlos pasar por originales para venderlos. La imprenta revoluciono la manera de hacer libros, redujo costos y marco el final del manejo religioso. Revoluciono la escritura y el lengua je. Estos hacian posible la reproducccion de textos de manera masiva, el material era muy resistente y facil de tallar y eran reciclables, se volvian a fundir para traba jar de nuevo. El primer libro que imprimio Gutemberg fue la biblia de 42 lineas, done los textos eran impresos con tipos moviles y las ilustraciones era hechas a mano, aparecio por primera vez en 1455 , habia 180 ejemplares de los cuales 21 todavia existen.
Johannes Gutemberg S.XV
“Fue un parte aguas para la produccion de libros� 3
TIPO MOVIL
COMOPOSICION EN CALIENTE
1700-Monotype
1886-Linotype
1874-Maquina de Escribir
1915-Fotocomposicion 1956-Tranferibles
1984- Computadoras 4
TIEMPO
LINEA
1450-Gutemberg
La invenciÓn de la pagina - Juan Villoro
Como al leer en silencio se nos invita a hacer un analisis, como la opinion y reflecion del lector juegan un papel fundamental en el proceso de la lectura y como es que se estimula el aprendiza je.
5
Imprenta y alfabetizaciÓN - jorge de buen
-Antes de la imprentta, hacer libros era una obra de arte, con la popularidad de la imprenta se genero la necesidad de aprender a leer, el libro se sujeto al fenomeno de la operta y la demanda. Proceso de evolucion del parrafo, con la intencion de que pareciera un rectangulo (justificado). Con la imprenta se logro la geometrĂa perfecta.Gutemberg no fue el primero en convebir la idea de la imprenta, pero si el que tuvo la energia , animo, presistencia y credito financiero para llevarla acabo. Los chinos y los coreanos ya habian hecho tipos moviles anteriormente. La xilografia comenzo a usarse para imagenes religiosas.
6
Letra -Ellen Lupton
La tipografia es escencial para los disenadores, asi como los materiales de construccion para los arquitectos. La imprenta permitio la produccion masiva, Surgen las letras humanisticas (S. XV) en rechazo a la caligrafia gotica. La letra cursiva (Italia S. XV) reproducia un estilo mas informal, prosperacion en imprentas modestas. Las letras humanisticas se empleaban en libros de produccion costosa. En el S. XVI se crearon familias que integraban romanas y cursivas. Ahora las cursivas no son una version inclinada de las romanas, si no que incorporan los angulos, curvas y proporiones de las formas cursivas. Bodoni (Italia) y Didot ( Francia) crearon las letras mounstrosas En el siglo XIX, con la industrializacion llego el boom de la publicidad. Creacion de tipos llamativos Se redefinio la figura del disenador como un critico de la sociedad. Programacion de los tipos.
7
Dise単o Editorial Es una disciplina de la comunicacion grafica que se especializa en la creacion de publicaciones periodicas y materiales de lectura
Creacion de contenidos Edicion Diseno, Composicion, Maquetacion Prototipo Produccion Distribucion
1. Estrategia
3.Creatividad
2. Investigacion
8
4. Tecnica
Forma: Todas las desiciones graficas que se toman
Funcion o fondo : Contenidos .
*Color
En D. E. son los textos
*Tipografia *Formato
Composicion
*Uso del espacio
El D.E. antes solo se asociaba al producto impreso, ahora tambien va aplicado a medios digitales y esta acotado a un lector.
9
Modelo de comunicacion de jakobson Lector
Emisor ---> Mensa je <------> Receptor (usuario interprete) Productor Codifica el mensa je para que el usurio lo interprete El lector es sumamente importante
Usuario: Para quien voy a disenar? Concepto : Que voy a disenar? Configuracion: Como lo voy a disenar? Estilo del diseno Quien es mi usuario? Cual es el tema? Cual es el proposito u objetivo de diseno?
10
Elementos del D. E. Construccion Toda la configuracion grafica, nos habla de la anatomia de la publicacion a disenar: Formato, reticula, margenes, tipografia, arte, elementos de construccion etc...
Interfaz La superficie donde voy a disenar, impresa o digital pared de exposicion, mural etc. Atraves de la interfaz se genera la experiencia del lector.
Narrativa Intencion de la comunicacion, el tipo de publicacion que quiero disenar y que quiere comunicar. Contar la historia ver cual es el contenido, contexto cultural.
Tiempo Frecuencia de la publicacion, un numero nuevo reemplaza al anterior, el D.E. esta acotado por el tiempo en que se publica. Frecuencial, al minuto, diario, semanal, quincenal, mensual, bimestral, semestral, anual, etc...
11
Tips -Dejar de lado si me gusta o no me gusta algo del diseno. -Una buena imagen dice mas que mil palabras , aunque las palabras en los medios impresos siguen dando de que hablar. -La forma siempre debe supeditarse a la funcion -Entender al piblico objetivo -El D.E. es la base que estructura todos los demas tipos de diseno -La principal intencion del D.E. es estructurar toda la informacion para que el lector pueda entenderla -El concepto se refiere mas a la idea general, incluyendo forma y contenido -El estilo de diseno se refiere mas al como voy a disenar, depente de los objetivos comunicativos que me pide el cliente.
no es regla, pero la tendencia es.... Clientela superior: Selecciona la letra mas pequena Clientela Inferior: Selecciona la letra de mayor tamano Contemporaneo: Letra palo seco Clasico: Letra Serif Activo: Columnas estrechas alineaciones en bandera Poca Actividad: Columnas anchas y alineaciones justificadas Veloz: Letra palo seco o cursiva.
12
Formato Es el primer paso dentro del proceso editorial, es necesario analizar los elementos para tomar la mejor decisión respecto a nuestro formato. La medida del formato se establece a través del pliego y el número de pliegues determina las medidas. Los pasos para conocer el formato de mi diseño: *Investigar el papel *Se piden las medidas del pliego *Sacar la medida adecuada en la que se pueda optimizar el uso del papel El formato también es el que delimita el tamaño de las letras, márgenes y tipografías, en el diseño de la página se analizan todas las variables técnicas, artísticas y economícas
Muchas veces el formato esta delimitado por el presupuesto.
13
El Papel PESO: A 500 hojas se le llama resima. El peso de un papel depende de la densidad. El papel más pesado será más rígido y opaco. OPACIDAD: Los papeles delegados son traslúcidos. Pero un papel de mayor peso puede ser demasiado voluminosos. Lo ideal es usar un papel de ba jo peso y alta opacidad. TEXTURA: Los papeles muy blancos y lisos. *Alisado, satinado, estucado. HIDRATACIÓN: Todos los papeles tienen la capacidad de retener humedad, por eso se les llama hidrólos. Un papel demasiado saturado de tinta puede tener problema de arrugarse. FIBRAS DE PAPEL: Los papeles están compuestos de fibras. Hay que saber la dirección de la fibra, para doblarlo en la dirección correcta RESISTENCIA: Depende de su naturaleza, de sus materiales. COLOR: Puede ser un problema para la reproducción de fotografías. Para lectura detenida, no es recomendable papel blanco, refleja mucha luz. Es más recomendable imprimir en papeles ligeramente coloreados y porosos. Tratar de usar productos amigables con el ambiente.
14
DIMENSIONES: A partir de la medida del pliego, de ahí salen las demás medidas. El sistema ISO 216 o DIN (se depliega del Sistma Métrico Decimal). Se usa en Europa. No se usa en EUA, México,Centro América y algunas regiones del Caribe. El sistema anglosa jón se usa en EUA y México. VENTAJAS AL CONOCER LA MEDIDA DEL PLIEGO DEL PAPEL PARA IMPRIMIR: Saber el rendimiento del papel. Costos de producción. Diseño y formato. VENTAJAS DE TRABAJAR CON FORMATOS NORMALIZADOS : Estandarizas el traba jo de producción. Compatibilidad entre varios productos: sobres, carpetas, tarjetas, catulinas, anaqueles de libros, etc. *Hay que quitar el mito de que traba jar con medidas estándares delimitan el diseño,lo vuelven rígido y antiestético. PROPORCIÓN ÁUREA Es otra manera de sacar formatos. 1- Se dibuja un cuadrado 2- Se traza la mitad 3- Del punto de intersección de la mitad de la esquina.
15
MÁRGENES Son parte del diseño. Se piensan y se construyen en doble página. 1. Fijan la ca ja en la página, jar las páginas enfrentadas mediante la fuerza de sus propor- ciones. 2. Enmarcar la ca ja en una forma que le convenga al diseño. 3. Protege la ca ja, de modo que resulte fácil para el lector identi carla. Para diseñar márgenes con LAS RETÍCULAS Dan estructura a la página, son el esqueleto que da forma y ayuda a acomodar y disponer de los elementos en el diseño. (ordenar) Las lineas horizontales y verticales hacen la retícula y se crean módulos; cuando se crean módulos de manera vertical se crean columnas. La distancia entre los módulos se llaman calles o medianiles. El área de mayor tension en la página se utlizan para poner elementos claves del diseño. Donde hay mas proporción ( fijan la vista), poner títulos o poner elementos importantes del diseño y poder sacarle el mayor provecho.
16
RETÍCULAS Se rompe lo tradicional *Modulares para web. Retícula de Van der Graaf (Composición natural) yse traza desde las diagonales de la página Retícula 2, 3, 4, 6 Retícula tipografica contemporánea: Trazas una diagonal ab de la doble pagina, luego trazas una segunda diagonal de la interseción del logo al extremo.se basa en la seccion aurea. Retícula de márgenes simétricos. Retícula de márgenes asimétricos o arbitriarios. Cánon ternario. Diagráma de Villard de Honnecourt. Retícula márgenes invertidos. Retícula de Karl Gerstner Se diseña para la revista Capital, la medida empleada vertical y horizontamente, es de dies puntos (la distancia entre las líneas base). La superficie para el texto es un cuadrado, da lugar a retículas de dos, tres, cuatro, cinco y seis columnas y campos. Retículas Modulares:(páginas web, etc.) Escala universal (por Rosarivo), divide la página en igual cantidad de secciones horizontales que verticales, la cual debe ser múltiplo de 3. Márgen al lomo, dos para el margen de corte, uno horizonal para el de la cabeza y dos para el pie. El ancho de los márgenes resulta inversamente proporcional a la cantidad de divisiones. Van Der Graaf : Retícula margenes an triarios es libre, cada quien la hace como quiera. 17
Retícula de una sola columna, quiere decir que utilizamos toda la ca ja. 4 reglas fundamentales para el diseño de la ca ja tipográfica. 1. La diagonal de la ca ja debe coincidir conla diagonal de la página. 2. La altura de la ca ja debe ser igual a la anchura de la página. 3. El margen exterior(o de corte) debía ser el doble del margen interior (o de lomo). 4. El margen superior (o de cabeza) debía ser la mitad del margen inferior (o de pie). *Línea te ayuda para identificar puntos y saber donde poner las cosas
18
Textos La forma del texto se basará de acuerdo a su tamaño, forma y su extensión,se mide por un sistema de puntos, picas o cuadratines. Las relaciones con el sistema métrico decimal y el sistema métrico inglés: 1 punto= .35mm 1mm= 2.85 pts 12pts= 1pica 1 pica= 4.20 mm 6picas= 2 pulgada Los caracteres que van desde los 6pts. hasta los 14 pts., se les denomina tipo “texto”. Se llaman caracteres “titulares” a los que van de los 15 a los 72 puntos. Número de caracteres de por línea, no hay un consenso absoluto acerca de este número. Por ejemplo: J. Müller-Brockman el largo óptimo de la línea es un promedio de 10 palabras por renglón de textos o 7 palabras para textos de cualquier extension. Emil Ruder dice que una línea de 50 a 60 líneas es fácil de leer. Robert Bringhurst, en las composiciones a una sola columna, el renglón ideal contiene 66 caracteres con un mínimo de 45 y un máximo de 75. En las composiciones a más de una columna el rango varía de 45 a 60 caracteres. Admite lineas largas de 85 o 90 caracteres si el texto está muy bien compuesto, con amplias interlíneas o cuando se trata de información auxiliar como notas a pie de página. LEGIBILIDAD Buscamos facilitar la lectura y no cansar la vista del lector. Una línea de texto legible no debe de contener menos de 26-28 caracteres (un alfabeto) golpes o caracteres, espacios, signos de puntuación, etc. No más de 52-56 caracteres por línea. El primer paso para hacer una texto legible es esoger caracteres que sean abiertos y bien proporcionados, caracteres que muestre la regularidad. -El texto que se lee de corrido de manera natural es aquel que ha conseguido una relación armoniosa entre el cuerpo de la letra, la longuitud de línea y el interlineado.
19
FACTORES QUE DETERMINAN LA LEGIBILIDAD DE UN TEXTO 1.-Cuerpo de la letra 2. Longuitud de l铆nea 3. Interlineado MAS FACTORES 6. Altas vs Bajas 1. Set (cuerpo, tipo y grosor) 7. Serif o no serifadas 2. Espacio entre palabras. 8. Justificaci贸n 3. Grosor 4. Ancho 5. Cursivas
20
FACTOR TIPOGRÁFICO El número de veces que cabe un caracter de “X” familia en una pica es igual a: Factor tipográfico. EL TEXTO: 1.Determinar factor tipográfico FT= No de caracteres/ Picas 2. Determinar lineas totales LT= No Golpes/ No de caracteres * col 3. Determinar número de columnas No Columnas= Lineas totales/Prof de columna *Golpes= caracteres con espacios *Los datos se sacan a partir de la informacion que contiene el documento. Ejemplo: Tipo de fuente: Minion Pro Tamaño: 12/16 pts Estilo: Regular Ancho de la página= 27p FT= 66 / 27 FT= 2.44 LT= 23,407/66 LT= 354.65 No. columna= 355/44 Noc= 8.06
21
22
PRﾃ，TICAS DE CLASE 23
TIME-LINE
24
PRﾃ，TICA 3
25
EL MOMENTO DESICIVO
26
EL MOMENTO DESICIVO
27
FORMATOS EDITORIALES
28
EL PRINCIPITO
29
Jerarquías
Una buena jerarquía de información GUIA al lector sobre que ver primero, a donde va a dirigir su mirada. La jerarquía es el método para mover a los lectores a través del contenido, de un modo sistemático y dinámico. Ayuda a marcar la pauta de como nuestro texto va a ser leído. Tiene una intención comunicativa, ya sea, a traves del propio contenido del texto (titulo,subtilulo, frase, que se destaca más, MARCAR GUIAS) -Imagenes, grácos, *El diseño va incrementando su nivel a la expresión del contenido. *Herramienta clave para el diseño editorial. *Herramienta clave para el diseño editorial. *Conocimiento de todo, herramientas, semiótica, investigación previa, retículas, contenido. *Lo más grande va primero y es lo más importante. Hay que saber priorizar de mayor a menor.
Tips para jerarquizar información -Crear un buen balance o equilibrio gráco. -Ser consistentes, pero también dinámicos, crear énfasis en información importante: crear códigos para diferenciar información. Cómo podemos hacer esto? Jugando con: Escala, espacio, posición, tipografía y color.
Escala=Impacto
Elemento más grande, llamar la atención con esas imágenes, categorías, nos ayuda el tipo de imagen
30
Imprenta CMYK -Para impresión normal. -DPI (imagenes normales 150 dpi, imagenes más grandes a 300 dpi) - Dependen de la calidad e imagen que quieras poner RGB -Para web. -Medios digitales. -Imagenes 72 dpi ESCALA DE GRISES -Solo tenemos un canal de color (negro) -Imagenes 300 dpi - Se manda imprimir DUOTONO -Dos canales de color -Pantones directos o tintas directas. -Imagenes 300 dpi -RGB> ESCALA DE GRISES> DUOTONE> TYPE-DUOTONE>INK “CLICK”>COLOR LIBRARIES>OK> INK 2 “CLICK”> COLOR LIBRARIES>OK> OK> SAVE> FORMAT- PSEPS. -Falso DUO. Con la echa blanca en escala de grises, seleccionas el fondo y le pones el color que quieras.
31
COMO CREAR UN COLOR CON DOS IMAGENES CON DIFERENTES COLORES. Seleccionar ambas imagenes, a una le pones eects>multiply y seleccionas las dos y las juntas. AsĂ se cambia de color cuando las unes. Depende para imprimir que tipo de papel tienes que utilizar, y tambiĂŠn el formato, es decir, si tienes que cambiar las imagenes de RGB a CMYK, para poder modificar el archivo a las necesidades del usuario.
32
EDITAR FOTOS
PLACE> OBJECT> CLIPPING PATH> OPTIONS> TYPE- PS PATH> OK *Pones una gura> agregas una foto> agregas un texto mandas para atras la gura y el texto> WINDOW> TEXT WRAP Le pones en WRAP AROUND OBJECT SHAPE> editas el texto conforme un gura> borras el texto (copandolo), seleccionas la gura y le picas en “texto”, y le das pegar. *Agregas con “pluma” una línea y con la herramienta “texto” le das click y seleccionas TYPE ON A PATH TOOL , le das click sobre la línea y escribes. Una manera fácil es seguir una línea de acomodo predeterminada (encuadre). A sangre, recortada en los propios márgenes *Lo importante es que se ACOPLEN con las IMAGENES con el TEXTO *Se puede describir algo con una imagen, por eso es importante saber donde, como y porque ponemos las imagenes en los archivos junto al texto.
33
¿Qué es el diseño editorial? Una publicación editorial puede entretener, informar, instruir, comunicar o educar, o puede articularse como una combinación de todas esas acciones. hoy en día, y por primera vez en la historia, las publ caciones pueden ser interactivas usando herramientas móviles; es por eso que los diseñadores que van a subir textos, diseños editoriales tienen que tener muy encuenta las características de estos como: el formato, las aplicaciones que tiene este (si hay tipografía en titulares, etc., que permita tener un acceso a la navegación y de esta manera poder acceso a la información proporcionada por este elemento tipográco). Todas estas funciones han de convivir y funcionar de manera cohesionada para lograr un producto nal entretenido, útil o informativo.
34
Ortotipografía Podemos entender que la ortotipografía es todo el conjunto de reglas que rigen el buen uso de la tipografía. Capitulares Se define como la letra con la que comienza un párrafo, de mayor tamaño que el resto del texto. Subrayado Es una forma de destacar un texto mediante un filete o una raya de diverso grosor. El filete causa mal efecto cuando atraviesa las astas de las letras (por ejemplo, la g, la p, la q. En este caso se recomienda utilizar un filete definido por el programa y situarlo a una distancia dada de la línea, la conveniente para que no corte las astas descendentes. Bolos o topos Viñetas en forma de círculo, cuadrado o rombo, que suelen usarse para destacar el comienzo de un párrafo o apartado, un sumario, las acepciones de un diccionario, etc. Se componen como párrafo francés o sumario para resaltar el comienzo de cada párrafo. Espaciado para parráfos y titulares En los espacios entre titulares y textos, no hay una norma fija en cuanto a la cantidad de puntos, pero si es importante dejar siempre el doble de puntos por arriba que por aba jo. Versales Llamamos versales a aquellas palabras cuya primera letra es mayúscula. Versalitas LLamamos versalitas a un tipo especial de mayúsculas cuya altura corresponde a la ca ja ba ja en lugar de la alta, aunque en determinados soportes, programas o tipografías no es posible su uso, por lo que usaremos mayúsculas.
35
Opinión Este cuatrimestre lo disfrute mucho, esta materia la disfrute aun mas, aprendi cosas y datos curiosos , aprendi a que el diseño editorial es una rama fundamental del diseño gráfico como tal, para mí ha sido una experiencia genial, espero el siguiente periodo poder pulir todas las herramientas que vimos este cuatrimestre, los proyectos parciales estuvieron muy bien pensados, me agradaron los tres, y creo que se puede verla diferencia del primer diseño que realize , al ultimo que lleve acabo. Aprendi muchisimo, y aunque aun me falta mucho por aprender , las bases que son parte fundamental del proceso de apendiza je ya las tengo,
36