4 Infografia

Vista previa del material en texto

La materia
Infografía FAD
propone ser un espacio de práctica y aprendizaje
de una herramienta que basa sus contenidos y
conceptos en la comunicación visual de la información.
El concepto de Infografía hace referencia a un área
específica del diseño llamado Diseño de la Información. 
En él convergen distintas especialidades del diseño 
que se articulan para dar solución a una problemática 
comunicacional que es cada vez más demandada por 
las sociedades de la información y del contenido.
Este concepto consiste en transformar datos
abstractos y fenómenos complejos de la realidad,
en mensajes visibles.
En el contexto donde la vida actual se desarrolla a gran 
velocidad, el tiempo de observación, análisis y lectura 
es cada vez menor. Además de transcurrirla inmersos en 
costumbres hiperactivas y aleatorias que ponemos de 
manifiesto al acceder a distintos contenidos de interés 
de forma inmediata y al mismo tiempo.
Es en este contexto donde la infografía vuelve a ser 
relevante para expresar o contar una “historia” de 
manera visual y atractiva generada por la articulación 
de fundamentos compositivos visuales, tipográficos e 
ilustrativos.
Esta materia tendrá como meta que el/la estudiante 
los articule en la producción de esquemas visuales con 
el desafío de organizar un discurso gráfico desde la 
lógica de la interpretación de un tema específico, 
valiéndose de leyes gestálticas, de configuración, de 
percepción y significación.
 
I N F
 O G R A F Í A E N
Infografía FAD está creada para acceder al concepto
y estudio de las infografías en 4 sencillos pasos.
De esta manera, aprenderemos a diseñar infografías 
introduciendo elementos y recursos compositivos,
tipográficos e ilustrativos en un recorrido lúdico y
didáctico para su aprendizaje.
Información
Visualizar la 
información
Concepto y Estrategia gráfica
Info cruda
Info codificada
Maquetación Investigación
Comencemos
T
Diseño de la 
información
Info preparada
Estamos acá
Infografía
Info graficada y
organizada
1era vuelta
Organizada
INFOGRAFÍA
Definición:
Representación visual de la información.
Nació como medio de transmitir información
gráfica de forma viva e imaginativa (Wikipedia). 
Representación visual organizada, de la
información, de forma viva e imaginativa, a través de la 
lógica de la interpretación (InfografíaFAD).
Este último paso representa la articulación de 
toda la Información codificada en el Lenguaje 
Infográfico. 
El Diseñador o Diseñadora debe filtrar la información, establecer relaciones y
representarlas de una manera que permita a quien recibe esa información, procesar
y digerir conocimiento significativo.
Diagramación
(maquetación)
Maquetación
Cruda Preparada Codificada Organizada
Maquetación
Este último paso representa la articulación de 
toda la Información codificada en los Códigos 
Infográficos. 
Para lograr esta articulación recurriremos al 
recurso de la diagramación o maquetación, 
es decir, la organización de los contenidos en 
un espacio o soporte que luego se convertirá 
en nuestra pieza gráfica,
la Infografía.
Diagramación
(maquetación)
Ej. Con el siguiente ejemplo nos vamos a introducir en
el recurso de la maquetación u organización de
información para lograr niveles de jerarquías de
distintos elementos (gráficos, tipográficos y vacíos),
y así lograr una adecuada composición infográfica. 
A través de la identificación de niveles jerárquicos daremos 
comienzo al concepto de composición que desarrollaremos 
más adelante.
Nivel 0: Grilla compositiva
Una forma de comenzar a diagramar nuestro espacio
de trabajo es plantenado una grilla compositiva
(no tipográfica) en base a divisiones que tomaremos
como parámetro. Esta puede hacerse simeplemente
para tener primeros elementos de referencia: la línea
(guías), identificar márgenes, zonas útiles y aquellas
que no utilizaremos.
Nivel 0 bis: Figúras geométricas
Las figuras geométricas son muy útilies para ayudar
a determinar zonas jerárquicas de acuerdo al equi-
librio o desequilibrio visual que deseemos plasmar
en nuestra infografía.
Nivel 1: Imagen principal. Ilustración, 3d, fotografía.
Los distintos tamaños y posiciones de los elementos
gráficos nos ayudan a “controlar” nuestro golpe de
vista para ubicarnos y guiarnos en el recorrido de lectura
de toda la información que puede tener una infografía.
Nivel 2: Imagen secundaria Ilustración, 3d, fotografía.
Las imágenes secundarias corresponden a un segundo
nivel de importancia de la información que obtuvimos
o decidimos en el Paso 2 “Diseño de la Información”.
Nivel 3: Título, subtítulos, conceptos.
Los títulos, subtíltulos y alguna descripción son
importantes para saber el tipo de información que
contienen las infografías, y generalmente ocupan
lugares de tensión visual relevantes.
Nivel 4: Información.
En niveles inferiores de jerarquía se reúnen todos aquellos 
datos que complementan la información principal.
Nivel 5: Curiosidades.
Nivel Dios: Grilla, figs. geométricas, objetos y tipos.
No sólo las zonas jerárquicas forman parte del equilibrio
o desequilibrio visual que deseemos plasmar en nuestra 
infografía, sino también la ubicación y tamaños de objetos, 
como así también distintas variantes tipográficas.
T
T
t
T
t
t
Nivel Dios: Grilla, figs. geométricas, objetos y tipos.
T Títulos Bodoni Bold (serif)
T
t
Subtítulos
textos
Subtítulos Myriad Pro Bold (sans serif)
textos Miriad Pro Regular (sans serif )
Nivel alto
Nivel medio
Nivel
bajo
de jerarquía
T
Ej:
Tamaño de objetos anclaje de textos.
Nivel 0 bis: Otras figuras geométricas
Niveles
Info
PreparadaCruda Codificada
Organizada
Grilla
Imágenes
Títulos
Color
+
Códigos Infográficos
Diagramación y
composición
MAQUETACIÓN 
Cómo comenzar a organizar la información
TRABAJO PRÁCTICO - Final del EJE I
La Mediatarde
 
 
El siguiente trabajo práctico tiene como objetivo articular
los pasos 1, 2 y 3 dados con nuestro alfajor favorito, a través 
de la organización de los paquetes de información traduci-
dos en códigos infográficos.
De acuerdo a nuestro primer acercamiento a la organización 
y maquetación compositiva, este ejercicio les propone crear 
una infografía sobre los aspectos y características de sus 
alfajores preferidos.
3º parte
El Alfajor final
La Metodología
El siguiente Trabajo Práctico tiene como objetivo realizar
una Infografía articulando los códigos infográficos (paquetes
de información) creados en el Ejercicio de Introducción 4:
El Alfajor. 
Maquetación (organización)
Para lograr esta articulación utlizarán los niveles de jerarquía
de la información a través de la utilización de Guías y Figuras 
Geométricas para determinar las zonas en las que ubicarán
títulos, códigos infográficos y alguna descripción adicional
que quieran hacer. Todo esto, ahora dentro de un formato
determinado.
 
 
TRABAJO PRÁCTICO - Final del EJE I
El alfajor final
La Entrega
TRABAJO PRÁCTICO - Final del EJE I
¿Qué se entrega? 
. 1 Infografía.
Formato
. 2000 px x 2600 px vertical. 
 
Tipo de archivo
. PDF 
¿Con qué herramientas se pueden realizar?
. Representación a Mano Alzada. 
. Digital (Illustrator, Photoshop, 3D). 
 
¿Dónde se entrega? 
. Carpeta DRIVE a publicar.
Dentro de ésta, cadfa infografía deberá tener su
correspondiente nombre y apellido. 
 
¿Hasta cuándo se puede entregar? 
. Hasta el lunes 26/4.
https://drive.google.com/drive/folders/15a2u5jisjbwwQGQR-cZjU9EawcuYj0E4?usp=sharing
Legibilidad
TipoLa 
La siguiente sugerencia está basada en la elección de la
familia tipográfica con serif Garamond para títulos, y
de la familia de palo seco Myriad Pro para subtítulos y
textos, como ejemplo.
A partir de éstas, 3 tamaños (pt como unidad de medida)
son los sugeridos como máximo para mantener un equili-
brio en la composición. Además de las variantes propias
de la familio tipográfica: Mayúsculas y minúsculas, regular,
bold y bold itálica. 
El interlineado sugerido en este ejemplo es “Automático”.
Para este bloque de texto la sugerenciaes crearlo utilizando
una extensión de entre 7 y 12 palabras (entre 35 y 65 carac-
teres) como máximo para lograr una correcta legibilidad y
fluidez en la lectura.
Título 72 pt
TÍTULO 72 PT
Subtítulo 42 pt
Sugerencia
El Alfajor