T-1.-DISENO-EDITORIAL.pdf ariiia_viiinss Diseño Gráfico 3º Grado en Bellas Artes Facultad de Ciencias Jurídicas y Sociales - Campus Aranjuez Universidad Rey Juan Carlos Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. DISEÑO GRÁFICO BLOQUE 1. DISEÑO EDITORIAL. 1. DISEÑO EDITORIAL 1.1. Composición de textos 1.1.1. Principios básicos del diseño ● Balance: El balance es similar al equilibrio o compensación entre dos elementos. Por ejemplo: Componer un elemento a la izquierda y compensarlo con un elemento más grande o más pequeño a la derecha. Creando una relación de fuerza entre ambos, bien para compensar o bien para todo lo contrario, descompensar la composición. ● Contraste: Blanco y negro, objeto y fondo. El contraste ayuda a diferenciar dos elementos, o bien a separar un elemento del fondo. Es sin lugar a duda, uno de los principios básicos. La falta de contraste puede provocar que no se diferencien suficientemente todos o algunos de los elementos de la composición. Pero el contraste no se refiere únicamente al color, sino también a la forma o la dirección. Ejemplo: un conjunto de cuadrados e insertamos un círculo. ● Alienación: La alienación crea orden, o su opuesto, creando conexiones visuales entre ellos. Por ejemplo: los elementos alineados a la izquierda, se diferenciarán de los elementos alineados a la derecha. ● Proximidad: La proximidad crea relaciones entre dos o más elementos. Por ejemplo: dos elementos que estén más próximos, se podrán ver más “conectados” que otro elemento más apartado. Una situación que no siempre se cumplirá porque, recordemos, tenemos otros principios y elementos como el color, que puede modificar la percepción. ● Repetición: La repetición es otro principio que refuerza la región y consistencia entre elementos. Por ejemplo: Una serie de círculos repartidos, uno detrás de otro, se transforma en una línea de puntos. ● Espacio: Si separamos o damos espacio a los puntos de una línea de puntos, podemos provocar la sensación de distancia e incluso de velocidad. Este principio se aplica, por ejemplo, a las líneas de incorporación o salida de las autopistas. A mayor distancia, más velocidad permitida / recomendada. 1.1.2. Elementos básicos del diseño. ● Línea: El elemento más básico. Una línea corta puede verse como un punto. ● Dirección: Todas las líneas tienen una dirección y según cual sea, puede provocar diferentes percepciones. 1. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. Por ejemplo: una línea vertical da sensación de altura, una horizontal de estabilidad, una en diagonal, crecimiento (si va de menos a más, de izquierda a derecha) o descenso (si va más o menos, de izquierda a derecha). Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. ● Forma: Línea + dirección = forma. Las formas están compuestas por líneas, bien cerradas o abiertas (y aquí es donde entra, por ejemplo la Ley de Cierre de Gestalt, donde el cerebro “cierra” o “une” esos espacios). ● Tamaño: El tamaño también es un elemento importante de todo diseño. Un mismo elemento repetido en dos tamaños diferentes pueden provocar sensaciones diferentes: tamaño (propiamente dicho), distancia o jerarquía. ● Color: El color ayuda a contrastar elementos, tiene su peso emocional, donde cada color tiene varios significados. Por ejemplo, el color blanco transmite pureza, paz, limpieza, perfección… El color se compone de 3 valores: color (verde), saturación (cantidad de verde puro, su ausencia es una escala de grises) y brillo (luminosidad del color, más próximo al blanco al negro). ● Textura: La textura añade detalles de realidad, ya que en la naturaleza no solemos encontrar objetos con colores planos 100%, y la textura aporta una información extra de la superficie del objeto. 1.1.3. Composición de textos. ● Alineación horizontal: 2. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Las descargas sin publicidad se realizan con las coins Diseño Gráfico Banco de apuntes de la Alineación vertical: ● Eje: ○ ● ● ● Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. ● Título principal Intercalado o kerning Interlínea Longitud de línea 3. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Las descargas sin publicidad se realizan con las coins 1.2. Sistema de retículas Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. 1.2.1. Composición de maquetación. ● Necesidad de las retículas: Son elementos que permiten organizar el espacio y construir un diseño. Facilita el proceso creativo y la toma de decisiones del diseñador. 4. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Las descargas sin publicidad se realizan con las coins ● Portada: Lo esencial es organizar la información. ● Retícula: La retícula es algo adaptable y flexible. La forma de una retícula viene determinada por su función. La reticular de un periodo tiene unos requisitos diferentes que la de un catálogo de venta o una publicación científica. Con la retícula, el campo visual dentro de la caja tipográfica puede subdividirse en campos o espacios más reducidos. Los campos o espacios pueden tener las mismas dimensiones o no. La altura de los campos corresponde a un número determinado de líneas de texto; su ancho estará determinado según el cuerpo de la tipografía. Los campos se separan uno de otro por un espacio intermedio. Una retícula proporciona una estructura para los elementos de diseño de una página, facilita el proceso creativo. 5. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. Aporta mayor precisión y coherencia en la situación de elementos en una página. Tipos ○ ○ ○ de retículas: Retícula simétrica Retícula modular Retícula en diagonal 1.3. Diseño de publicaciones periódicas. 1.3.1. ¿Cómo se lee una página? La estructuración del campo visual en el libro es secuencial el recorrido de las páginas, que en nuestra cultura se da de izquierda a derecha y de arriba hacia abajo. El ojo humano, ante una nueva página, entra por el extremo superior izquierdo, y explora el contenido hacia abajo y en diagonal. ● Patrón de lectura en F en webs Debido al tiempo limitado de una persona para leer una pantalla, y sabiendo que no va a leer todo el texto, la información más destacada debe colocarse al principio, con subtítulos, claros a izquierdas, siguiendo el patrón F. ● Diseño de publicaciones periódicas Los elementos que participan del contenido son básicamente: el texto, la imagen y el campo visual. ● Legibilidad tipográfica: El grado optimo de legibilidad se da cuado el contraste entre tipografía y fondo es maximo, es decir, blanco sobre negro negro sobre blanco. Se podrán buscar formas alternativas y hasta transgresoras. Tiene iconicidad alta, baja y media. El color en la página se usa como un elemento de atracción visual. 6. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Las descargas sin publicidad se realizan con las coins Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. ● a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 1.4. Partes del libro impreso. Las descargas sin publicidad se realizan con las coins 7. Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Las descargas sin publicidad se realizan con las coins 8. Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. Cuando lo abrimos, un libro da cuenta de una simetría perfecta. El lomo está siempre presente; se puede disimular pero nunca se le hará desaparecer. — Jost Hochuli 2.1. Tipografía: origen y clasificación 2.1.1. Grupos. Anatomía. Composición. 2.1.1.1. Origen de los alfabetos: 9. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. Los espacios adecuados entre las letras y palabras, la interlínea y la longitud de las líneas deben estar al servicio de la legibilidad. La tipografía es un reflejo de la época. Los primeros alfabetos representaban una idea, un concepto o una cosa, se combinaban entre sí para comunicar ideas más complejas. Son los alfabetos pictogramáticos, jeroglíficos e ideogramáticos. Los instrumentos de escritura siempre condicionaron la escritura. El sistema de escritura sumerio es pictográfico y tuvo su origen hacia el 3500 a. C. El sistema de escritura jeroglífico fue usado del 3100 a. C. al 400 d. C. Ideograma chinos 2.1.1.2. Alfabeto fenicio: El fenicio (consonántico) fue uno de los sistemas de escritura más difundido en el mundo conocido cerca del 1000 a. C. Ya que se extendió a lo largo del mediterráneo gracias al comercio. Fue adoptado y modificado por otras culturas. De éste deriva el alfabeto arameo, que es el precursor de los alfabetos árabe y hebreo modernos. También el alfabeto griego con sus derivados como el latino, el cirílico y el copto. Dado que las letras originalmente se inscribían con un estilete, la mayoría de las formas son angulares y rectilíneas, aunque progresivamente se fueron desarrollando formas cada vez más cursivas. 10. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Las descargas sin publicidad se realizan con las coins Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. El conocimiento de las cuales de un tipo de letra, es importante de cara a los efectos funcionales, estéticos y psicológicos del material impreso. Serif / Sans Serif Caligráficas / Góticas (pueden aparecen en la primera categoría también) Cinceladas / Decorativas (pueden aparecen en la primera categoría también) Tipografía Serif: ● Romanas Antiguas — Garamond, Caslon ● Romanas de Transición — Baskerville, Times, Century ● Romanas Modernas — Bauer Bodoni, Didi, Bell ● Egipcias — Clarendon, Memphis, Cheltenham ● Grotescas — Akzidenz Grotesque, Franklin Gothic ● Neogrotescas — Univers, Frutiger ● Geométricas — Futura, Eurostile, Industria ● Humanísticas — Gil Sans, Optima ● Clásicas latinas — American Uncial ● Cancillerescas — Zapatos Chancery ● Cursivas inglesas — Commercial Script, Kunstler Script ● Informales — Belta Regular, Chauncy, Brush Tipografías Góticas: ● Aparecen en la Edad Media, siglo XIII ● Uso de pluma a 30º ● Gutenberg la tomó para hacer los primeros tipos móviles. ● Gran éxito en Europa. Tipografías Cinceladas: ● También se llaman incisas. ● Evocan el grabado en piedra. ● Pueden tener Serif o un pequeño aumento del grosor Tipografías Decorativas: ● Comparten el estilo propio de una época, pueden dar un carácter histórico Tipografías de Símbolos: ● Creadas a base de gráficos. Las letras deben ser consideradas ladrillos del lenguaje. Con ellas se forman sílabas, palabras y frases. — Adrian Frutiger 2.1.1.3. Sistemas de medida tipográficas: Además del sistema métrico decimal, se utilizan diferentes sistemas de medida. En Europa se trabajó con el sistema Didot, procedente de la época de la composición de tipos de plomo. En Inglaterra y EE.UU. Se utilizó el sistema de Picas. La pulgada se utilizó como medida en las máquinas de escribir y en las primeras impresoras. Para indicar el cuerpo de letra se utiliza el sistema de puntos en la actualidad. 1 punto tipográfico = 0,352778 mm 11. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Las descargas sin publicidad se realizan con las coins Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. ● ● ● ● ● ● ● ● ● ● Altura de la “x”: altura de las letras de caja baja (minúsculas), sin contar los trazos descendentes o ascendentes. Caja alta: altura de las mayúsculas. Ascendentes: son los trazos de las letras minúsculas que sobresalen por encima de la altura de la x. Descendentes: son los trazos de las letras minúsculas que van por debajo de la altura de la x. Apertura: formas abiertas de alturas letras, a través de la apertura se puede saber el estilo o el grado de la legibilidad de una tipografía. Modulación o inclinación: eje imaginario en un carácter sugerido por la posición de los trazos finos y los gruesos. Interletrado o kerning: ajustes entre letras. 2.1.1.5. La forma de las letras: Cada letra de caja baja y de caja alta es única, por su estructura. Cada letra debería ser clara y concisa, y no estar recargada de detalles. La calidad visual de cada letra cambia cuando se le (…) Cada letra deriva de una combinación específica de trazos verticales, horizontales, inclinados y curvilíneos. La mitad superior es más esencial que la mitad inferior en lo que se refiere a la identidad de la letra y a poder ser reconocida por el lector. 12. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Las descargas sin publicidad se realizan con las coins Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. 2.1.1.4. Anatomía de la letra: Variaciones en la forma de la letra: Las variaciones de una letra están subordinadas a sus estructura básica. Estas ● ● ● ● ● son las variaciones más comunes de las letras: Caja: alta y baja Estilo: en general se dividen en Serif y San Serif. El detalle está en los remates Inclinación: es el ángulo del tipo en relación a la línea de base. Peso: se refiere al grosor de los trazos en relación a la altura del tipo Anchura: proporción de la letra en relación a su altura. La palabra: La palabra se forma por un grupo de letras, con una secuencia y una forma única. Una palabra con letras donde predominan los trazos curvilíneos es muy diferente de otra con letras angulosas. Las palabras solo en caja alta, se diferencia de aquellas en caja baja. En caja alta tiene una forma muy uniforme, y en baja se distinguen más claramente los ascendentes y descendentes, hay más variedad de trazos, y se identifican mejor. 13. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. El cuerpo de la letra: Los cuerpos actuales de las letras derivan de los tipos de metal. Es mejor usar un número limitado de cuerpos para conseguir un trabajo más efectivo. El punto es solo una indicación del tamaño visual de la letra. La elección del cuerpo se decide según la naturaleza de la información, la legibilidad, la función del texto, y según el espacio disponible. 14. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Las descargas sin publicidad se realizan con las coins Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. Generalmente se dividen en: cuerpos para texto y cuerpos para titulares, y se especifican en puntos. La legibilidad de una composición de texto puede perderse cuando se usa en un interlineado excesivo, porque produce un efecto de tiras blancas, un espacio en blanco (contra forma) excesiva que perjudica la atención. Un texto bien compuesto debe tener un equilibrio entre lo impreso y los espacios en blanco. También es importante la extensión del área impresa, el espacio entre letras y el equilibrio de los blancos. El número de letras por línea es clave para la legibilidad. Una línea de 50 a 60 letras es fácil de leer. 2.1.2.1. La Contraforma: 15. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Las descargas sin publicidad se realizan con las coins Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. 2.1.2. La legibilidad. El conocimiento de las cualidades de un tipo de letras es muy importante de cara a los efectos funcionales, estéticos y psicológicos de los impresos. — Josef Müller Brockman Semantización tipográfica: La semantización tipográfica es definir, reforzar y transmitir significados a través de la tipografía. Es necesario hacer un buen aprovechamiento de: ● La ubicación de la palabra en el plano. ● La ocupación del plano con fondo negro. ● El trabajo intencionado del rasgo tipográfico en la morfología de una letra, la repetición de sílabas y en el tono o grosor de la tipografía ● El uso del positivo y el negativo. La semantización de la tipografía demanda un uso estratégico de todos sus elementos. El objetivo es comunicar el significado-idea de la manera más clara y atractiva posible. 16. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Las descargas sin publicidad se realizan con las coins Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. Tracking o espacio entre palabras: esta alteración a todos los caracteres, como regla general, cuando más grande es el cuerpo más apretado debe ser el track. Altera la densidad visual del párrafo. 3.1. Tipografía: forma y función 3.1.1. Diferencia tipografía, caligrafía o lettering ● ● ● Tipografía: diseñada, trabajada y fabricada para que se reproduzca de forma mecánica. Caligrafía: diseñada a mano siguiendo un parámetro. Lettering: hecha a mano sin seguir ninguna norma más que la creatividad.. 3.1.2. Funciones de la tipografía: Las letras poseen por un lado un componente puramente lingüístico y funcional que es su significado verbal, y por otro, uno de tipo gráfico que es su representación visual. 3.1.3. ¿Cómo elegir una tipografía?: Una vez superados ciertos aspectos que resultan evidentes, dar recomendaciones acerca de qué tipografías son apropiadas para cada tipo de trabajo no es algo sencillo. Lograr un equilibrio entre el atractivo estético y la legibilidad es el resultado del conocimiento de las familias tipográficas. Cada tipografía encierra dentro de sí una determinada forma de hablar, y encontrar el tono adecuado para nuestra marca pasa por preguntarse qué actitudes y valores queremos transmitir, a quien y de qué manera. Aun así, la tipografía no actúa en solitario, y en su puesta en escena intervienen otros factores que resultan cruciales para lograr la armonía que la haga funcionar. El trabajo del creador de caracteres tipográficos se parece al del modisto que dispone tela sobre el cuerpo. ¿Remate o palo seco? Existe una opinión generalizada que sostiene que las tipografías con remate son adecuadas para textos largos (novelas, periódicos…), y que las tipografías de palo seco, por su simplicidad y su austeridad, son más aptas para la literatura técnica. 17. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. Los textos de palo seco nos transmiten una uniformidad que podemos traducir en frialdad, pero de la misma forma, una modulación muy contrastada puede ser molesta si se abusa de ella. Tal vez la clave para un buen resultado sea la correcta combinación de las variables y los elementos tipográficos. Un criterio historicista: Otro criterio de selección puede ser el historicista 3.1.4. Evolución: 1. 2. 3. 4. 5. 6. Caligrafía romana cincelada con caja alta Caligrafía hecha a mano con caja baja Caligrafía escrita a pluma Caligrafía gótica alemana Caligrafía romana de transición: inspiradas en las romanas clásicas Tipografía hecha con máquina de escribir. 18. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Las descargas sin publicidad se realizan con las coins Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. Las tipografías con remate tienen más elementos para facilitar la rápida identificación de los caracteres durante su lectura. A pesar de esto, no podemos menospreciar las potencialidades de los tipos sin serifa. Busca familias con un amplio repertorio de estilos. Presta atención al número de signos incluidos en el archivo. Escoge una tipografía apta para tu idioma. Versales, números en estilo antiguo, viñetas, ligaduras y otros glifos. Observa algunos detalles estructurales básicos (kerning, modulaciones, estructura formal, remates, carga genética de la letra, etc.) 3.1.6. Crea tu propia paleta tipográfica: Visualmente, cada tipografía nos produce un efecto, pero esto no va a ser decisivo a la hora de recibir el mensaje, aunque, por otra parte, ni en el mensaje más simple somos ajenos a la forma. Las familias de tipos, con sus variantes y estilos nos ofrecen un abanico de matices y colores tipográficos infantiles. Una paleta tipográfica con diez o doce familias diferentes es más que suficiente para afrontar la resolución de cualquier problema tipográfico. ¿Cómo combinar tipografías? Confía en la familia. Es posible combinar tipografías, pero el número de familias empleadas en un trabajo debe ser el más reducido posible. 19. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Las descargas sin publicidad se realizan con las coins Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. 3.1.5. Aspectos técnicos: Un primer criterio de combinación es confiar en el origen de nuestra familia. Hoy en día existen muchas fuentes que ofrecen su versión con serifa y palo seco. Otro detalle que puede ayudar a combinar tipografías es el autor. Normalmente los tipógrafos hacen uso de los mismos esquemas básicos. A la hora de mezclar tipos debemos buscar un contraste efectivo y conveniente y utilizar lo menos posible letras extrañas. El estilo, la escala, el peso, la forma o el color son algunos elementos con los que podemos ejecutar el contraste que deseamos. Para obtener el difícil equilibrio entre la unidad y la diversidad, debemos evitar que dos tipografías hablen en el mismo tono. 3.1.7. La altura de la x: La altura de la x es el espacio que media entre la línea base y la línea media. Una variable, en ocasiones, mucho más importante que el cuerpo. Por regla general, los caracteres más antiguos (Garamond, Bodoni…) poseen un ojo pequeño, mientras que los caracteres modernos poseen un ojo más grande. Romana de transición busca la geometría humanista. 20. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Las descargas sin publicidad se realizan con las coins Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. Bastarán dos (como mucho tres) tipografías diferentes. 3.1.8. Palabras en libertad: La revolución de los futuristas contra la “armonía tipográfica de la página” hizo del libro un campo de experimentación en el que la palabra comienza a adquirir una nueva dimensión más allá de su función puramente lingüística. La destrucción de la sintaxis, el uso de diferentes tintas y caracteres o la validez del “verso libre” fueron algunos de los mecanismos mediante los cuales las tendencias pórtico-literarias de finales del XIX trataron de otorgar nuevos significados a sus composiciones. El era rompe la ortodoxia de la caja tipográfica. Dada: A su manera, el sector dadaísta continúa la senda de “palabras en libertad” anticipando su evolución hacia un papel más visual de la palabra. Su producción tipográfica se basa en una actitud gráfica fuertemente explosiva y desestabilizadora. Futurismo VS Dadaísmo: el futurismo era mucho más organizado, mientras que el dadaísmo buscaba el caos. La palabra-imagen: 21. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. Reservados todos los derechos. No se permite la explotación económica ni la transformación de esta obra. Queda permitida la impresión en su totalidad. La palabra-imagen, inscrita en el campo del diseño publicitario. Los elementos tipográficos están secuestrados por el color, la combinación y la forma. Dos procedimientos: 1. Trabajar con la forma de la letra. 2. Trabajar con la forma de la palabra, Dibujar con tipos: imágenes formadas por tipografías. 22. a64b0469ff35958ef4ab887a898bd50bdfbbe91a-9594730 Las descargas sin publicidad se realizan con las coins
