3 Codigos Infograficos

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ónInfografía
Concepto y Estrategia gráfica
Info crudaInfo graficada y
organizada
Maquetación Investigación
Comencemos
T
Diseño de la 
información
Info preparada
Estamos acá
Visualizar la 
información
Info codificada
Codificada
VISUALIZACIÓN DE LA INFORMACIÓN
Este paso corresponde a la codificación y
representación gráfica/visual de las relaciones
y patrones de información encontrados y diseñados
en el paso 2.
Esta codificación y representación gráfica de la
información pertenece al Lenguaje de la Infografía,
y las herramientas que utilizaremos para visualizarlo 
serán lo que llamaremos Códigos Infográficos.
Concepto y Estrategia gráfica
Es lógico Es codificado Con fines informativos
Códigos Infográficos
El lenguaje de la Infografía
La infografía se caracteriza por poseer ciertos
códigos gráficos como lenguaje de representación
y comunicación visual de la información, ya sea,
aquella que explica un fenómeno, estructura o un
proceso del mundo exterior.
Estos Códigos llamados Infográficos constituyen
un recurso gráfico/visual como herramienta principal 
de comunicación, codificación e interpretación de la 
información. 
Este lenguaje se esfuerza por hacer comprehensibles:
. Las cosas complejas o abstractas.
. Las cosas impenetrables por nuestros sentidos.
. Los procesos temporales que no podemos imaginar.
. Lo infinitamente grande y lo infinitamente pequeño.
Lenguaje
Características
gráficas
CÓDIGOS INFOGRÁFICOS 
De Ubicación y Orientación (Señaléticos)
Facilitan la ubicación y la orientación visual de la información. 
Es decir, permiten ubicar al lector en la información y señalar 
sectores particulares y específicos de un fenómeno, objeto 
o proceso para destacarlo y/o anclarlo con su información 
correspondiente.
Esta señalización se realiza gráficamente con la utilización
de flechas, líneas, colores y recursos gráficos similares
creados para “indicar y orientar” dicha información.
1
De Ubicación y Orientación (Señaléticos)
De Ubicación y Orientación (Señaléticos)
De Ubicación y Orientación (Señaléticos)
https://drive.google.com/drive/folders/1xi9bAz2i0de-FlN61gblloFBGi95XRQq?usp=sharing
Pictograma: Es un signo gráfico que representa algo
concreto y sintetiza un mensaje o información.
Son universales, objetivos y no dependen del receptor.
Sirven para informar y/o señalizar, para transmitir
significados simples.
Es un recurso comunicativo de carácter visual.
Un pictograma debe ser, para la persona que lo utiliza,
una forma de interpretar, comprender y transformar su
realidad en imágenes y, a través de éstas, un medio para 
expresar y transmitir su pensamiento al interlocutor/a.
 
Una llama significa fuego.
Una nube significa lluvia.
Un rayo significa electricidad.
Ideograma: Representan una idea (no una cosa) o
algo abstracto e intangible. Es un símbolo gráfico.
Necesitan decodificarse, y para ello necesitamos saber 
(aprender) su significado.
Un círculo con una línea roja a través de él, significa
prohibido.
Una 8 acostado significa infinito.
Los contextos son importantes y también influyen en
el significado.
Un corazón en el contexto de una red social significa
“me encanta”.
CÓDIGOS INFOGRÁFICOS 
Pictográficos e Ideográficos
2
Características
. Referencialidad: hace referen-
cia hacia aquello que represen-
ta (pictograma hombre hace 
referencia a hombre).
. Comprensión: debe ser com-
prendido por el mayor número 
de personas, independiente-
mente de la formación, idioma 
o discapacidad (Universalidad).
. Sencillez: debe represen-
tar sólo los elementos más 
importantes y evitar detalles 
irrelevantes. Esta característica 
ayuda a la memorización.
Características
. Referencialidad: hace referen-
cia a una idea.
. Comprensión: Necesita 
decodificarse, y para ello 
necesitamos saber (aprender) 
su significado.
. Sencillez: debe represen-
tar sólo los elementos más 
importantes y evitar detalles 
irrelevantes. Esta característica 
ayuda a la memorización.
Correo
Amor Muerte Idea Libertad
Dibujo HablaTiempo
Gráficamente se caracterizan por ser representaciones con 
líneas y formas geométricas, bi o tridimensionales.
Pictográficos e Ideográficos
Pictográficos e Ideográficos
Pictográficos e Ideográficos
Pictográficos e Ideográficos
https://drive.google.com/drive/folders/1WElu0rt8rmQhW1kKdo-YQ297cxWtu6kE?usp=sharing
Los gráficos esquemáticos son aquellos que se utilizan 
para “graficar” datos de medición, ubicación y relación.
Gráficos de torta, diagramas de barras, dibujos 
técnicos, redes, mapas, líneas de tiempo, son los 
recursos gráficos que forman parte de este código 
infográfico.
En su representación se caracterizan por ser simples y 
abstractos (de baja iconicidad).
Se oponen a la ambigûedad que ofrecen otros modos 
de representación como la ilustración, el cómic o la 
caricatura.
CÓDIGOS INFOGRÁFICOS 
Gráficos esquemáticos
3
Gráficos esquemáticos (tres de los más utilizados)
Gráfico de barras
Son aquellos que se utilizan para representar datos cualita-
tivos (se refiere a cualidades, características que no pueden 
expresarse numéricamente). Es un gráfico que representa 
una serie abierta de datos.
Gráficos esquemáticos
Gráfico de torta
Son aquellos que se utilizan para representar datos cualita-
tivos (se refiere a cualidades, características que no pueden 
expresarse numéricamente). Es un gráfico cerrado que 
representa porciones sobre un total de datos.
Gráficos esquemáticos
Gráfico de nube
Son aquellos que se utilizan para destacar datos cualitati-
vos. Es un gráfico que representa una serie abierta de datos 
representada en tamaños tipográficos.
Gráficos esquemáticos
https://drive.google.com/drive/folders/1rbyKXg92v_GUWGYGbRBsAjgyNcp7ZBHh?usp=sharing
Son aquellas representaciones gráficas que indican
y explican algún tipo de secuencia o marcan un
recorrido a través de una línea de tiempo. 
Pasos para un correcto lavado de manos, para el 
armado de un objeto, para relatar gráficamente un 
accidente, entre otros.
CÓDIGOS INFOGRÁFICOS 
Secuenciales
4
Secuenciales
https://drive.google.com/drive/folders/1To68PiYqzvdrJS2V5zhkoCjB848HX5yK?usp=sharing
Estos códigos hacen referencia a todos aquellos que utlizan 
laIlustración, la fotografía, los renders 3D para destacar 
una o más funciones de un mecanismo, de un ensamblaje, 
de un sector, de un lugar (arquitectura), y de toda zona que 
requiera alguna descripción. 
Su propósito no es ilustrativo sino funcional. 
En ocaciones también se los utiliza como imagen principal 
de una infografía. 
CÓDIGOS INFOGRÁFICOS 
Icónicos
5
Icónicos
https://drive.google.com/drive/folders/1xnRfEijdb9B1OBepuWDNRx-X4L6ZqoKd?usp=sharing
Son aquellos que combinan números y letras para formar 
un recurso visual que funcione como “resaltador” de 
estadísticas y datos númericos importantes.
CÓDIGOS INFOGRÁFICOS 
Alfanuméricos
6
Alfanuméricos
https://drive.google.com/drive/folders/189KgDVDUY_-ptFCyLf7G9I5V5oNTmLSv?usp=sharing
Perrini Lulú Mora Fiorentina Zara MaiaGordo
Agresividad
Vejez
15
A Ñ O S
jugando Age of Empires II
Ale juega 2 horas por día, durante los 7 días de la semana, 
los 12 meses del año, 
hace 15 años.
Es decir, Ale tiene un record personal jugando al Age of
Empires II de 10.080 horas reloj...
y contando.
Feli, que tiene 7 perros de contexturas y color de pelo
distintos, logró identificar cuál era el más antiguo en haber 
ingresado a su hogar. Como así también, crear una tabla 
con el nivel de agresión (caracter) que cada uno de sus 7 
perros tenía.
CÓDIGOS INFOGRÁFICOS 
El hobbie de Alejandro
Las 7 mascotas de Felicitas
EJERCICIO DE INTRODUCCIÓN 4
La Mediatarde
 
 
El siguiente ejercicio tiene como protagonistas principales
a los Códigos Infográficos y a sus alfajores preferidos.
De acuerdo a las definiciones, funciones y modo de
representación de cada uno de los Códigos Infográficos,
este ejercicio les propone crear los 6 códigos infográficos 
sobre los aspectos de sus alfajores preferidos.
2º parte
CÓDIGOS INFOGRÁFICOS 
De Ubicación y Orientación
Utilizando este código, señalar cada una de las partes
del alfajor.
Utilizando este código, representar todo aquello con que
acompañan un alfajor: café, mate, té, dulces, etc.
Utilizando este código, indicar las fechas de lo momentos
trascendentes que pudieron haber vivido con un alfajor:
última vez comido, última vez visto, desde cúando los comen,
etc.
Las partes
de un
alfajor
La compa-
ñía de un
alfajor
Las fechas
de un
alfajor
Pictográficos e Ideográficos
Gráficos esquemáticos
Utilizando este código, representar la secuencia
de degustación del alfajor preferido. 
Ej:
1. Abro el paquete (de qué manera).
2. Saco el alfajor.
3. Abro el envase para juntar las ligas.
4. Como sus laterales.
5. Luego tiro el envase..
6. Por último, le doy un sorbo al café.
Utilizando este código, representar el alfajor preferido 
de la manera más icónica posible.
La degus-
tación de 
un
alfajor
El alfajor 
ideal
Secuenciales
Icónicos
Utilizando este código, representar la cantidad record de
alfajores que han comido alguna vez.
La canti-
dad de
alfajores
Alfanuméricos
¿Qué se entrega? 
. Los 6 Códigos Infográficos por separados.
Formato
. Cada Código deberá tener un formato cuadrado
de 1000 x 1000 px. 
 
Tipo de archivo
. Jpg o png. 
¿Con qué herramientas se pueden realizar?
. Representación a Mano Alzada. 
. Digital (Illustrator, Photoshop, 3D). 
 
¿Cómo se entrega? 
. 6 archicos (imágenes) de los Códigos Infográficos. 
 
¿Dónde se entrega? 
. Carpeta DRIVE a publicar.
Dentro de ésta, crear una carpeta particular con nombre
y apellido correspondiente. 
 
¿Hasta cuándo se puede entregar? 
. Hasta el jueves 15/4.
LA MEDIATARDE
Ejercicio 4
La Entrega
2da parte
https://drive.google.com/drive/folders/1mW7_jHtK4mPrR-Hor0s_1XH6xmFUdIP3?usp=sharing