Elementos Grรกficos
09/11/2020
#001
Índice 1.-Definición de Diseño Editorial. 2.-Elementos gráficos. 3.-Formatos de imagen de salida para impresión. 4.-Formatos de imagen de salida digital. 5.-Tipos de retícula. 6.-Características de la tipografía. 7.-Características del párrafo. 8.-Tendencias en el diseño editorial.
DE FINI CIÓN
De Editorial Digital
¿Qué
es? Es una rama del diseño gráfico la cual se encarga de la maquetación y composición de todo tipo de publicaciones ya sea libros, revistas, periódicos, etc. El principal objetivo de esta especialidad es crear un diseño que resulte atractivo y funcional para el lector y conseguir una armonía perfecta entre forma y contenido. De este modo, otorga una calidad estilística a la publicación y da una buena imagen de la misma al cliente.
1
Elementos Gráficos dentro del
DISEÑO EDITORIAL
¿Qué eson los elementos gráficos? Los elementos gráficos son una parte fundamental del diseño en todas sus modalidades, introduciendo en las composiciones información visual que complementa en gran medida el mensaje que se desea transmitir, y que a veces es tan importante en el diseño como los contenidos textuales del mismo. El trabajo del diseñador es encontrar el punto perfecto de equilibrio entre estas para que así pueda ser tanto digerible como agradable a la vista.
¿Cuáles son? Retíula
2
Imágenes
Textos
Retìcula Permite al diseñador generar una estabilidad visual evitando la constante repetición de la maquetación página tras página. La utilización de una retícula busca una variación en la organización del contenido con el objetivo de evitar el aburrimiento y cansancio del lector, para incentivar a la compra de la publicación periódicamente. Para los autores Caldwell y Zapaterra (2016) “las retículas son un conjunto de guías invisibles, o sistemas de orden, que ayudan al diseñador a determinar el lugar de aplicación y el uso del texto, imágenes y otros elementos del diseño como ser espacios blancos, márgenes y folios, misceláneas, entre otros.”
Imágenes Las imágenes son otro factor importante ya que nos ayuda a ilustrar determinada información que al mismo tiempo hace que sea más entendible para el lector. Una buena imagen puede hacer más atractiva la información siempre y cuando sea acorde a el tema a tratar.
Texto En esta área es donde influye la cantidad de información que se requiere publicar, esto en el caso de que nuestra publicación sea para un sector específico. Aunque no sea para el público general, muchas veces se pueden usar palabras claves y terminología que sea entendible por el resto de los lectores, por más complicado que sea el contenido. Una característica clave del texto es que debe ser conciso y claro lo cual casi siempre se obtiene, un factor importante a considerar son las tipografías, las cuales deben estar en armonía unas con otras para darle fluidez al contenido. Pero sobre todo, el contenido debe de generar interés, sólo hay que saber atrapar al lector.
3
4
Formatos de imagen de salida
para impresiรณn 5
Formatos de imagen de salida
para impresión
Existen formatos que son usados en publicaciones impresas, como lo son los JPG, PSD, EPS, AI, PDF, TIFF. Estos son formatos propios para publicaciones,saber usarlo permitirá un trabajo más ágil y efectivo a la hora de desarrollar nuestro proyecto, siendo útiles para ciertos tipos de contenidos. La clasificación según los formatos de imágenes para trabajar en el software InDesign son:
Formato JPG: (Joint Photographic Experts Group), es el formato estándar más usado y conocido, que permite trabajar con facilidad por su tamaño reducido cuando se comprime.
Formato PSD: (PhotoShop Document), es un formato que funciona muy bien con los programas de Adobe por ser propio de la compañía. Además, este formato permite hacer las ediciones necesarias únicamente en su programade origen.
6
Formato EPS: (Encapsulated PostScript), Es un formato de transporte de archivos que permite encapsular el contenido definidos por el mapa de bits, imágenes y vectores, contando con una gran calidad que es aprovechado sobre todo en las impresoras láser.
Formato AI: (Adobe Illustrator), es comúnmenteusado para modificar los archivos que se trabajandentro de este software,como pueden ser los vectores por la funcionalidad y versatilidad que traen.
Formato PDF:(Portable DocumentFormat), este formato es el más usado en la actualidad, porque permite contener cualquier tipo de formato adicional referente a imágenes, vectoresytextos.
Formato TIFF: (Tagged Image File Format) es un formato potente en relación a la calidad de imagen, permite guardar la mayor cantidad de detalles en relación a los demás formatos, es ideal en las cámaras fotográficasy en escáneres.
7
Formatos de imagen de salida
digital
Podemos hablar de qué formatos de imagen digital existen hoy en día pero sería aburrido o más bien pesado detallarlos todos, ya sea porque hay muchos de los cuales que prácticamente no se utilizan y no resultarían de nuestro interés, o porque entraríamos en conceptos demasiado técnicos difíciles de entender. A pesar de todo esto, vamos a definir los diferentes formatos de imagen con sus respectivas compresiones, así como las imágenes vectoriales. PCX: Formato desarrollado por Zsoft para integrarlo a su programa PainBrush. Su difusión no ha sido muy grande aunque si fué de los primeros formatos de imagen digital en la década de los ochenta.
BMP: El formato bmp (Bit Map) es el formato de las imágenes de mapa de bits de Windows. Su uso fué muy extendido, pero los archivos son muy grandes dado la escasa compresión que alcanzan.
PSD: Este es el formato de Adobe Photoshop. Su uso se centra en la manipulación de la imagen y no tanto para ser empleado en publicaciones digitales. Presenta grandes ventajas para la edición, ya que al guardar con ese formato podemos mantener las capas que hayamos utilizado en la manipulación de la imagen.
8
TIFF: El formato TIFF (Tag Image File Format) es admitido prácticamente por todas las aplicaciones de autoedición y tratamiento de imágenes. Este formato fué desarrollado por Aldus Corporation. Lo reconocen casi todos los programas. Su uso es de los más extendidos en la industria gráfica por su gran calidad de imagen e impresión.
GIF: El formato GIF es más utilizado para las imágenes de tonos no continuos o cuando hay grandes áreas de un mismo color. Es uno de los pocos formatos de imagen con el que podemos mostrar animaciones porque hace que distintos frames se ejecuten secuencialmente. Si a todo esto le añadimos que es un formato de compresión diseñado para disminuir el tiempo de trasferencia de datos por las líneas telefónicas, podemos deducir que es uno de los mejores formatos de imagen digital que existen actualmente.
PNG: Este formato tiene ventajas respecto a los otros formatos más comunes como el JPEG y el GIF. Tiene gran parte de las ventajas de un GIF y de un JPEG. Por ejemplo, permite altos niveles de compresión, además de utilizar la técnica de la indexación para crear colores transparentes, semitransparencias o transparencias degradadas. Su única limitación es que no podemos crear ficheros animados.
9
10
11
retículas La retícula en diseño editorial es la estructura de guías invisibles que ayudan a colocar en la página todos los elementos gráficos, de acuerdo a un sistema geométrico predefinido. Es un esquema de líneas verticales y horizontales que ayudan a ordenar la composición, y permiten distribuir de manera fácil y con orden todo el contenido. Por ello, la retícula es una herramienta fundamental para el diseñador. Podemos decir que la retícula es el esqueleto detrás de nuestro trabajo, un mapa invisible tras la composición, y que está pensada para ayudarnos a organizar todos los elementos del diseño de una forma racional y lógica. Existen diferentes tipos de retícula que se pueden implementar en las publicaciones,entre las cuales tenemos:
Retícula manuscrita o bloque: Consiste en una sola columna y ocupa la mayor parte de la página, esto permitirá disponer el texto de forma secuencial, es la másfácil de usardependiendo del tipode composición que se realiza.
Retícula de columnas: Consiste en usar 2 o más columnas verticales. No existe un límite en la actualidad para la ubicación de estas columnas que representa un diseño simétrico con respecto del lomo, permitiendo generar una mejor distribución de los elementos en una página.
12
Retícula modular: Es la más completa por su división de columnas. Además, posee líneas tanto horizontales como verticales que permiten dividir la página formando pequeños módulos, para un diseño más elaborado como los de las revistas.
Retícula jerárquica: Se adapta en función de las necesidades que pueden presentar los elementos en la diagramación. Sean estos por su proporción, forma e irregularidades que pueden presentarse en el diseño.
13
14
¿Qué
es? La tipografía es la técnica de escribir, utilizando diferentes diseños de letras y caligrafía, con la finalidad de resaltar lo que se desea comunicar. es muy útil es el campo de la publicidad o marketing, en donde la parte visual es fundamental al momento de generar una reacción por parte del público. Se encarga de todo lo relativo a los símbolos, los números y las letras que se pueden imprimir en soporte físico o digital. Es el estilo o la apariencia del texto. Por otro lado, se refiere al arte de trabajar con él. Es algo que siempre se hace al crear documentos u otros proyectos, para el trabajo o la escuela. La tipografía está donde quiera que se mire; en libros, sitios web, letreros y avisos, en señales de tráfico y empaques de productos. Este vocablo se deriva del latín “tipógrafo” que surge de la unión de tres componentes que son “tipos” que significa “molde” y “graphos” que se puede decir que alude a “escribir o grabar” y el sufijo “ia” que es semejante a “cualidad o acción”.
15
16
Características de la
tipografía
Hay 2 tipos, Caligráficas o Manuales. Ambas pueden encontrarse imitando cualquier variante de escrito: desde caligrafías de niño, a escrituras de apuntes, de pluma, de cartas antiguas y con diferentes variantes de trazos, kerning, tracking, interlineado y otras variantes tipográficas. Sin embargo no son exactamente tipográficas de fantasía debido a que éstas si que siguen un patrón. Tipografía de escritura Caligráfica También llamadas Escriptas. Es un tipo de tipografía en la que se imitan los estilos provenientes de las técnicas de escritura. Los tipos de escritura caligráfica que hay son: Escriptas Formales También llamadas escriptas caligráficas, su principal característica (cumpliendo con el patrón de las tipografías de escritura) es tener trazados muy regulares simulando cursivas (parecen ser escritas con pluma) Escriptas Informales También conocidas por escriptas personalizadas (trazados más irregulares, parecen ser escritas con brocha) Tipografía de escritura Manual Es un tipo de tipografía escripta en la que no se imitan otras formas sino que hay un trazado libre de escritura. Suelen tener los caracteres sueltos (sin enlazar). En algunas ocasiones será muy difícil discernir correctamente entre algunas tipografías de fantasía y tipografías de escritura manual libre. La tipografía puede diferenciarse por cuatro aspectos importantes que son mencionadas a continuación: •Anchura del trazo: Según su anchura pueden clasificarse en: extrafina, fina, redonda, negra o supernegra (de menor a mayor). •Proporción: Eje vertical y horizontal. Se clasifica en redonda , estrecha, expandida. •Inclinación del eje vertical: Itálicas o cursivas. Generalmente la inclinación es de 15%. •Cuerpo: Es el tamaño de la letra, se mide en puntos tipográficos.
“Dentro de latipografía se mantiene una clasificación general, de las cuales se han ido agregando nuevos estilos tipográficos con el paso del tiempo, existen un sin número de tipografías con diferentes estilos, además una familia agrupa todas las variaciones posibles de un tipo de letra o de una fuente específica, esto es, los diferentes grosores, anchos y cursivas”.(Ambrose & Harris, Fundamentos de la tipografia, 2007).
17
Característica del
párrafo
La estructura de párrafo está compuesta por grupos de palabras que forman una oración dando sentido a un tema determinado, esto se lo realiza entorno a la idea central. Tiene diferentes usos dentro del libro o revistas, desde contenido, destacados, epígrafe, introducciónyademás puesto en práctica en InDesignpuede ofrecer una poderosa herramienta para poder realizar todo tipo de textos en relación al diseño que usaremos en nuestro libro.(de Buen Unna, 2000).
Párrafo Francés: Es cuando se justifica todo el contenido del párrafo usando una sangría para todaslas líneas, excepto la primera.
Párrafo Español: Este tipo de párrafo se hace descartando la sangría yponiendo la última línea del párrafo centrado en la columna.
Párrafo Ordinario: Todo el texto está justificado con sangría de primera línea, esto depende de la cantidad que le demos de espacio en función al tamaño de la columna que ocupa una página.
Párrafo Moderno o alemán: Permite que el párrafo este totalmente justificado haciendo que todas las líneas ocupen el mismo tamaño en una caja de texto, pero la última línea debe ser corta.
18
Bandera Derecha: El párrafo está alineado por la derecha. En cambio, por la izquierda queda de forma irregular entre cada línea del párrafo.
Bandera Izquierda: El párrafo estará alineado por la izquierda. La característica es que todo el texto quede marginado, mientras por la derecha queda de forma irregular entre cada línea que forma el párrafo, interpretándose como bandera.
Justificación: Permite ordenar el texto de forma uniforme, dando estética y comprensión lectora.
Sangría: Permite agregar un espacio a una o varias líneas (párrafos), además de editar la cantidad de espacio que deseamos sea desde la primera línea o la última del párrafo.
19
Tendencias en el
diseño editorial
Minimalismo Seguro que te acuerdas de que hace unos años lo que triunfaba entre las tendencias en diseño gráfico era el minimalismo. Pues bien, en este 2020, estamos viendo cómo esa “simplificación” aumenta, con piezas en las que lo ornamental va cediendo su trono a los grandes espacios. El propósito es hacer piezas más directas. El flat design, con colores básicos y con imágenes 2D simples y fáciles de visualizar, sigue creciendo en cuanto a estética y función. Esto permite al usuario interactuar más fácilmente con las piezas.
Tipografía Se tiene conocimiento de que para todos los apartados se utiliza la misma familia tipográfica para dar armonía y darle más valor visual a lo percibido.
Lo abstracto ¿Qué mejor que interpretarlo a tu manera? Bien, pues este movimiento se basa en figuras que nos deja a nosotros los consumidores la tarea de percibir sentimientos, emociones e incluso historias.
20
Lo orgánico En años posteriores se había hablado sobre el packing y las formas orgánicas; en 2020 esta tendencia llega a el diseño editorial, dándonos la opción de crear figuras más circulares, lo mismo pasa con las tipografías redondas.
Colores Algo que está sonando es la manera en que los colores influyen en las composiciones, actualmente se están utilizadon colores más vivos, tonos brillantes que tengas estética optimista.
Tipografía deformada Este recurso consiste en hacer a la letra más juguetona de modo que refleje intriga en los textos elaborados.
Experiencias Se trata de hacer que el usuario se sienta incluido en nuestros diseños, que de alguna forma interactue con nosotros y hacerlo parte de esto.
21
Tie Una pequeña ilustración :)
22
n o p e u q s e n
la s
clase
nerte la sp il
as ra pa
es (
) a e n en lĂ
23
BENEMÉRITA UNIVERSIDAD AUTÓNOMA DE PUEBLA Martínez Alvarado Osmar D. Facultad de Arquitectura Diseño Editorial