Principios Del Diseno Editorial

8/18/2019 Principios Del Diseno Editorial

1/53

Katherine Portillo/Clara Velís


2/53

Katherine Portillo/Clara Velís

Título Original

Principios básicos del Diseño editorial

Año 2011

Edición 1

Diseñadoras: Kathrine Stefany Portillo

Clara María Velís

Diseño del Libro : Katherine Portillo

Diagramación: Katherine Portillo

Clara María Velís

Todos los derechos reservados

Ninguna parte de esta publicación, incluido el diseño de la

cubierta, puede reproducirse, almacenarse o transmitirse de

ninguna forma, ni por ningún medio, sea este de grabación o

fotocopia, eléctrico, sin la previa autorización escrita por parte

de la Editorial y los Diseñadores.

El Salvador, San Salvador 2011


3/53

1

2

3

4

5

La retícula

La columna

El Titular

Infografía

Créditos

Glosario

Bibliografía

Utilización de textos

• ¿Qué es una retícula?• Conceptos básicos de una

retícula• Tipos de retícula• Ejemplos de desconstrucción de

una retícula

• Como organizar una pagina• Uso de los pies de gura• Uso de la letra capital• Uso de notas separadas o

destacados

• Creación de un titulo• Colocación de títulos en un texto• Color en los textos

• ¿Qué es la Infografía?• Tipos de Infográa• Perl del Infográsta

• Creación de formas con textos• Introducción de las formas de

guras• Tamaño de tipo y longitud de tipo

Introducción 6

99

102

103


4/53

6 Introducción Introducción

El libro Principios Básicos del Diseño

Editorial es un pequeño “vistazo” a la

perspectiva que se tiene hoy en día del

diseño gráco a través de los medios

impresos y la organización de elementos

básicos dentro de un diseño. En el

mundo del diseño gráco se pueden

apreciar diversidad de tendencias y en

la actualidad, sobre todo de manera

digital; lo cual al hacer uso de estas

herramientas digitales ha ayudado a que

los diseñadores superen dicultades

sobre el manejo técnico en los diseños.

Dentro del libro se pueden apreciardiversos estilos para trabajar con esas

herramientas básicas, el cómo manejar

de manera correcta lo visual para

realizar diseños diferentes, atractivos y

sobresalientes del resto que ya existe;

además de diagramaciones acorde a

los diferentes temas que se puedan

manejar en determinado momento. Es

una recopilación breve de información

En base a esto se analizan diferentes

elementos de interés primordial dentro

del diseño y que deben ser pensados de

manera detenida para hacer un buen uso

de los recursos, entre los elementos más

importantes que se deben analizar están

las retículas que dicho sea de paso son la

base dentro de todo diseño, en qué consisteuna retícula, cuáles son sus diferentes

aplicaciones y ejemplos donde se muestran

como es aplicada la retícula según lo que se

está trabajando.

Siguiendo con los temas tratados dentro del

libro podemos apreciar la utilización de los

textos la utilización de las formas basadas

en los textos y el equilibrio que debe de

existir entre la imagen y las cajas de texto

que se utilizan dentro del área donde se

está trabajando, como se sabe el texto debe

manejar diferentes puntajes según donde se

esté aplicando, las distancias que deberían

existir entre cada párrafo del escrito para

su fácil lectura, y el uso de estos dentro de

un documento editorial, la organización de

elementos dentro del área de trabajo, y todo

lo relacionado a lo editorial y su debido uso.

La correcta organización de elementos

dentro de una página o área de trabajo es un

tema muy importante dentro del diseño,parauna lectura y comprensión mucho más clara

de lo que está leyendo, formas creativas de

ubicación de elementos que permitan variar

diseños, que se conviertan en innovadores

pero que se mantengan dentro de lo

correcto que se debe hacer en un diseño

son temas importantes que son tratados

dentro del libro con un apoyo visual a través

de imágenes.

sobre las bases y principios que se deben

utilizar para la realización del diseño editorial

y que son infaltables a la hora de diseñar y

que como diseñadores integrales deben de

estar siempre presentes en cada uno de los

diseños realizado.


5/53

1


6/53

10 ¿Qué es una retícula? ¿Qué es una retícula?

Los márgenes son los

espacios negativos entre

el borde del formato y el

contenido

Las líneas de ujo sonalineaciones que rompenel espacio dividiéndolo

en bandas horizontales.

Las zonas espaciales

son grupos de módulosque, en conjunto, formancampos claramente

indenticables.

Los marcadores son

indicaciones de posiciónpara texto subordinadoo repetido a lo largo del

documento.

Los módulos son unidadesindividuales de espacio queestán separados por intervalos

regulares que cuando serepiten en el formato de la

página, crean columnas ylas.

as columnas son alineacioneserticales de tipografía querean divisiones horizontales

ntre los márgenes. Puedeaber un número cualquierae columnas a veces todasenen la misma anchura

¿Qué es una retícula?

"Una retícula consiste en un conjunto determinado derelaciones basadas en la alineación, que actúan como guías

para la distribución de los elementos en todo el formato.

Cada retícula contiene las mismas partes básicas, con

independencia del grado de complejidad que alcance. Cada

parte cumple una función determinada; estas partes puedencombinarse en función de las necesidades, o bien omitirse

de la estructura general, según la voluntad del diseñador y

dependiendo de la forma en que interprete los requisitos de

información del material".

Construir una estructura adecuada. El trabajo conretículas depende de dos fases de desarrollo. Enla primera fase, el diseñador se propone valorar

las características informativas y los requisitos deproducción del contenido.Esta fase es extremadamente importante; la retículaes un sistema cerrado una vez ha sido desarrolladay, a la hora de construirla, el diseñador debe teneren cuenta la idiosincrasia del contenido.

La segunda fase consiste en maquetar el mde acuerdo con las guías establecidas por la Es importante comprender que la retícula,

de ser una guía precisa, nunca debería ima los elementos que se colocarán dentro Su trabajo es proporcionar una unidad glorebajar la vitalidad de la composición. Un dino debería tener miedo de tener su propia rsino forzarla a n de proponer sus limites.


7/53

12 Conceptos básicos de una retícula Tipos de retícula

Fragmentar la página en partes. Construir unaretícula ecaz para un proyecto determinadosignica valorar de forma profunda elcontenido, especico de dicho proyecto, en loque se reere a las características visuales ysemánticas del espacio tipográco. El espaciotipografíco es gobernado por una serie derelaciones entre partes y el todo.

Una línea tras otra, se convierte en un párrafo. Ya no se trata simplemente de una línea, sinode una forma con un límite físico y visual. Ellímite físico crea una referencia para la paginay, a medida que se estira y crece, el párrafose convierte en una columna, que rompe elespacio y, al mismo tiempo, convierte enespacio por sí misma.

Conceptos básicos de una retícula

Retícula Manuscrito

La retícula de bloque o manuscrito estructuralmente, la retícula más sencilla puede existir. Su estructura base es un grande y rectangular que ocupa la mayor pdela página. Su tarea es acoger textos lay continuos, como en un libro, y se desarropartir e la tradición de manuscritos que nalmcondujo a la impresión de libros.

• Revista a! Diseño México D.F páginainterna.


8/53

14 Tipos de retícula Tipos de retícula

Retícula Jerárquica

A veces, las necesidades informativas y visualesde un proyecto exigen una retícula extraña que noencaje en ninguna otra categoría. Estas retículasse adaptan a las necesidades de la informaciónque organizan, pero ya están basadas másbien en la disposición intuitiva de alineacionesvinculadas a las proporciones de los elementos,y no intervalos regulares y repetidos. La anchurade las columnas, al igual que los intervalos entreestas, tiende a presentar variaciones.


Retícula Modular

Los proyectos de gran complejidad requieren cgrado de control que va más allá del que ofreuna retícula de columnas. En esta situala elección más ecaz podría ser una retímodular. Una retícula modular es, en eseuna retícula de columnas con un gran numde líneas de ujo horizontales que subdividecolumnas en las, creando una matriz de ceque se denominan módulos.



9/53

16 Tipos de retícula Desconstrucción de retícula

Retícula de Columna

La información que es discontinua presenta laventaja de que puede disponerse en columnasverticales. Dado que las columnas puedendepender unas de las otras en el caso del textocorrido, pueden ser independientes si se trata depequeños bloques de texto, o bien pueden cruzarsepara crear columnas más anchas, la retícula decolumna es muy exible y pueden utilizarse paraseparar diversos tipos de información.

• Revista a! Diseño México D.F página interna.

Desconstruccionesconceptuales/verbales

• Niklaus Troxlex, Posters 1977-1999. Ca

para exposición serigrafía en negro.

El cartel desconstruye el formato a partir de símismo. La maquetación, austera y dramática,contipografía negra sobre fondo blanco, muestra laredundancia conceptual inherente al proyecto.

Ejemplos de desconstrucción de

retícula


10/53

18 Desconstrucción de retícula Desconstrucción de retícula

Desconstruccionesconceptuales/verbales

• ImproPlakate, Improvised Posters. Cartel deexposición, Niklaus Troxlex.

Aquí no existen líneas de base, ni alineaciones,ni márgenes: las letras otan libremente como siestuvieran diseminadas por todo el formato dlecartel.

Retícula de columnasdesconstruida mediantecollage

• AIGA Nueva York cartel para temporadcultural.

Una retícula de columnas proporcionadamodularmente se contrapone a una composicióncuyos criterios visuales estan en relación con elmundo del diseño. Su interación tambien estámodulada por el movimiento sobre y a través deunos visibles marcos concéntricos1 que generanuna serie de formatos tridimensionales dentrodel cartel.

1 Concéntrico objetos comparta igual centro, eje oorigen con un interior el otro.


11/53


Composición geométricaespontánea

• LIFT cartel promocional, LondonInternacional Festival os theatre.

Las diagonales se cruzan y los movimientosangulares, derivados de yuxtaponer elemntoslineales fotográcos y tipográcos, organizanla imaginería y la información de este carteldinámicamente. El diseñador utiliza la diagonalvertical del brazo de la grúa y el repentino ángulode la farola que esta más arriba para desorientaral observador, y al mismo tiempo contar con unaestructura primaria.

Composición ópticaespontánea

El espacio se organiza de modo pintuitivo ; las áreas de tensión se equilibáreas de mayor solidez, como por ejempde tipografía con zonas abiertas y nebulluz y color. La tipografía actúa de acuelos elementos que la rodean, lo que dala cohesión general dentro del cartel, y toelemntos dentro de este pueden interacttotal libertad.

• Objects in Space, American Institute Graphics Arts, sección Los Ángeles.


12/53


• Rhode Island School, cartel de exposición.

La organización de los elementos del collage seha realizadoen base a su jerarquía. Cambiandola ubicación y la cálidad de las texturas, la luz yla sombra, varia el orden perceptivo de dicha jerarquía.

Collage tridimensional Retícula jerárquica condesconstrucción de collage

• Electronic for Imaging, fabricantes desistemas de impresión digital


13/53


• Los Urbaines, Organización para ladivulgación del arte

• Los Urbaines, Organización para ladivulgación del arte

Composición jerárquicaespontánea


14/53


15/53

28 Creación de formas de textos Creación de formas de textos

Creación de formas de texto

El texto esta en una disposición creativa, sininterferir con la imágen.

• Árticulo de Revista a!, México "Así como en la educacióntradicional de diseño se

utiliza la manipulación

de formas para que estos

sean más interesantes y

logren captar la atención

del lector, podemos utilizar

el formato de software

DTP para empezar nuestra

exploración del diseño.

El software DTP nos brinda

una gran ventaja en el

sentido que el instrumento

que vamos a utilizar para

explorar las opciones

básicas de diseño es el

mismo que será utilizado

más adelante para crear

diseños acabados y

artes nales a punto de

impresión".

• Software para diseño, diagramación ycálculo de hojas metálicas en 3D.

Aquí se aprecía como el texto acompañimágen lo que lo convierte en una formasencilla en su lectura.

uando se recurre a diseños como este en el quee aplican recuadros de color y textos inclinadose da un agregado de modernidad y variación a laágina.

Árticulo de Revista a!, México


16/53


• Revista a! México, página interna.

"La maqueta de página gira alrededor del equilibrio en la colocaciónde los bloques de texto y en la consideración que se hacen con el papelen blanco que queda alrededor de estos. La interacción de espacios

blancos y el texto pueden llegar a generar variedades de efectos".

En este caso se observa como el texto se encueal lado de la imágen, pero se encuentra justicrecalcando más las columnas.

• Árticulo de la Revista a!, sobre la fotografíaen movimiento.

El texto esta dispuesto en 3 columnas que serompen al nal con una imágen pero sin perderla disposicion del texto.

• Árticulo de la Revista a!, sobre la fotograen movimiento.


17/53


• Árticulos de la Revista a!, México páginasinternas.

En este caso el texto se coloca en la parte superiorde la página, con columnas parejas que dirigen lamirada del lector al nal de la página donde estáncolocadas las imágenes.

El texto está dispuesto en dos columnas cortasdonde solo se aplican las imágenes al nal con unacaja de texto extra que refuerza la información.

• Árticulo de la Revista a!, México páginainterna

En este caso el texto ubicado en 3 columnas queson rotas por las imágenes, el texto se amoldasegún la forma de la imágen.


18/53



El texto se dispone de manera diferente con unaforma curva, haciendolo mas dinámico a la horade realizar la lectura.


En este ejemplo el texto se coloca en 3 columque simulan estar en disminución, dandefecto más interesante para la lectura.


19/53

36 Introducción de las formas de texto Introducc ión de las formas de texto

"Cuando se combinanbloques de texto y de guras,

los elementos básicos del

diseño (equilibrio y uso del

espacio blanco) son las

mismas.

Pero ahora tenemos otro

factor a considerar: la calidad

tonal del bloque de la gura.

El tono de un bloque se

dene por la proporción de

blanco y negro que contiene.

Cuanto más negro contiene,

más oscuro es el tono y más

pesado el efecto.

Bloques de diferentes tonos

tendrán sobre la página el

efecto de diferentes pesos

equilibrados entre ellos".

Introducción de las formas de texto


uando se hace ingresar la imágen o gura en elxto rápidamente se comprende que texto es el

ue se debe leer para tener más información deimágen, lo que funciona como una señal pararaer la atención del lector.


La imágen rompe con las tres columnas, lohace que el texto comience más y que no parun agujero dentro del diseño, sino más bieestilo moderno.


El tamaño y la posición del bloque de textola forma de la fotografía y la equilibra.


20/53

38 Introducción de las formas de texto Introducc ión de las formas de texto

Árticulo de la Revista a!, México páginainterna

Al colocar una imágen que ocupe un espaciogrande dentro de la página crea la sensación demodernidad.

El texto acompañado por imágenes en la psuperior e inferior genera un efecto de fácil lecal ojo al mismo tiempo que lo vuelve mas atrapara el lector.


Siempre que se utiliza mayor espacio en cuanto ala imágen se genera ese efecto de modernidad y

ayuda mucho colocar el texto primero seguido dela imágen.



21/53

40 Tamaño y longitud de tipo Tamaño y longitus de tipo

Tamaño y Longitud de Tipo

"Existen dos clasicacionesimportantes de tipos que se

reeren a su uso a mas de14 puntos, usados en títulos

y subtítulos, etc. Y tipos

de texto que se componen

de menos de 14 puntos y

generalmente, a 9-12 puntos

que se usan para el texto.

Los tipos de textos tienen

que ser fácilmente legibles

en largos pasajes y tienen

que ser muy visibles para

una lectura intermitente".


La ubicación de los textos con un interlineado justopermite que la lectura sea fácil y se comprendala línea que debe seguir al momento de leer.


El texto está ubicado sobre un fondo de cembargo el interlíneado permite que lasea fácil, pues tiene una separación adpara el ojo del lector.


22/53

42 Tamaño y longitud de tipo Tamaño y longitus de tipo


El texto usado es extenso y con muy pocasimágenes dentro del mismo, pero a pesar de estola distancia entre cada línea es la correcta y el

puntaje, porque permite una fácil lectura.


La disposición del texto esta en una forma creativay dinámica y por su posición podría dicultarse sulectura sin embargo posee un interlíneado correctoque permite la lectura del texto.


23/53


24/53

46 Como organizar una página Como organizar una página

Como organizar una página

"A n de establecer una continuidad visual a lo largo de unadeterminada publicación, o a lo largo de una serie de trabajos

grácos interrelacionados como por ejemplo una serie de

anuncios, los diseñadores usan un plan de composición

mejor conocido como Retícula, esta marca la posición de los

márgenes y las columnas de texto con líneas de guía verticales

y horizontales, de forma que los bloques de texto ocupen lamisma posición relativa en todas las páginas.

Generalmente los materiales impresos se diseñan para

usar en lectura continuada como los libros de texto, novelas

etc., o bien en lectura intermitente como las revistas, libros

de consultas, catálogos, horarios etc. Estas formas de uso

implican diferencias físicas en la forma de confeccionarlos, en

sus tamaños respectivos y en la disposición de los textos en

sus páginas".

Algunos tipos de publicaciones pueden tenerdiferente estilos de maquetados para reejar el

contenido de las distintas secciones editoriales.Para lograr la adaptación de esta variedad decomposición en las páginas, el diseñador produceuna retícula que se puede usar de diferentesmaneras lo que se conoce como: Retícula Mixta.Una retícula mixta puede ofrecer simplemente unaretícula distinta para cada cara contrapuesta; lasretículas mixtas complejas deben de diseñarse concuidado para que el estilo global de la publicaciónse mantenga intacto, sin dejar de permitirle aldiseñador opciones alternativas de maquetado.

Construcción de columnas

Utilización de dos columnastexto o imagen.


• Revista a! DiseñoMéxico D.F páginainterna.


25/53

48 Como organizar una página Como organizar una páginaUtilización de tres columnas,texto o imagen


• Revia! DiMéxD.F inter

Revista a! Diseño México D.F páginainterna.



26/53

50 Como organizar una página Uso de los pies de gura



Uso de los pies de guras

Los pies de gura pueden tener varias funcionesdentro del diseño de una página. Son undispositivo de edición para conducir al lector desdelas ilustraciones o fotografías hasta el cuerpoprincipal del texto. Permiten que el redactor haga

alusión a material que no es posible incluir en eltexto principal.

Al diseñador le permite añadir color al diseño yrelacionar visualmente las guras y los bloques detexto, usando el pie de gura como dispositivo detransición.

Debido a estar físicamente separados del blprincipal del texto, los pies de gura detratarse en un estilo tipográco contrastaya sea usando una variante (negrita, cursicondensada), un tamaño distinto, o una clas

tipo complementaria, pero diferente, o bien qucon una combinación de métodos.

El texto justicado o alineado a la izquierda pucomplementarse con pies de gura alineadosla derecha.

"Se trata de un dispositivo útil, ya que separa claramente eltexto y los pies de gura en situaciones en los que puede haberalguna confusión entre ambos, tal como en una doble página qu

presente una gran gura y solo una pequeña cantidad de texto"


27/53

52 Uso de los pies de gura Uso de los pies de gura

Revista VOGUE latinoamérica, mayo2009

• Revista VOGUE latinoamérica, m2009


28/53

54 Uso de los pies de gura Uso de la letra capital

Revista VOGUE latinoamérica, mayo2009

• Revista VOGUE latinoamérica, mayo2009

pie de imagen en esta serie de ejemplos, es muyilizado en recuadros de color, o simplemente elcuadro del texto, si bien se puede observar que

unque halla mucha saturación de imagenes ele de foto siempre se distingue en la imagen.

Uso de la letra capital

Los calígrafos de manuscritos de la Europa medievalson la fuente de gran parte del diseño grácomoderno, quizás lo que más hemos heredado deellos es la mayúscula inicial ampliada, hoy en díaesto puede usarse de la misma manera en que loscopistas solían iluminar las mayúsculas, es decirpara atraer la mirada del lector hacia el principio

de los títulos de los capítulos y partes, y para darleun contraste al cuerpo principal del texto.

"La forma más normal de usar es como mayúsculas caídas, esdecir letras que entran en el cuerpo de texto, la mayúscula caída

debe ampliarse un número exacto de líneas de texto y alinearse

exactamente enrasando la línea de base con la línea inferior de

texto".

Debido a que forman una parte muy dede la página, debe considerarse cuidadoscomo enlazan con el cuerpo de texto y comespacio entre ellas y el cuerpo de texttodas las formas de énfasis en tipografía,


29/53

56 Uso d ela letra capital Uso de la letra capital

• Revista VOGUE latinoamérica, mayo 2009 • Revista VOGUE latinoamérica, mayo 2009

• Revista VOGUE latinoamérica, m2009


30/53

58 Uso d ela letra capital Notas o destacados

• Revista VOGUE latinoamérica, mayo 2009

Uso de notas separadas o destacados

"Además del uso de las iniciales, hay toda una gama dedispositivos que se pueden usar, tanto funcional como

decorativamente, en una página de texto, muchos de estos

dispositivos están inspirados en los manuscritos. Los copistas

medievales dejaban a menudo grandes márgenes alrededor

de los bloques de texto para colocar sus notas al margen. Estas

tenían el efecto de romper el duro espacio rectilíneo del texto

dándole más énfasis e interés a la pagina; este efecto se puede

conseguir en base a establecer falsas columnas especialmente

para mostrar las notas separadas (citas extraídas del bloque de

texto que se usan para llamar la atención del lector).Las citas

separadas pueden mostrarse en formas diferentes, a base de

entrar la cita en el texto a un lado, arriba, abajo o en el centro

de las columnas de texto".


31/53

60 Notas o destacados Notas o destacados

• Revista VOGUE latinoamérica, agosto 2009

Revista VOGUE latinoamérica, agosto 2009



32/53

62 Notas o destacados Notas o destacados





33/53


34/53

66 Creación de un título Creación de un título

• Revista VOGUE latinoamérica.

En este caso tenemos una portada de la revistaVogue, donde se aprecia como el título a pesar deser cubierta en una parte se sigue comprendiendo,esto debido a que se utiliza un puntaje correcto enel título.

Creación de un Título

"La efectividad de un título depende tanto de su contenido como conl estilo que es tratado, pero es su escala, o tamaño relativo, lo que

segura que destaque en la página. Con la escala se pueden realizar

rucos visuales, siendo los más potentes dispositivos tan simples como

a inversión y la yuxtaposición.

as letras de caja baja pueden componerse en tamaños enormemente

randes, en contrastes con pequeñas mayúsculas; se puede distorsionar

a escala de los signos de puntuación y pequeños símbolos grácos,

tc".

• Diario de Hoy, El Salvador 2011

Aqui se aprecia como el título es lo que sobresaleen toda la página, a pesar de ser un texto simple,pero posee un puntaje adecuado para captar laatención del lector.


35/53


• Revista a!, México, página interna.

título esta siendo usado con una tipografíample en la parte superior del artículo, pero seaneja una imágen que agrega más interéslector y hace referencia sobre que tratará el

tículo.

• Portafolio Milimetroazul, Diseño Editorial.

El título en la portada sobresale a pesar dsobre un fondo bastante llamativo, cueuna buena ubicación y un puntaje adecua


36/53



n este caso el título del artículo comienza conn tamaño grande y poco a poco disminuye peroempre con un puntaje que permite la lectura.aunque el título no se encuentra en la parte

uperior de la página, ni centrado logra que lasta se dirija hacía el.


Este otro caso el título está colocado ede la página hacia el lado izquierdo, ctipografía simple, lo que permite que la mdirija hacía el además del color, es el punse está manejando.


37/53



so de tipografías simples pero utilizando el recursoe agrandar la letras para resaltar información y que laención sea centrada en el título.

• Concurso Made, mallorca, España

El título se encuentro en un lugar clave dela página y con una posición diferente al jula tipografía.


38/53

74 Colocación de títulos en un texto Colocación de títulos en un texto

Colocación de títulos en un texto

"Al considerar los títulos, subtítulos y texto dentro de una retícula esbvio que existe jerarquía lógica en su relación y el misión del tipógrafo

eejar visualmente esta jerarquía, tanto en el maquetado como en la

lección de clases de tipos, tamaños y variantes".

Diario de Hoy, El Salvador 2011

uso de los títulos al centro de la página yarte superior permite que la mirada se dirijapidamente hacía ese punto del artículo.


En este caso la importancia del título sepor el tamaño de la tipografía y la longitudestan compuestas.


39/53

76 Colocación de títulos en un texto Colocación de títulos en un texto

• Revista a!, México página interna

Al hacer uso de una franja de color fácilmente seidentica cual es el título de lo que se esta leyendo.


Otro ejemplo donde se aplica una franja de colory se coloca el título, lo que permite que se observedonde comienza la lectura.


40/53

78 Color en los textos Color en los textos

Color en los textos

"Diseñar con tipos y colores es un gran reto, ya que cuando los coloresy los tipos aúnan sus fuerzas, el riesgo de errar se acentúa; aunque

también es cierto que la combinación de tipos y color hace que se

resalte los atributos visuales y expresivos de la tipografía.

En la elección del color uno de los aspectos que debemos no olvidar

es la legibilidad tipográca. La tarea del diseñador es combinar

las propiedades del tipo y el color para multiplicar su potencialcomunicativo. Estos dos elementos pueden dar vida a un texto que,

de otro modo, fracasaría en su vertiente comunicativa".


En este caso se puede ver como el texto seencuentro con diferente colores, pero apesar deesto sigue siendo entendible.

• Catálogo de libros Argentinos, Feria deFrankfurt

La tipografía ha sido usada con diferentessobre un fondo negro que permite que resalte.

• Catálogo sobre uso correcto de la tipogra

El uso de un fondo oscuro y encima una tipografíade color claro siempre funciona para una buenalectura.


41/53

80 Color en los textos Color en los textos

"Para alcanzar la óptimalegibilidad cuando se diseñacon tipos y color se han de

sopesar cuidadosamente las

tres propiedades del color (tono,

valor e intensidad) y determinar

el contraste apropiado entre

las letras y su fondo. Cuando

se combinan tipos y color,

el equilibrio entre estas

características es crucial".

• Artículo sobre Rafael Nadal

El título del artículo en grande y con colores vivoshacen que resalte; a pesar de usar un mismo coloren la tipografía y el fondo, al bajar la intensidad deuno de estos funciona de manera correcta.

• Revista TU, 2010

El título del artículo en grande y con colores vivoshacen que resalte; a pesar de usar un mismo coloren la tipografía y el fondo, al bajar la intensidad deuno de estos funciona de manera correcta.

• Catálogo de posters basados en tipografía

Un claro ejemplo del uso adecuado de lasdegradaciones de colores y diferentes puntajes.

• Composición tipográca, Joel ParraPortafolio ( Diseñador Gráco, Ilustrador)

El manejo de la tipografía en diferentes colores yposiciones hace que el diseño se convierta en algomucho mas atractivo para el lector.


42/53


43/53

84 ¿Qué es Infografía Tipos de Infografía

¿Qué es la Infografía?

"La infografía es una representación más visual que la propiade los textos, en la que intervienen descripciones, narraciones o

interpretaciones, presentadas de manera gráca normalmente

gurativa, que pueden o no coincidir con grasmos abstractos y/o

sonidos.

La infografía nació como un medio de transmitir información

grácamente. Los mapas, grácos, viñetas, etc. son infogramas,

es decir unidades menores de la infografía, con la que se presenta

una información completa aunque pueda ser complementaria o de

síntesis".

El término también se ha popularizado parareferirse a todas aquellas imágenes generadaspor ordenador. Más especícamente suele hacerreferencia a la creación de imágenes que tratan deimitar el mundo tridimensional mediante el cálculodel comportamiento de la luz, los volúmenes, laatmósfera, las sombras, las texturas, la cámara,el movimiento, etc.

El gráco de barras es utilizado, generpara cálcular una información la cual ccifras y datos.

A su vez no solo se pueden generar grábarras sino también: pastel, lineal,etc.

Tipos de Infografía

Grácos

• Prensa Gráca, diario de El Salvador, temaelectricidad por Oscar Corvera


44/53

86 Tipos de Infografía Tipos de Infografía

Diagramas• Prensa Gráca, diario de El Salvador

• Prensa Gráca, diario de El Salvador

Periodística• Prensa Gráca, diario de El Salvador



45/53


Prensa Gráca, diario de El Salvador



La infografía períodistica, se basa en recopilaralgun tipo de información, ya sea una noticia, uncaso, acontecimientos etc. En los que el hecho nose puede explicar solo con texto sino tambien de surespectiva imagen (ilustración).


46/53


Arquitectónica




La infografía arquitectónica muestra las partes osecciones que tiene una estructura, de que estacompuesto, o cual es el área del espacio que sedesea seccionar.


47/53


Educativa


• Prensa Gráca, diario de El Salvador, por RnéRivas

Así como las demas en el caso de salud, losinfogracos se destacan débido a los numerostemas que pueden ser abarcados por esta, y serefuerza la imagen mediante el texto.


48/53


Cine



Multimedia



49/53

96 Perl del infograsta Entrevista

Perl del Infográsta

Nombre: René Rodríguez.

Estudios: Instituto CENAR.

Ocupación: Infograsta Diario de Hoy

Desempeño: Realizar infográcos, ya seaperiodistico o de cualquier tipo.

¿Cómo empezó en el área de la infografía?Al principio no entre de un solo al área infografíasino, que estaba en anuncios de prensa, despuésde cierto tiempo necesitaban personal en la parte

de infografía y fue así como empezó a hacerilustraciones o graco.

¿Cual ha sido su estudio en cuanto al diseño?Se especializó en la escuela de arte CENAR delEl Salvador, en la cual recibió una formacióncompleta, base que le sirvió para poder hacer susdiseños, ilustraciones, etc.

¿Función principal?La función principal es hacer infograco, de ves encuando montajes y a veces diseñan paginas perono siempre el infograco es el que diseña todala pagina de la noticia, sino que el diseñador seencarga de ajustar la infografía al texto adecuado.

¿Qué programa utiliza para generar lasilustraciones vectoriales?Utilizó Macromedia freehand, aunque reconozcoque en un futuro me tocara aprender adobeIllustrator.

¿Ilustra a mano también?Generalmente no, mi principal arma para diseñares el freehand donde creo los vectores y me parece

un programa que puedo ocupar bastante biendebido a los efectos que quiero realizar, pero enconsideración a esto debo admitir que para unamejor ilustración es bueno hacerla manualmentepara apreciar la riqueza de texturas.

¿Cómo es el proceso para crear una infografíBueno, primero el infograsta debe ir coperiodista ya que el periodista ve la noticia desde el punto de vista en el que el lo quiereen cambio el infograsta tiene una vista amplia de cómo ocurre el suceso, luego de einfograsta investiga la escena, también hablalas personas que se encuentran e n el lugar y lhace apuntes o bocetos de cómo es la vista descena, generando los pasos para la informase toman también fotografías las cuales ayudsirven de referencia para poder realizar el pro

de la infografía.

¿Cómo aprendió a elaborar la infografía?

Como dije anteriormente comencé a trabajael Diario de hoy, en la sección de Anuncios luel diario introdujo la parte de infografía hacvarios años, fue ahí donde incurrí en el áreinfografía; siendo esta nueva en la parte de didel periódico.

¿Cómo selecciona la noticia o el tema dinfografía?El tema o noticia no lo seleccionamos nosolos infograsta, sino que depende de una noque el periodista no pueda cubrir, se realizinfograco o sino para temas especiales qudiario saca en suplementos, como infografítemas ecológicos, salud etc.

¿Qué recurso utiliza para realizar la ilustracióA parte de ir al lugar en este caso si es de noticia, accidente etc, me encargo de invescon la gente, policías o personas que vieronhechos para poder hacer el bosquejo de una general de lo que paso, también el recurso dfotografía ayuda mucho a la hora de bosquejaboceto nal, ya que esto me ayuda a mi parsolo quedarme con un plano de la noticia sinovarios.


50/53

98 Entrevista Glosario

En cuanto tiempo realiza la infografía?tiempo varia según donde ocurran los hechos,el lugar queda muy lejos de la capital nos

ca ir estarnos una o dos hora y luego volver yocetar una idea nal, que para ello en realizarlodo nos tardamos de una a dos horas lo mucho, dependiendo si es un tema más amplio defografía nos tardamos lo más un día, esto esorque el periódico a veces saca esta sección ala siguiente o sino días después pero se tiene queesentar en una fecha establecida.

Cuál es la función de la infografía?a infografía tiene como función principal ser ella información, resumir un tema global en una

ustración, vector o graco el tema en generale la infografía siendo el a lo que esta da en lavestigación.

¿Como fue su interés por esta rama? Yo empecé a trabajar y ha aprender de programas dediseño debido a la curiosidad de experimentar aunmás y debido a que cada ves la tecnología aumentamás uno tiene que conocer nuevas herramientasque le sirvan para el desarrollo.

¿Cuántas infografías realiza por semana?No hay un número especíco pero, a veces se

hacen adelantos de temas que se van a sacar enun periodo establecido, a la semana se hacen de3 a más dependiendo también de la cantidad detrabajo que sea.

"Como Infográsta del diario de Hoy, René Rodriguez expresa queser infográsta es un área del Diseñador que completa muchas áreasdel Diseño Gráco, en las cuales se ponen muy en práctica a la hora

de realizar infográcos, el Diario de Hoy fué el primer periódico del

país en implementar este tipo de arte visual en sus páginas".

Glosario

AAlineación te texto: La alineación determina laposición de un párrafo en relación con los bordes desu bloque de texto.

Alineación óptica: Una alineación que no es laverdadera, pero es la que funciona visualmente.

Diagramas: Grácos que presentan enesquematizada información relativa a algúnámbito.

Doble página: Páginas que encaran publicación.

Barras: Véase Gráca de barras.

Borde externo: Margen del borde exterior de lapágina.

Enrasar: Cuando se nivela o iguala una cootra, buscando que tengan un mismo nivel

Escala: Sucesión ordenada de valores dpertenecientes a una misma cualidad.

Calígrafos: Los calígrafos son aquellas personasque escriben a mano de una buena manera.

Columna: Las partes en que se divide en formavertical una página.

Concéntrico: Se aplica a todas aquellas gura uobjeto que comparten el mismo centro o eje.

Copistas: Este término se aplicaba a las personasque se dedicaban a copiar manuscritos cuando aunno existía la imprenta.

B

C

D

E

F

Familia de Fuentes: Todos los estilos y veelacionados con un tipo.

Folio: Número de página.

Formato: Tamaño y forma de una publicació

Fuente: Conjunto de todos los carácteres denúmeros, signos de puntuación, signos y aceuna clase de tipo determinada.


51/53

100 Glosario Glosario

fografía: es una representación más visualue la propia de los textos, en la que intervienenescripciones, narraciones o interpretaciones,esentadas de manera gráca normalmente

gurativa, que pueden o no coincidir con grasmosbstractos y/o sonidos.

terlineado: El espacio vertical que existe entre lasneas de texto se denomina interlineado. En el textotino, el interlineado se mide desde la línea de base

e una línea de texto hasta la línea de base de lanea anterior. La línea de base es la línea invisible

n la que se "apoyan" la mayoría de las letras.

sticación: Disposición de un texto en que tanto elorde derecho como el izquierdo de la columna seinean verticalmente.

M

Maquetar: Acción de dar formato a un texto.

Márgenes: Espacio en blanco que se deja alrededorde una página manuscrita o impresa.

Software DTP: La autoedición, publicación deescritorio o desktop publishing (DTP) en inglés,consiste en sistemas informáticos de tratamiento

gráco que combinan un computador personal yun programa de diagramación de páginas.

PPárrafo: El párrafo es la unidad de formato de textomás importante de Word. Al párrafo se aplican

funciones como alineación, interlineado, sangrado,espaciado, bordes, colocación, etc. Un párrafo escualquier cantidad de texto.

Peso Visual: fuerza con que un elemento de unacomposición atrae la vista del espectador.

Pie de gura: Es un texto que aparece en el borde

inferior de una imagen, con frecuencia sobreimpuesto a ella, aportando información adicionalsobre la misma.

Puntaje: Tamaño que se le asigna a la tipografíadentro de un texto.

R

Retícula: La retícula es un conjunto de relacionesbasadas en la alineación, actúan como guías enla distribución en los e lementos de todo formato.

S

T

Título: Es una palabra o frase que permite cel nombre del artículo que estamos leyobservando.

Texto: Texto principal de cualquier documen

Texto centrado: El texto centrado o alineadel centrose compone simétricamente respeeje vertical con bordes.

V

Versalitas: Mayúsculas compuestas de la maltura que las letras de la caja baja.


52/53

102 Créditos Bibliografía

BibliografíaCréditos Agradecimientos

• Diseñar con y sin retícula. Editorial GustavoGill,SA

• Diseño Para La Autoedición (DTP). editorialGustavo Gill, SA

• Revista a! México D.F

• Niklaus Troxlex, Posters 1977-1999. Cartel paraexposición serigrafía en negro.

• ImproPlakate, Improvised Posters. Cartel deexposición, Niklaus Troxlex.

• AIGA Nueva York cartel para temporada cultural.

• LIFT cartel promocional, London InternacionalFestival os theatre.

• Objects in Space, American Institute os GraphicsArts, sección Los Ángeles.

• Rhode Island School, cartel de exposición.

• Electronic for Imaging, fabricantes de sistemasde impresión digital

• Los Urbaines, Organización para la divulgacióndel arte

• Software para diseño, diagramación yde hojas metálicas en 3D.

• Revista VOGUE latinoamérica, mayo 200


• Revista VOGUE latinoamérica.


• Portafolio Milimetroazul, Diseño EConcurso Made, mallorca, España

• Catálogo de libros Argentinos, Feria de F

• Catálogo sobre uso correcto de la tipogr

• Revista TU, 2010•• Artículo sobre Rafael Nadal

• Composición tipográca, Joel Parra PorDiseñador Gráco, Ilustrador)

• Prensa Gráca, diario de El Salvadoelectricidad por Oscar Corvera


Reunir material para un libro como éste dependiodel esfuerzo y la buena voluntad de nosotras comodiseñadoras y estudiantes así como también depersonas que asesoraron el ritmo del libro, y otrascolaboraciones.

Gracias al esfuerzo de Clara Velíz y Katherine Portillo,de reunir todo el material ilustrativo y textual dellibro, por su entrega constante para asegurarse deque todo funcionara a la perfección, y su busqueda .

Gracias por el tiempo de René Rodriguez infograstadel Diario de Hoy quién nos dedicó dos horas de suvalioso tiempo, para realizar la entrevista sobreinfografía, y quién nos explicó detalladamente elvalor y la importancia de la infografía en nuestropaís.

Sincero agradecimiento a Mónica Moz, catédraticade la Universidad Don Bosco, por revisarconstantemente el material visual del libro y sucontenido.

A la editorial VEINTI/CUATRO por su interés y apoyohacia sobre el libro.

Por último, aunque sin ser por ello menosimportante, a nuestros padres quienes nos brindanla ayuda necesaria, y su apoyo constante.

oncepto: Alineaciones equilibradas.

amilia de Fuentes: Franklin Gothic Book

Franklin Gothic Medium

aleta cromática: TurquesaBlanco

Negro

iseñadoras: Kathrine Stefany Portillo

Clara María Velís

iseño del Libro : Katherine Portillo

iagramación: Katherine PortilloClara María Velís

ugar de Impresión: Dprint.Print on Demand

irección: Avenida Olímpica y Pje. 3, Nº 3523 Edif.u Casa, Locales 1 y 2 San Salvador, El Salvador,.A., 503 San Salvador, El Salvador

ipo de papel: CoucheAdhesivo

mpastado: Julio José Franco


53/53

Principios Del Diseno Editorial

Documents

Transcript of Principios Del Diseno Editorial