La representación de un espacio – sitio geográfi-co – o accidente orográfico es de las manifestacio-nes gráficas más antiguas. Este núcleo contempla las concepciones que se han tenido de este tipo de dibujo y la forma de visualizar un conocimiento físi-co, condicionado por factores subjetivos como son ideologías políticas, religiosas, sociales que influyen en la representación, así como la incidencia de las posibilidades técnicas y su aplicación a otros cam-pos.

b . i n f o . g r a f i c o @ g m a i l . c o m www.or ien tagraph ik .b logspot . com

U.J .T . L /// FUNDAMENTOS ESPEC IF ICOS//

C O N T E N I D O S

e n l a w e b

Desarrollo proyectual en el que se arti-culan los contenidos de cada sesión.

Cuestionar, explorar, experimentar, y asi mismo, generar soluciones a los problemas respectivos al diseño de información.

Evaluacion: proceso y argumentación el producto fina

La calificación se realizara acorde a los indicadores que proponga cada ejer-cicio.

03 . INFOGRAF ÍA

1.Introducción al diseño de información / 2.Pictogramas / 3.Sistemas de signos logicos / 4.Fisionometría – relaciones de uso. / 5.Tipografía y el entorno – interfaces /6.Sistematización de la información / 7.Señaletica - Normatividad y estandarización

1.Convenciones / 2.Rutas de lectura y desplazamiento / 3.Secuencias – Narración lineal / 4.Tipos de instructivos

1.Visualización de información / 2. Partes de una infografía / 3.Tipologías de infogramas / 4. Infografía escenica / 5. Infografía documental / 6. Megainfografía

01 . D ISEÑO DE OR IENTAC IÓN 02 . GRÁF ICA INSTRUCCIONAL

El diseño de información se consolida como una respuesta a la demanda de datos generados por los avances en redes y bases de datos. Su aplicación esta en todas partes –desde las señales hasta los índices jerárquicos de un texto de lectura, pasando

por formularios, aplicaciones e instructivos ¬– indispensables en el desarrollo de nuestra cotidianidad. Se hace preciso que, tanto la selección, la interpretación, la ordenación de datos y su presentación, se convierten en factores determinantes para el diseñador, quien enfoca sus habilidades en la efectividad, belleza, pertinencia y economía de recursos, en pro de potenciar su alcance. Para entender y comprender el diseño de información, se hace necesario tener una caja de herramientas adecuada, que permita resolver problematicas afines a este campo, eso es la Orientación Gráfica. Incluida dentro de la comunicación visual, el Diseño de Orientación Gráfica se presenta como esa caja de herramientas –tanto metódicas como procedimentales ¬– que buscan configurar mensajes, originados por otros, de manera eficiente y práctica para todo público, atravesada por la información en todas sus variables.

Ligadas a la evolución del alfabeto,las señales para recorrer el texto han evolucionado a la par de éste, desde la flecha que orienta en los pictogra-mas sobre su sentido de lectura, hasta la puntua-ción como forma que exige una gramática en la construcción del texto. La mirada sobre este tema plantea la necesidad de hacer evidente y conscien-te el uso de la tipografía en relación con el factor humano.

Cotidianamente el hombre se ve enfrentado a manejar un sinnúmero de aparatos y funciones de su entorno que le son comunicados por medio de dibujos esquemáticos, ausentes de texto la mayo-ría de las veces. Se recurre a ellos cuando se quie-re obviar la barrera del idioma, cuando el tiempo de lectura es nulo (situaciones de emergencia) o cuando la gráfica resulta más clara que el texto. Sin embargo, los dibujos pueden ser ambiguos o demasiado simples o su secuencia incompleta.

M E T O D O L O G Í AI N T R O D U C C I Ó N

A S I G N T U R A P R O F E S O R P E R I O D ODISEÑO DE OR IENTAC IÓN GRÁF ICA BORIS GRE IFF 201 1 -3

COSTA, Joan. Las estrategias de la mirada. En: Diseñar para los ojos. La Paz: Grupo Editorial Design, 2003, p.p. 15 - 35.

COSTA, Joan. Lenguajes gráficos. En: Diseñar para los ojos. La Paz: Grupo Editorial Design, 2003, p.p. 115 - 136.

COSTA, Joan. Señalética. Barcelona: Ceac, 1987.

SANCHEZ-GESTIDO, Manuel. Visualización de información y conocimeinto estructurado. Media Lab Prado (recurso PDF)

COSTA, Joan; MOLES, Abraham. Imagen didác-tica. Barcelona: Ceac, 1991.

MIJKSENAAR, Paul. Una introducción al diseño de información. México: Gustavo Gili, 2001.

AICHER, Otl. Sistema de signos en la comuni-cación visual. México: Gustavo Gili, 1995.

PONTIS, Sheila. La Historia de la Esquemática en la visualización de datos. Madia Lab Prado (recurso PDF)

BONSIEPE, Gui. Del objeto a la interfase: mutaciones del diseño. Buenos Aires: Ediciones Infinito, 1999.

CARERI, Francesco. Walkscapes: el andar como práctica estética. Barcelona: Gustavo Gili, 2002.

HOLMES, Nigel. Lo mejor en la gráfica dia-gramática. New York, Mies, Swit, Rotovisión, 1993, p.p 41 – 50.

CAIRO, Alberto. Infografia 2.0. Barcelona, 2006. Capitulo 1 y 2

CAIRO, Alberto. El Arte Funcional. Barcelona, 2011, Introduccion (recurso PDF)

McCLOUD, Scott. Understanding Comics: The Invisible Art. Harper Paperbacks,1990.

MIJKSENAAR, Paul & WESTENDORP, Piet. Abrir aquí: el arte del diseño de instrucción. New York: Konemann, 1999.

SIMS, Mitzi. Gráfica del entorno. Barcelona: Gustavo Gili, 1991.

WILDBUR, Peter & BURKE, Michael. Infográfica: soluciones innovadoras en el diseño contemporá-neo. Barcelona: Gustavo Gili, 1998.

TUFTE, Edward R. The visual display of quantita-tive information. Graphics Press, Second Edition, 2001.

HARMON, Katherin. You Are Here: Personal Geographies and other Maps of imagination. Princeton Arquitectural Press, Octubre de 2003.

McCARTHY, Cathleen. You Are Here, publicado en HOW Magazine 1995

SND, Premios Internacionales de Infografía Malo-fiej, Ediciones 10, 11, 12, 13, 14, 15, 16. Universidad de Navarra. España. Index Book.

ABDULLAH, Rayan; HÜBNER, Roger. Pictograms Icons and Signs: A guide to information graphics. Thames and Hudson, New York, 2006.

BIBL IOGRAF ÍA ESENC IAL //

T O D O E L M A T E R I A L D E L E C T R A E S T A R A D I S P O N I B L E E N E L S I G U I E N T E L U G A R : //MEGACOPIAS// CARPETA 27 /

P A R A M Á S I N F O R M A C I Ó N T A M B I E N L O S P U E D E N E N C O N T R A R E N L A B I B L I O T E C A , S I A U N N O L A C O N O C E E S U N A B U E N A O P O R T U N I D A D

• INGRESO: El ingreso a clase es de máximo hasta quince minutos de iniciada ésta. Posterior a este plazo se coloca retardo.

• ESCRITOS: Todo trabajo escrito debe ser entregado bajo normas previamente establecidas de presentación, elaborado en computador, impreso por ambas caras y debidamente grapado. Si no cumple estas caractaristi-cas no se recibe

• ENTREGAS: Todo trabajo o evaluación debe ser presentado dentro del plazo estipulado en el cronograma. Después de la fecha y hora designada el trabajo no tendra validez cuantitativa.

• EXCUSAS: Las excusas médicas deben ser avaladas por el servicio médico de la Universidad para proceder a la presentación de las evaluaciones efectuadas durante el periodo de ausencia, esto no implica la anulación de las fallas generadas durante dicho periodo.

• PROCESO: Si no se presenta bocetación, o entrega preliminar, el trabajo no recibira calificación alguna, sin proceso previo el trabajo no tendra validez.

•SELLO: Cada sello colocado en la sesión de bocetación es signo de aprobación, si no se obtiene sello significa que no es valido para entrega y puede caer en “prueba atomica”

• La materia se pierde con la inasistencia al 20% del total de la intensidad horaria programada, es decir, 26 horas de clase, en otros terminos 9 1/2 clases.

• El programa está sujeto a modificaciones de acuerdo al desarrollo de las actividades durante el semestre. En el caso eventual de que por circunstancias de fuerza mayor deje de dictarse alguna clase, se acordará con los estudiantes la fecha más pertinente para la reposición de la misma.

REGLAS DE CONV IVENC IA //

ACHTUNG STUDENT

MN

Martes Jueves Sabado Tema(s) Bibliografía

1

6

2

7

3

8

4

9

5

10

11

12

13

14

15

16

Presentación del programa, parametros, contenidos y cronograma / Proyecto 1: Psiconavegador Heisenberg.

Retorica y transformaciones de la imagen / Psiconavega-dor Heisenberg. Indagación prelimiar y bocetación

Evaluación Fase 2: Heisen-berg P. S. web page interfaz 25%

Fase 2: interfazHeisenberg Poligono Sur web page 25%

G.E.V Evaluacion Fase 2: Usabilidad y señaletica10%

G.A.U Fase 2: Usabilidad y señaletica / Bocetación25%

La guía del autoestopista urbano / Entrega 15%

G.A.U Fase 1: Pictogramas - estructura/ Bocetación 25%

Del insumo a la interface / Fase 1: Psiconavegador Heisenberg page picto-gramas 25%

Evaluación fase 1: pic-togramas Heisenberg Poligono Sur web page / 25% Nota 2

G.A.U Evaluación fase 1: Pictogramas y estructura de navegacion / 25 %

Evaluacion Diagramas, Esta-distica y Relacional 15 %

Gráfica instruccional: tipolo-gias y usos / presentación y discusión de Las 25 reglas de la desinformación.

Diagramas: estadisticos / Presentación y discusión

Diagrama 1: Estadistica/ Bocetación 25%

Diagrama 1: Estadistica / Entrega 25%

Diagrama 2: relación y ubi-cación / Bocetación 25 %

Infografia: lo analítico y lo estético del diseño de información

El cine: infogrfia documen-tal colectiva / narrativa lineal y no lineal 15%

El cine: infogrfia documen-tal colectiva / narrativa lineal y no lineal 15%

Infografia colectivaNat Geo Magazine / Pre-sentación final / 40%

El cine: infogrfia documen-tal colectiva / narrativa lineal y no lineal

El cine: infogrfia documen-tal colectiva / narrativa lineal y no lineal / 15 %

El cine: infogrfia documen-tal colectiva / narrativa lineal y no lineal / 15 %

Proyecto Final: Megainfogra-fia - Biodiversidad en Colom-bia / Bocetacion - Evaluacion

Proyecto Final: Megainfogra-fia - Biodiversidad en Colom-bia / Bocetacion - Evaluacion

Proyecto Final: Megainfogra-fia - Biodiversidad en Colom-bia / Bocetacion - Evaluacion

Proyecto Final: Megainfogra-fia - Biodiversidad en Colom-bia / Bocetacion - Evaluacion

Proyecto Final: Megainfogra-fia - Biodiversidad en Colom-bia / Evaluacion /tutorias

Proyecto Final: Megainfogra-fia - Biodiversidad en Colom-bia / Evaluacion /tutorias

Proyecto Final: Megainfogra-fia - Biodiversidad en Colom-bia / Evaluacion /tutorias

Proyecto Final: Megainfogra-fia - Biodiversidad en Colom-bia / Evaluacion /tutorias

Proyecto Final: Megainfogra-fia - Biodiversidad en Colom-bia / Evaluacion /tutorias

Proyecto Final: Megainfogra-fia - Biodiversidad en Colom-bia / Evaluacion /tutorias

Proyecto Final: Megainfogra-fia - Biodiversidad en Colom-bia / Evaluacion /tutorias

Proyecto Final: Megainfogra-fia - Biodiversidad en Colom-bia / Evaluacion /tutorias

Pre- entrega / Ajustes Clase Libre Entrega Final / Megainfo-grafia

El cine: infografia comparativa25%

El cine: infografia compara-tiva 25%

Diagrama 2: relación y ubicación / Presentación preliminar 10%

Las 25 reglas de la desinfor-mación / Bocetación 25%

De como afeitar un cactus y otros trabajos engorrosos / Presentacion prelimnar 10%

De Como afeitar un cactus y otros trabajos engorrosos /Bocetación 25%

Evaluación /Las 25 reglas de la desinformación / 25 %

De como afeitar un cactus y otros trabajos engorrosos / Presentacion final 15%

Retorica visual / Pictogramas / El Despertar de Heisenberg

Interface / Usuario Entrega nº1

Ruta, Mapa ySeñales

Entrega 1er CorteInterfase+mapa

Selección /Secuencia

Selección /Secuencia

Relaciones / Pre-sentacion/ Entrega segundo corte

Infografía docu-mental

Infograma docu-mental

Megainfografia

Megainfografia

Megainfografia

Megainfografia

Megainfografia

InstruccionesNarrativa

InstruccionesNarrativa

Proyecto 2: Guía del Autoestopista Urbano / / presentación.

semana

McCLOUD, Scott. Understanding Comics: The invisible Art. Capitulo 2: El vocabulario de los comics Pags 24-41

FRASCARA, Jorge. Diseño para medios electronicos_ En: El diseño de Comunicación, Buenos Aires, Ed. infinito 1993, p.p 155 –162.

McCARTHY, Cathleen. You Are Here_ En: HOW Magazine, Pags 90-98

HARMON, Katherin. You Are Here: Personal Geographies and other Maps of imagination. Princeton Ar-quitectural Press, Octubre de 2003.

COSTA, Joan; MOLES, Abraham. Imagen didáctica. Barcelona: Ceac, 1991

COSTA, Joan; MOLES, Abraham. Imagen didáctica. Barcelona: Ceac, 1991

David McCandless:La belleza de la visualizacion. / TED 2010Aron Koblin: Visualizando nues-tra humanidad / TED 2011

Eric Berlow: Cómo pasar de la complejidad a la simplicidad

CAIRO, Alberto. Infografia 2.0, archivo PDF. + IMDB ( Internet Movie Data Base)

CAIRO, Alberto. Infografia 2.0, archivo PDF. + IMDB ( Internet Movie Data Base)

VALERO SANCHO, Jesus. La Infografia, usos y técnicas period-isticas, capitulo V.

Investigacion asignada en la segunda semana de clase.

D .O .G /// PROYECTOS

Psiconavegador Heisenberg

16 horas presencialesMapas / Pictogramas / Señaletica

Interfaces

Duración16 horas presencialesPictogramas / Retotica / Interfaces

DuraciónInsumos

8 horas presencialesSecuencia / Jerarquias

DuraciónInsumos

8 horas presencialesSecuencia / Jerarquias

DuraciónInsumos

64 horas presencialesPictogramas / Ordenes de lectura / Cine / Narrativa

DuraciónInsumos

16 horas presencialesDiagramática / Gráfica estadistica / organigramas

DuraciónInsumos

Insumos

Mapas

InstructivosEstadistica

La guía del autoestopista urbano

Indices de Malestar

Infografía

Diagramas de relación y comparación

Afeitar un cactusy otros trabajos engorrosos

Prodigioso objeto de alta gama, conseguido en el Gran Mercado de Hihg Tech del polígono sur , dotado de un

avanzado GPS, se ha convertido en la última tendencia en cuanto a tecnología se refiere. Con mas de 2.000 opciones, su conexión neuronal es superior a la versión 2.0, para esta ocasión también se ha incluido un procesador G10, lo que permite mayor sensibilidad y control de entornos. Es prudente que antes de ser usado se haga un chequeo medico, si sufre de tensión alta o taquicardia no debe ser usado.

En muchas partes de la caótica Tabogo, capital de Nueva Segovia, la guía del autoestopista urbano se ha convertido en

un recurso indispensable para atravesar sus embotellamientos y frentes de obra. Contiene abundantes atajos de dudosa autenticidad, al igual que miles de rutas alternativas al sistema de transporte integrado. No es fácil de conseguir, pero, con los contactos adecuados es posible obtener una copia en formato reprográfico. También en la nueva versión se ha incluido una selecta lista de lugares para abastecimiento y satisfacción de necesidades.

Siempre es prudente, tener a la mano toda la información necesaria, para tomar una buena decisión. No es un trabajo fácil, pero, cuando

los datos suministrados por el ministerio de información no son veraces, es indispensable que sean verificados y decodificados de tal manera que todos, si excepción, puedan entenderlo. En esta línea se resolverán dos situaciones, la primera tiene que ver con gráficas comparativas y la segunda con diagramas de relación, la finalidad de estos resultados es adiestrar y dominar los datos duros para hacerlos mas digeribles.

Cuando el periodismo conoció el territorio de lo gráfico, su unión produjo una nueva manera de ofrecer y presentar la información. Desde que esa

inquietud narrativa manifestada por la crónica periodística por mostrarse desde una manera similar a la narración secuencial, la infografía ha adquirido una alta importancia tanto en la prensa como en la web, y cada vez mas los usuarios prefieren la presencia de estas visualizaciones como una manera concreta y efectiva de ver la información.

Estos proyectos contienen una alta dosis de metaforina concentrada en 500 miligramos de partículas RGB y CMYK, es indispensable que para cada situación se prepare adecuadamente con gotas de sinecdoquina 100 miligramos. Tampoco olviden dosificar el

trabajo en fracciones de 1 hora o ½ hora diaria para evitar situaciones adversas en la entrega.

Afeitar un cactus se ha convertido en todo un arte, al igual que peluquear micos o encontrar una

aguja en un pajar. Esta clase de trabajos engorrosos necesitan de una serie de pasos, que correctamente realizados, permitirán al usuario no solo hacerlo mas fácil, también divertirse. Una herramienta que no puede faltar en su hogar, el fichero coleccionable “no se aburra y hágalo” le permitirán ser el centro de fascinación en el hogar, la oficina y la calle.

En la medida en que Internet y demás medios aumentan el acceso a la información, las técnicas

de manipulación de la opinión pública y ocultamiento de la verdad se van modificando. Estamos en la Era de la Desinformación, donde las prácticas maquiavélicas operan más a través de la inundación, la saturación y la tergiversación que del mero encubrimiento de información.

Las 25 reglas de la desinformación

El cine y sus narrativas en la infografía

ACHTUNG STUDENT

MN