1. Juliana Villamonte
Por: Juliana Villamonte
Juliana Villamonte

2. Universidad de Panamá
Facultad de Comunicación Social
Departamento de Estructura de la
Comunicación
Juliana Villamonte
Material de Apoyo Docente para el Curso de Fotografí Periodí
a stica e Infografí
a.
Por: Juliana Villamonte
estrategiaprofesional19@gmail.com

3. Introducción
Objetivo
I. Glosario Infográfico
Animaciones Interactivas
Infografí Periodí
a stica Color
Contorno  Infografí Digital
a
Infografí a Interactividad
JulianaVi llamonte
Diseño Perspectiva
Créditos QuarkXpress
Infografí Interactiva o
a Freehand
Animada CorelDraw
Texturas Ilustrador
Paratexto Inkcape
Formas Flash
Planos Photoshop
Movimiento Perspectiva Dimensión
Ética Periodística.
Bibliografí
a
08/06/20 12 Juliana Villamonte

4. Les presento un conjunto conceptos básicos que deben conocer en esta era
del conocimiento y la tecnologia.. De acuerdo a Salaverrí (2004), "el género
a
que mejor ha reflejado el desarrollo del lenguaje multimediático ha sido la
Juliana Villamonte
Infografí Digital. Aparecida en los cibermedio hacia 1998, la infografí en
a a
Internet ha pasado de ser una mera traslación de gráficos estáticos a ser un
género especí fico que aprovecha a fondo las posibilidades de integración
textual, icónica y sonora de la Web“, de allí la importancia que los
principiantes en el estudio de la infografí tengan pleno conocimiento de
a
algunos términos que se emplean diariamente en los medios ya sean estos
impresos o digitales.
Algunos de estos vocablos son Infografí Infografí Digital, Infografí
a, a a
Periodística, Infografí Interactiva o animada, hipertexto, movimiento, color,
a
contorno, paratexto, ética, entre otros.
08/06/2012 Juliana Villamonte

5. A este respecto, también se pronuncia la profesora Marí Ángeles Cabrera
a
(2000), quien asegura que "en un primer momento surgió como un nuevo
modo de presentar la información basado en el lenguaje visual y el apoyo
Juliana Villamonte
de textos, para pasar a convertirse en un elemento más del material de la
redacción y de la diagramación.
No obstante, ha costado mucho aprovechar al máximo las potencialidades
comunicativas que ofrecen las nuevas tecnologí a los infográfos. Y asílo
as
ha puesto de manifiesto Alberto Cairo, responsable de infografí de a
elmundo.es hasta el verano de 2005 y uno de los profesionales que más
conocen sobre la materia, quien asegura que "debemos potenciar la
actualidad y permanencia… (Franco 2005a)
08/06/2012 Juliana Villamonte

6. Familiarizar al los participantes, con los
Juliana Villamonte
conceptos básicos de la infografí losa,
cuales ayudarán a comprender mejor los
diversas vocablos que se utilizan en el
diseño de infografí periodí
as sticas
08/06/2012 Juliana Villamonte

7. Animaciones Interactivas:
Son aquellos elementos que integran elementos de imagen,
audio y video de manera interactiva. El más popular y conocido
de estos formatos es el .swf (de FLASH de Macromedia) que
Juliana Villamonte
vinculan estos lenguajes en único formato.
Muchos han criticado el uso del Flash en los sitios web pero es
una tecnologí que se utiliza cada vez más, sobre todo para la
a
publicidad
Es el más utilizado para realizar presentaciones multimedia
interactivas para la Web. y especialmente las infografí .
as
Artículo relacionado:
http://www.baquia.com/com//20010709/art00014.html
Juliana Villamonte

8. Ética: La conciencia moral, normativa y ética “ La buena
voluntad es la que obra por deber, o sea, por el respeto a la ley
universal de la razón” (E. Kant) “ .
La ética está presente en quien enví el mensaje (su intención),
a
en el mensaje mismo (si promueve o no valores) y en la manera
Juliana Villamonte
en que los interpretamos (si se realizan o no actos morales
después de consumir el mensaje” (J. Hidalgo)
Los código de conducta de los periodistas definen lo que se
entiende por justicia en el mundo del periodismo: hasta dónde
debe llegar uno para garantizar la justicia y cuánto tiene que
hacer para ser justo con una persona y no ser injusto con otra”
(S. Baran) Conciencia moral Ética normativa Ética legalista Ética
autor regulatoria Autogestión Ética mediática.
Juliana Villamonte

9. Etica: La ética es un tipo de saber Que orienta la acción
humana. Para actuar de un modo racional . Que nos ayuda a
conseguir lo más posible . Que orienta las metas de nuestra
Juliana Villamonte
vida inteligentemente. Que nos enseña a discernir qué
debemos hacer y cómo debemos hacerlo. Que nos enseña a
obrar bien racionalmente. Que nos enseña a averiguar cuál
debe ser el fin de nuestras acciones, qué hábitos asumir,
cómo ordenar nuestras metas intermedias, qué valores
incorporar. Que nos enseña a decidir . que forja el carácter .
decisiones buenas decisiones prudentes decisiones justas
personas más sabias saber vivir bien ser felices
Juliana Villamonte

10. Perspectiva: nos ayuda a
representar la realidad y crear
efectos volumétricos. Puede un
gráfico ser más atractivo cuando
Juliana Villamonte
se aplica este elemento básico del
diseño .Se debe ser cuidadoso con
ella, respetando las respectivas
medidas que se le otorga. A pesar
de vivir en un mundo
tridimensional, la
bidimensionalidad se entiende
mejor en la página impresa.
La perspectiva es el arte de dibujar
volúmenes (objetos tridimensionales)
Juliana Villamonte

11. Infografí Periodí
a stica:
Josep Marí Serra: 'La infografí es un
a a
género periodí stico que consiste en la
transmisión de una información o
noticia por medio de gráficos, dibujos,
ilustraciones, fotografías... y que se
realiza de forma manual o por medios
informáticos'.
José Manuel de Pablos: 'La infografí es
a
la dualidad del dibujo analógico con el
mensaje del texto, con el objeto de
culminar una noticia'.

12. Infografí Periodí
a stica
Gonzalo Peltzer: 'La infografí es la
a
expresión gráfica más compleja de
información cuyos contenidos son
hechos o acontecimientos, la
explicación de cómo algo funciona, o
la información de cómo es una cosa'.
José Luis Valero Sancho: 'Aportación
informativa, realizada con elementos
icónicos y tipográficos, que permite o
facilita la compresión de los
acontecimientos, acciones o cosas de
actualidad o algunos de sus aspectos
más significativos, y acompaña o
sustituye al texto informativo'.

13. Infografí Periodí
a stica
En síntesis, cinco claves para entender la infografí como Género
a
Periodí stico:
1) La Infografí Periodí
a stica es periodismo;
2) 2) Utiliza lenguaje periodí stico [claridad, concisión y
brevedad];
3) 3) La imagen es absolutamente necesaria para componer la
noticia;
4) 4) Utiliza textos sumariales para completar la información
ofrecida por la imagen;
5) y 5) Está siempre encabezada por un titular porque la
infografí debe contar una noticia por símisma, sin necesidad
a
de recurrir al texto del resto de la página para comprenderla.

14. Infografí Impresa
a
La Infografí Impresa es un conjunto organizado de lenguajes, en
a
colaboración o en sí ntesis, que permiten representaciones comunicativas
más visuales que las de los propios textos, más relatuales que las fotográficas
y más sintéticas que las de los documentos videográficos y cinematográficos.
Por tanto, podemos entender que es un tipo de comunicación informativa o
documental que se suele presentar en los medios editoriales impresos como
son los diarios, revistas y libros, elaborados con lenguajes como mí nimo
bimediáticos que tienen como finalidad acompañar o sustituir al texto o las
fotografí
as.
.

15. Muestra de una Infografí Periodí
a stica
Alberto Cairo
Es profesor de infografí y multimedia en la escuela de periodismo de la Universidad de Carolina del Norte en Chapel
a
Hill (EEUU). También trabaja como consultor, asesor y freelance para medios de comunicación en todo el mundo (The
New York Times, National Geographic, The Roanoke Times, El Universal, La Tercera, etc). Al mismo tiempo, organiza
periódicamente talleres de formación orientados a estudiantes y profesionales.
http://www.albertocairo.com/

16. Contorno
Podemos definir el CONTORNO como el
objeto gráfico creado cuando el trazo de
una línea se une en un mismo punto. Es
Juliana Villamonte
decir, cuando una lí nea continua
empieza y acaba en un mismo punto.
Todo contorno delimita dos zonas, una
acotada (el contorno y su interior) y otra
infinita (el fondo), creándose un sub-
mundo gráfico particular en cada forma
definida por cada contorno.
08/06/2012 Juliana Villamonte

17. La lí
nea base de un contorno define
la complejidad de éste y sus
propiedades. Cuando una lí nea se
cierra sobre sí misma, el contorno
Juliana Villamonte
creado determina un espacio
interno, creándose una tensión
entre este espacio y sus lí mites,
otorgando a la lí nea creadora un
gran poder de atracción visual.
Las cualidades gráficas de un
contorno estarán definidas por las
líneas que lo crean y las
propiedades de éstas. “Copa de Rubí el conocido ejemplo sobre
n",
forma-fondo de la psicologí de la Gestalt.
a
08/06/2012 Juliana Villamonte

18. Los principales
contornos son el
cuadrado, la
Juliana Villamonte
circunferencia y el
triángulo, a los que
podemos añadir los
contornos mixtos y
los orgánicos.
08/06/2012 Juliana Villamonte

19. “Infografía es una representación más visual que la
propia de los textos, en la que intervienen descripciones,
narraciones o interpretaciones, presentadas de manera
gráfica normalmente figurativa, que pueden o no coincidir
con grafismos abstractos y/o sonidos“
Juliana Villamonte
Diseño:
Estilo único: Una infografí debe tener un estilo único, se debe
a
evitar copiar conceptos gráficos.
Integración: Una infografí es una integración y
a
conexión de elementos gráficos, se debe evitar que tenga
mucho texto.
Color: El manejo del color es muy importante en una
infografí deben ser colores con buen contraste para que
a,
facilite la lectura
Fuentes: Una infografí debe tener un uso creativo de
a
las fuentes y tamaños de letras.
Juliana Villamonte

20. Infografí Interactiva Animada:
a
En el periodismo digital se agrega a estas
definiciones de infografí de Pablos la
a
capacidad tecnológica de agregar
Juliana Villamonte
movimiento y sonido al conjunto y la
posibilidad de generar una lectura no lineal.
En esto la infografí del periodismo digital
a
se diferencia fuertemente de la infografí de
a
la prensa grafica, ya que ésta se despliega
en los límites del papel. Muy utilizada en
suplementos de revistas, la infografí de la
a
prensa grafica juega con la simultaneidad de
los datos en el mismo plano.
Juliana Villamonte

21. Infografí Animada:
a
Juliana Villamonte
Juliana Villamonte

22. Infografí Animada:
a
Juliana Villamonte
Juliana Villamonte

23. Juliana Villamonte
La Textura consisten en la modificación o variación de la
superficie de los materiales utilizados, ya sea de una forma visual o
táctil. En los diseños, si no se utilizan bien pueden causar
confusiones o ilusiones ópticas.
Juliana Villamonte

24. PARATEXTO: está
destinado a hacer presente el
texto, asegurar su presencia
en el mundo, se distingue el
paratexto de autor y el
Juliana Villamonte
paratexto editorial. El
primero es producido por el
autor (su nombre, epí grafe,
prefacio, dedicatoria, nota al
pie de página) y el segundo al
editor (tapa, catálogo,
copyright, etc.).
Juliana Villamonte

25. Los PARATEXTOS son las
imágenes u otros textos que
rodean un texto central. Ya sea una
noticia o un cuento, podemos
Juliana Villamonte
obtener información o
anticiparnos a la misma, sin
necesidad de leer toda la nota del
diario o el cuento.
Estos elementos que rodean al
texto, ya sean fotografí
as,
ilustraciones, tí
tulos, recuadros,
frases destacadas, se denominan
PARATEXTO, porque son todo
aquello que acompaña al texto
para enriquecerlo.
Juliana Villamonte

26. Algunos de los PARATEXTOS más
conocidos y comunes son el tí tulo y el
subtítulo, los cuales deben ser sintéticos,
resumir de lo que se va a hablar, es decir
representar al contenido.
Juliana Villamonte
Otro tipo de paratexto son imágenes que
se colocan para atraer a la gente a que lea
el texto, ya que a través de fotos o
infografí con gran definición, el mismo
as
puede “atrapar” más a las personas.
También se utilizan para ilustrar, explicar
sobre lo que se está hablando para tener
un poco más claro un tema determinado.
Juliana Villamonte

27. Formas:
hablamos de forma
cuando el trazo de lí nea
Juliana Villamonte
se une en un mismo
punto. Sus características
son estáticas o dinámicas
dependiendo del uso que
se les de.
Juliana Villamonte

28. Dependiendo de cómo
coloquemos ciertas FIGURAS
podremos tener una sensación
u otra, por ejemplo, el triángulo
y el cuadrado si los
Juliana Villamonte
representamos apoyados en la
base nos dará una sensación de
estabilidad y también de
estatismo. Sin embargo, si lo
representamos apoyado en uno
de sus ángulos tendremos las
sensaciones contrarias,
inestabilidad y dinamismo.
Juliana Villamonte

29. Planos: permite fragmentar y dividir el espacio, de esta forma
podemos delimitar y clasificar las diferentes zonas de nuestra
composición.
Juliana Villamonte
Juliana Villamonte

30. Movimiento:
es uno de los
elementos visuales que
Juliana Villamonte
implica y dota de más
fuerza a un gráfico.
Una fotografí capta
a
con mayor facilidad
este elemento.
Juliana Villamonte

31. Movimiento:
Pero en un dibujo , el
Juliana Villamonte
diseñador debe buscar los
elementos necesarios
como lí
neas rectas,
sombras, curvas,
repetición, etc. para lograr
el efecto.
Juliana Villamonte

32. Interactividad: es la capacidad que tiene el
usuario de interactuar con el gráfico o de navegar
por él. Se logra gracias a los botones de
navegación u otros elementos que permiten la
Juliana Villamonte
conexión delas distintas partes que forman la
infografí de manera que el lector puede ir
a,
accediendo a ellas según le interese. Fuente:
Disponible en:
<http://www.elmundo.es/elmundo/2006/graficos
/ago/s3/palencia.html .
Juliana Villamonte

33. Hipertexto: Al igual que en el relato informativo
textual, se refiere al uso de enlaces que permiten al
usuario acceder desde la infografí a otro textos,
a
sonidos… u otros elementos que forman parte de la
Juliana Villamonte
propia infografí o que están fuera de ella.
a
Se suele presentar "a modo de í ndice o sumario y al
pasar por ellos el puntero del ratón se convierte en
mano indicial u otro icono y se puede interactuar con el
clic señalando el inicio de un nuevo panorama o una
secuencia cinemática de dibujos o fotografí y pasa a
as
otra pantalla en laque se presenta el asunto
seleccionado" .
Juliana Villamonte

34. Glosario Infográfico
Proporción: Debe ser la
correcta y no se debe agrandar
un elemento tanto a lo largo
como a lo ancho. Un elemento
Juliana Villamonte
aumentado en las dos
dimensiones no se habrá
duplicado, y en ese ejemplo se
estaría distorsionando la
información.
Unas proporciones armoniosas para el cuerpo, que estudiaron antes los griegos y
romanos, las plasmó en este dibujo Leonardo da Vinci. Sirvió para ilustrar el libro La
Divina Proporción de Luca Pacioli editado en 1509.
En dicho libro se describen cuales han de ser las proporciones de las construcciones
artísticas. En particular, Pacioli propone un hombre perfecto en el que las relaciones
entre las distintas partes de su cuerpo sean proporciones áureas.
Juliana Villamonte

35. Perspectiva: Puede otorgar atractivo al cuadro,
especialmente a los mapas. Se debe utilizar con
mucho cuidado, respetando las medidas que en éste
Juliana Villamonte
se coloquen. A pesar de vivir en un mundo
tridimensional, la bidimensionalidad se entiende
mejor en la página impresa.
Juliana Villamonte

36. Color: es uno de los
elementos
Juliana Villamonte
fundamentales y más
evidentes del diseño y
que puede dar carácter y
significado a las
imágenes que se les
aplica.
Juliana Villamonte

37. En las artes gráficas tenemos
Juliana Villamonte
dos grandes categorí con
as
respecto al color que son:
imagen a color e imagen en
blanco y negro.
Juliana Villamonte

38. QuarkXpress: es un programa
de autoedición para ordenadores
Juliana Villamonte
con sistema operativo Mac y
Windows, producido por Quark
Inc. puede ser considerada como
una de las primeras empresas
decanas de autoedición (junto con
Aldus, Adobe y Apple). en 1987.
Juliana Villamonte 08/06/2012

39. Freehand:
Es Un programa informático de creación de
Juliana Villamonte
imágenes mediante la técnica de gráficos
vectoriales. Gracias a él, el tamaño de las
imágenes resultantes es escalable sin pérdida
de calidad, lo que tiene aplicaciones en casi
todos los ámbitos del diseño gráfico. La
compra en 2005 de Macromedia por parte de
Adobe ha provocado que deje de ser
fabricado en favor de Ilustrator.
Juliana Villamonte 08/06/2012

40. Corel Draw: es un
programa avanzado de edición
Juliana Villamonte
gráfica con funciones básicas
de composición de páginas,
utilizado en el ámbito de las
artes gráficas. Forma parte del
paquete de software Corel
Graphics Suite y es
desarrollado por Corel
Corporation.
Juliana Villamonte 08/06/2012

41. Ilustrator: desarrollado y
comercializado por Adobe Systems, ha
Juliana Villamonte
definido en cierta manera el lenguaje gráfico
contemporáneo mediante el dibujo vectorial.
Illustrator contiene opciones creativas, un
acceso sencillo a las herramientas y una gran
versatilidad para producir rápidamente
gráficos flexibles cuyos usos se dan en
maquetación, publicación, impresión, ví
deo,
publicación en la Web y dispositivos móviles.
08/06/2012 Juliana Villamonte

42. Inkscape: es una
herramienta de dibujo
libre y multiplataforma
para gráficos vectoriales
SVG. Es un programa de
Juliana Villamonte
software libre que surge
en 2003. Las
caracterí
sticas de SVG
soportadas incluyen
formas básicas, caminos,
texto, canal alfa,
transformaciones,
gradientes, edición de
nodos, exportación de
SVG a PNG, agrupación de
elementos, etc.
08/06/2012 Juliana Villamonte

43. Flash: es una aplicación
en forma de estudio de
animación que trabaja
sobre “Fotogramas”
Juliana Villamonte
destinado a la producción y
entrega de contenido
interactivo sin importar la
plataforma. Es una
herramienta de Adobe
Systems, utiliza gráficos
vectoriales e imágenes
bitmap, sonido, código de
programa, flujo de ví deo y
audio bidireccional.
08/06/2012 Juliana Villamonte

44. Photoshop: es
una aplicación
destinada a la
edición, retoque
Juliana Villamonte
fotográfico y
pintura a base de
imágenes de
mapa de bits. Es
un software de la
casa Adobe
Systems.
08/06/2012 Juliana Villamonte

45. Moreno, Luciano. El Contorno. Disponible en:
<http://www.desarrolloweb.com/articulos/1317.phpEl. Citado el 9/7/2012.
Movimiento. Disponible en: http://www.cofregrafico.com/madera-en-movimiento/
La textura. Disponible en:< http://vmpkdean.blogspot.com/2009/03/perspectiva.html >. Citado el
25/6/2012.
El Contorno. Disponible en:<http://www.emagister.com/curso-nociones-basicas-diseno/contorno-
Juliana Villamonte
direccion>. Citado el 25/6/2012.
Definición ABC de Infografí Disponible en:
a.
http://www.definicionabc.com/comunicacion/infografia.php
La Infografí un Encuentro para el Análisis:
a
http://www.uhu.es/cine.educacion/periodico/12infografiaperiodico.htm
Infografí Animada de MachuPichu. Disponible en:
a
http://a.elcomercio.pe/infografia/machupicchu2011/index.html
Que es la Infografí Periodí
a stica. Disponible en:< http://egaleradas.blogspot.com/2005/10/qu-es-
la-infografa-periodstica-ap-ii.html >.
Sánchez, José. La Infografí periodí
a stica y Documental Impresa. Disponible
en:<http://www.mariomorales.info/?q=node/2764>.
Imágenes Google.com. Disponible en:<http://alt1040.com/2010/09/infografia-colores-
predominantes-internet>.
08/06/2012 Juliana Villamonte