La representación de un espacio – sitio geográfico – o accidente orográfico es de las manifestaciones 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ísico, 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 campos.

P R E S E N T A C I Ó N

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 / T A L L E R E S E S P E C I F I C O S

P R O F E S O R BORIS GRE IFF

2 0 1 2 - 1

C O N T E N I D O S

E N L A W E B

Desarrollo proyectual en el que se ar-ticulan 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 hara acorde a los indicadores que proponga cada ejer-cicio.

03 . NO LO D IGA , MUESTRELO

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 / 5. Gráficos estadisticos / 6. Diagramas de relación / 7. Patrones

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 . [DES]OR IENTANDO 02 . NARRANDO CON DATOS

No hace mucho tiempo, en diversos medios, la creciente abundancia de información ha generado una demanda muy alta de aplicaciones y bases de datos que ayuden a organizarla, optimizarla y usarla rápidamente. También se ha creado una

necesidad por contar otra clase de historias, no exactamente fabulas, que nos ayuden a revelar esos patrones ocultos, esas matrices, que nos permitan develar aquello que no percibimos a simple vista en los datos que nos suministran, desde que tocas el despertador hasta que apagas el interruptor. Como respuesta a esa creciente demanda, el diseño se ha especializado en entender y comprender la información, una suerte de hibrido entre la efectividad y la belleza, su pertinencia y usabilidad, con base en la economía de recursos, que le permita potenciar su alcance. Como parte del núcleo de talleres específicos del plan de estudios de diseño gráfico, el taller de orientación gráfica localiza su problemática en la selección, organización y presentación de datos, con el objetivo de convertirlos en información más clara y útil, al fin de cuentas los datos son el nuevo petróleo*

* David McCandless / information is beautiful

Ligadas a la evolución del alfabeto,las señales para recorrer el texto han evolucio-nado a la par de éste, desde la flecha que orienta en los pictogramas sobre su sentido de lectura, hasta la puntuación como forma que exige una gramática en la construcción del texto. La mirada sobre este tema plan-tea la necesidad de hacer evidente y cons-ciente el uso de la tipografía en relación con el factor humano.

Cotidianamente el hombre se ve enfren-tado a manejar un sinnúmero de aparatos y funciones de su entorno que le son comuni-cados por medio de dibujos esquemáticos, ausentes de texto la mayoría de las veces. Se recurre a ellos cuando se quiere 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 Í A

DISEÑO DE OR IENTAC IÓN GRÁF ICA

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: Dis-eñ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áctica. 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 comu-nicación visual. México: Gustavo Gili, 1995.

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

BONSIEPE, Gui. Del objeto a la interfase: mutaciones del diseño. Buenos Aires: Edi-ciones 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. Barce-lona, 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 quantitative 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, publi-cado en HOW Magazine 1995

• 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 cuantitativo.

• 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, lo cual no implica la anulación de las fallas generadas durante dicho periodo.

• MEMORIA GRÁFICA: Como complemento a las entregas de cada corte, se entregara un archivo PDf en el que se consigne la bocetación, correcciones, y pruebas finales del trabajo. Sin la memoria la entrega no tendra validez.

•SELLO: Cada sello colocado en la sesión de bocetación es indice de aprobación, si no se obtiene 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.

ACHTUNG STUDENT ACHTUNG STUDENT

MN

T O D O E L M A T E R I A L D E L E C T U 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

B I B L I O G R A F Í A E S E N C I A L

R E G L A S D E C O N V I V E N C I A

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: Regulador de animo Rd10.

Mapa de navegación / retorica y usabilidad / Fase 1 diseño de pictogramas interface Rd10

Presentación Fase 2: pictogramas y pan-tallazos 25%

G.A.U Evaluacion Fase 2: Usabilidad y señaletica25%

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

Presentación: Guía del autoestopista urbano (antimapas)

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

Presentacion de pictogramas real-izados a mano 25%

Fase 2: Diseño de pan-tallazos de la interfaz Rd10 / estructura y usabilidad

Fase 2: Diseño de pan-tallazos de la interfaz Rd10 / bocetación

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

Evaluacion Diagramas, Esta-distica y Relacional 15 %

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

Diagramas de relación y ubicación / bocetación fase 2 25%

Diagrama 2: relación y ubicación / Bocetación 25 %

Diagramas de relación y ubicación / recolec-cion de datos 25 %

Diagramas de relación y ubicación /boceta-cion fase 1 25 %

Infografia: lo analitico y lo estetico del diseño de información

Infografia Documental:Nat Geo Magazine / Boce-tación fase 1 10

Infograma:Nat Geo Magazine / Boce-tación 25%

Infograma:Nat Geo Magazine / Pre-sentacion final 25%

Infografia Documental:Nat Geo Magazine / Ejem-plos y estudios de caso

Infografia Documental:Nat Geo Magazne / Boce-tación fase 2 / 15 %

Infografia Documental:Nat Geo Magazine / pre-sentacion / 25 %

Proyecto Final: Los 101 inven-tos que cambiaron el diseño gráfico/ recopilacion de datos

Proyecto Final: Los 101 inven-tos que cambiaron el diseño gráfico/ recopilacion de datos

Proyecto Final: Los 101 inven-tos que cambiaron el diseño gráfico/ primeros trazos

Proyecto Final: Los 101 inven-tos que cambiaron el diseño gráfico/ Bocetación

Proyecto Final: Los 101 inven-tos que cambiaron el diseño gráfico/ Bocetacíon

Proyecto Final: Los 101 inven-tos que cambiaron el diseño gráfico/ bocetación

Proyecto Final: Los 101 inven-tos que cambiaron el diseño gráfico/ pruba 2

Proyecto Final: Los 101 inven-tos que cambiaron el diseño gráfico/ prueba 1

Proyecto Final: Los 101 inven-tos que cambiaron el diseño gráfico/ depuración

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

En la escena del crimen/ Boceta-cion 25%

En la escena del crimen/ Boceta-cion 25%

En la escena del crimen/ Bocetacion 25%

En la escena del crimen/Presentación 25%

En la escena del crimen /Presentacion 25%

Diagrama 2: relación y ubicación / Present-ación preliminar 10%

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

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

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

Evaluación /Las 25 reglas de la desin-formación / 25 %

Evaluación /Las 25 reglas de la desin-formación / 25 %

Retorica visual / Pictogramas / Blade Runner

Interface / Usuario Entrega nº1

Ruta, Mapa ySeñales

Entrega 1er CorteInterfase+mapa+ memoria gráfica

Selección /Secuencia

Relaciones / Pre-sentacion/

Infografía escenica

Infografía escenica / Entrega segundo corte + Memoria Gráfica

Infografía docu-mental

Infografía docu-mental

Infografía colectiva

Infografía colectiva

Infografía colectiva

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. + Articulo Nat Geo

Articulo NatGeo previamente seleccionado

Articulo NatGeo previamente seleccionado

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

Investigacion asignada en la primeras sesion semana de clase.

Investigacion asignada en la primeras sesion semana de clase.

Investigacion asignada en la primeras sesion semana de clase.

Mapas / Pictogramas / SeñaleticaPictogramas / Retotica / Interfaces

Duración: 16 horas

Duración: 16 horas Duración: 16 horas

Duración: 16 horas

Secuencia / Jerarquias

64 horas presencialesPictogramas / Ordenes de lectura / imaginación

Diagramática / Gráfica estadistica / organigramas

La guía del autoestopista urbanoRegulador de animos Rd10

12,5% 12,5%

12,5% 12,5%

20%

Diagramas de relación y comparación

101 Inventos que cambiaron el diseño gráfico

Secretos del cine

Prodigioso objeto de alta gama, producido por la corporacion TYRELL Tech, este moderno dispositivo, se ha convertido en la última tendencia en estilo de vida. Con mas de 100 opciones, su conexión intramental hace de la relajacion un divertido pasatiempo, 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.

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.

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.

En la escena del crimen

18%

12%

Las 25 reglas de la desinformación

ACHTUNG STUDENT

MN

D .O .G /// PROYECTOSI N T E R F A C E S C A R T O G R A F Í A S

I N S T R U C T I V O S

I N F O G R A F Í A E S C E N I C A

I N F O G R A F Í A D O C U M E N T A L

I N F O G R A F Í A C O L E C T I V A I N F O G R A F Í A

E S T A D I S T I C A