principios del diseno editorial
TRANSCRIPT
-
8/18/2019 Principios Del Diseno Editorial
1/53
Katherine Portillo/Clara Velís
-
8/18/2019 Principios Del Diseno Editorial
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
-
8/18/2019 Principios Del Diseno Editorial
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
-
8/18/2019 Principios Del Diseno Editorial
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.
-
8/18/2019 Principios Del Diseno Editorial
5/53
1
-
8/18/2019 Principios Del Diseno Editorial
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.
-
8/18/2019 Principios Del Diseno Editorial
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/18/2019 Principios Del Diseno Editorial
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.
• Revista a! Diseño México D.F páginainterna.
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.
• Revista a! Diseño México D.F páginainterna.
-
8/18/2019 Principios Del Diseno Editorial
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
-
8/18/2019 Principios Del Diseno Editorial
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.
-
8/18/2019 Principios Del Diseno Editorial
11/53
20 Desconstrucción de retícula Desconstrucción de retícula
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.
-
8/18/2019 Principios Del Diseno Editorial
12/53
22 Desconstrucción de retícula Desconstrucción de retícula
• 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
-
8/18/2019 Principios Del Diseno Editorial
13/53
24 Desconstrucción de retícula Desconstrucción de retícula
• Los Urbaines, Organización para ladivulgación del arte
• Los Urbaines, Organización para ladivulgación del arte
Composición jerárquicaespontánea
-
8/18/2019 Principios Del Diseno Editorial
14/53
-
8/18/2019 Principios Del Diseno Editorial
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
-
8/18/2019 Principios Del Diseno Editorial
16/53
30 Creación de formas de textos Creación de formas de textos
• 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.
-
8/18/2019 Principios Del Diseno Editorial
17/53
32 Creación de formas de textos Creación de formas de textos
• Á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.
-
8/18/2019 Principios Del Diseno Editorial
18/53
34 Creación de formas de textos Creación de formas de textos
• Árticulo de la Revista a!, México páginainterna
El texto se dispone de manera diferente con unaforma curva, haciendolo mas dinámico a la horade realizar la lectura.
• Árticulo de la Revista a!, México páginainterna
En este ejemplo el texto se coloca en 3 columque simulan estar en disminución, dandefecto más interesante para la lectura.
-
8/18/2019 Principios Del Diseno Editorial
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
• Árticulo de la Revista a!, México páginainterna
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.
• Árticulo de la Revista a!, México páginainterna
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.
• Árticulo de la Revista a!, México páginainterna
El tamaño y la posición del bloque de textola forma de la fotografía y la equilibra.
-
8/18/2019 Principios Del Diseno Editorial
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.
• Árticulo de la Revista a!, México páginainterna
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.
• Árticulo de la Revista a!, México páginainterna
-
8/18/2019 Principios Del Diseno Editorial
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".
• Árticulo de la Revista a!, México páginainterna
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.
• Árticulo de la Revista a!, México páginainterna
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.
-
8/18/2019 Principios Del Diseno Editorial
22/53
42 Tamaño y longitud de tipo Tamaño y longitus de tipo
• Árticulo de la Revista a!, México páginainterna
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.
• Árticulo de la Revista a!, México páginainterna
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.
-
8/18/2019 Principios Del Diseno Editorial
23/53
-
8/18/2019 Principios Del Diseno Editorial
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ño México D.F páginainterna.
• Revista a! DiseñoMéxico D.F páginainterna.
-
8/18/2019 Principios Del Diseno Editorial
25/53
48 Como organizar una página Como organizar una páginaUtilización de tres columnas,texto o imagen
• Revista a! Diseño México D.F páginainterna.
• Revia! DiMéxD.F inter
Revista a! Diseño México D.F páginainterna.
• Revista a! Diseño México D.F páginainterna.
-
8/18/2019 Principios Del Diseno Editorial
26/53
50 Como organizar una página Uso de los pies de gura
• Revista a! Diseño México D.F páginainterna.
• Revista a! Diseño México D.F páginainterna.
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"
-
8/18/2019 Principios Del Diseno Editorial
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
-
8/18/2019 Principios Del Diseno Editorial
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,
-
8/18/2019 Principios Del Diseno Editorial
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
-
8/18/2019 Principios Del Diseno Editorial
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".
-
8/18/2019 Principios Del Diseno Editorial
31/53
60 Notas o destacados Notas o destacados
• Revista VOGUE latinoamérica, agosto 2009
Revista VOGUE latinoamérica, agosto 2009
• Revista VOGUE latinoamérica, agosto 2009
-
8/18/2019 Principios Del Diseno Editorial
32/53
62 Notas o destacados Notas o destacados
• Revista VOGUE latinoamérica, agosto 2009
• Revista VOGUE latinoamérica, agosto 2009
• Revista VOGUE latinoamérica, agosto 2009
-
8/18/2019 Principios Del Diseno Editorial
33/53
-
8/18/2019 Principios Del Diseno Editorial
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.
-
8/18/2019 Principios Del Diseno Editorial
35/53
68 Creación de un título Creación de un título
• 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
-
8/18/2019 Principios Del Diseno Editorial
36/53
70 Creación de un título Creación de un título
• Revista a!, México, página interna.
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.
• Revista a!, México, página interna.
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.
-
8/18/2019 Principios Del Diseno Editorial
37/53
72 Creación de un título Creación de un título
• Diario de Hoy, El Salvador 2011
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.
-
8/18/2019 Principios Del Diseno Editorial
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.
• Diario de Hoy, El Salvador 2011
En este caso la importancia del título sepor el tamaño de la tipografía y la longitudestan compuestas.
-
8/18/2019 Principios Del Diseno Editorial
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.
• Revista a!, México página interna
Otro ejemplo donde se aplica una franja de colory se coloca el título, lo que permite que se observedonde comienza la lectura.
-
8/18/2019 Principios Del Diseno Editorial
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".
• Revista a!, México página interna
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.
-
8/18/2019 Principios Del Diseno Editorial
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.
-
8/18/2019 Principios Del Diseno Editorial
42/53
-
8/18/2019 Principios Del Diseno Editorial
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
-
8/18/2019 Principios Del Diseno Editorial
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
• Prensa Gráca, diario de El Salvador
-
8/18/2019 Principios Del Diseno Editorial
45/53
88 Tipos de Infografía Tipos de Infografía
Prensa Gráca, diario de El Salvador
• Prensa Gráca, diario de El Salvador
• 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).
-
8/18/2019 Principios Del Diseno Editorial
46/53
90 Tipos de Infografía Tipos de Infografía
Arquitectónica
• Prensa Gráca, diario de El Salvador
• Prensa Gráca, diario de El Salvador
• Prensa Gráca, diario de El Salvador
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.
-
8/18/2019 Principios Del Diseno Editorial
47/53
92 Tipos de Infografía Tipos de Infografía
Educativa
Prensa Gráca, diario de El Salvador
• 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.
-
8/18/2019 Principios Del Diseno Editorial
48/53
94 Tipos de Infografía Tipos de Infografía
Cine
Prensa Gráca, diario de El Salvador
Prensa Gráca, diario de El Salvador
Multimedia
• Prensa Gráca, diario de El Salvador
-
8/18/2019 Principios Del Diseno Editorial
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.
-
8/18/2019 Principios Del Diseno Editorial
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.
-
8/18/2019 Principios Del Diseno Editorial
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.
-
8/18/2019 Principios Del Diseno Editorial
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, agosto 20
• Revista VOGUE latinoamérica.
• Diario de Hoy, El Salvador 2011
• 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
• Prensa Gráca, diario de El Salvador
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
-
8/18/2019 Principios Del Diseno Editorial
53/53