Imágenes de la clase de presentación del Trabajo Practico Nº3 de Introducción a los Medios Digitales. FADU U.N.L.

1. TP3
VISUALIZACIÓN DE INFORMACIÓN
COMUNICACIÓN

2.
DI SEÑAR UNA
INFOGRAFIA
QUE COMUNI QUE UNA
VISION REFLEXIVA
SOBRE EL
PROCESO DE DISEÑO
DEL TP1
11
22
33
QUÉ ES ?
CÓMO ?
DÓNDE ?
DI SEÑO Y EDI CI ÓN DI GI TAL + COMUNI CACI ÓN
I MPRESA
TP3TP3

3.
VISUALIZACIÓN
DE
INFORMACION
INFOGRAFIA

4. 11QUÉ ES
CONJUNTOS DE DATOS ABSTRACTOS
( NUMÉRICOS, TEXTUAL, DE FLUJOS, PROCESOS)
TRADUCIDOS A CÓDIGOS VISUALES
( ELEMENTOS FIGURATIVOS O SIMBOLOGÍAS CONVENCIONALIZADAS)
SE HACEN COMPRENSIBLES
VISUALIZACIÓN

5. OPERACIONES DE DISEÑO

6. TRANSFORMACIÓN
DATOS / INFORMACION
REPRESENTACIONES VISUALES
CAMBIO DE LENGUAJE
VISUALIZACIÓN
DE
INFORMACION
SÍNTESIS I ABSTRACCIÓN

7. MAPA TOPOGRAFI CO A DI AGRAMA
TOPOLOGI CO

8. VISUALIZACION
IMAGENES DE SINTESIS
CAMBI O RADI CAL EN LAS TÉCNI CAS DE REPRESENTACI ÓN
REPRESENTACI ONES VI SI BLES
DE MODELOS CONCEPTUALES ABSTRACTOS
SON PRI MERO LENGUAJ E ANTES QUE I MÁGENES
s on operaci ones si mból i cas l a s que c r e a n a l go vi s i bl e y no
f e nóme nos f í s i c os

9. Ma donna Li ke a vi r gi n
Chopi n, Ma z ur c a e n Fa me nor
VISUALIZAR IMAGEN VISUAL DE UN CONCEPTO ABSTRACTO
La s f or ma s de l a mús i c a . 2001
Ma r t i n Wa t e mbe r g

10. CONTEXTUAL /
VINCULA
CUANTIFICA /
CUALIFICA
NO SIMPLIFICA / RELEVANCIA

11. ESTÁTI CAS
I nf ogr a f í a s
mape os
c ar t ogr af í as
di a gr a mas
gr á f i c os de bar r as
bur buj a s , nubes
DI NÁMI CAS
i nt e r a c t i vas
3D
hi br i da s
FORMAS
DE
VISUALIZACION

12. VISUALIZACIÁN DE DATOS DINÁMICOS
FORMA NUEVA DE LA CULTURA DE LA INFORMACIÓN

13. REPENSAR Y ANALIZAR
el proceso desarrollado en el TP1,
partiendo del concepto estudiado
desde lo textual
y sus figuraciones
a través de imágenes, esquemas y formas,
para DISEÑAR
una visualización o infografía que comunique
LA EXPERIENCIA
(imprimir A3 y exponer)
TP3

14. OPERACIONES
filtro I reflexión I cualificación I diseño
TRADUCCIÓN
cambio de lenguaje I síntesis I abstracción
OBJETIVO
comunicación I interpretación I comprensión
INFOGRAFIA
MAPEO BASES DE DATOS

15. 22CÓMO ?
DI SEÑO
VI SUAL
DI SEÑO
CONTENI DO
REFLEXIONAR
PROCESO DE DISEÑO TPN1
EXPERIENCIA
TP3
DISEÑAR
INFOGRAFIA

16. SELECCIÓN Y
FILTRADO
DI SEÑOCONTENI DO
ANALIZAR
SELECCIONAR
SÍNTESIS
ABSTRACCIÓN
DE PARTES
Y SUS RELACIONES

17.
ANALISIS
SELECCIÓN
BASE DE DATOS
. . . "es preci so l l evar dent ro de uno
mi smo un caos para poder poner
en el mundo una est rel l a“…
F. Ni et zsche
CAOS di na mi s mo
f l ui de z
PROCESO DE DISEÑO TPN1
1. CONCEPTO
2. I NVESTI GACI ON
3. CAPTURAS
4. I MÁGENES SI NTESI S
5. VECTORI ZADOS
6. MODELADO 3D
7. EDI CI ON
8. DI SEÑO
9. NAVEGABLE 3D
10. EDI CI ON
11. HI PERMEDI A
12. PRESENTACI ON

18.
ANALISIS
SELECCION
PARTES DEL PROCESO
Y SUS RELACIONES
FORMAS
VISUALES

19. CÓMO FUE MI PROCESO DE DISEÑO?
CUÁL ES SU ESENCIA?
PARTES DEL PROCESO
Y SUS RELACIONES
PREGUNTAS
ABSTRACCIÓN

21.
PREGUNTAS
CONSIGNAS
RESULTANTES
¿CONCEPTO?
QUE MEDIOS?
ANALOGOS- DIGITALES
FORMA DE REPRESENTACION
INFLUYE?
COMO?
QUÉ FINES?
¿QUE RELACION
EXISTIO?
VARIABLES
DETECTADAS
CRITICAS
CONCLUSIONES

25. INVESTIGAR
ANALOGIAS
METÁFORAS
COMPARACIONES

32. 22CÓMO ?
DI SEÑO
VI SUAL
DI SEÑO
CONTENI DO
INFOGRAFIA
PROCESO DE DISEÑO TPN1
DISEÑAR
VISUALIZACIÓN

33. SISTEMATIZAR Y RELACIONAR
GRÁFICOS
CÓDIGOS
COLORES
TIPOGRAFÍAS
GRILLA SOPORTE
DI SEÑO VI SUAL

34.
SISTEMATIZAR
RELACIONAR
ATRIBUTOS VISUALES
Y
SIGNIFICADOS
FORMAS l í ne a s
f i gur a s
COLOR brillo
saturación
contraste
TEXTURAS
1 SISTEMATIZAR at ri but os vi sual es
Di s e ña r f or ma s c omune s pa r a t odos l os e l e me nt os
i nc or por a dos : c ol or e s , a nc hos de l í ne a , t i pos y
t a ma ños de l a s l e t r a , e t c .

35. 2 RELACIONAR at ri but os vi sual es con si gni f i cados
Cone c t a r l os a t r i but os c on j e r a r quí a s o va l or e s
r e l a t i vos .
Ca da opc i ón vi s ua l ( t e xt o, l í ne a ó c ol or )
c or r e s ponde r á
a di f e r e nt e s c ont e ni dos o r e l a c i one s
DIMENSION ESPACIAL
SIGNIFICADOS
VALOR
POSICION
GRADIENTE
TAMAÑO

36. 3 COLOR
Ut i l i z a r c ombi na c i ón de no má s de 3 o 4
c ol or e s .
Re c ur r i r a pa l e t a s di s e ña da s pa r a
pr of e s i ona l e s o
s i t i os que pe r mi t e n ge ne r a r pa l e t a s .
4 TIPOGRAFIAS
No us a r má s de un t i po de l e t r a , c on a l guna s
va r i a c i one s .
CÓDIGOS COLOR
TIPOGRAFIAS

37. GRAFICOS
ICONOS
SIMBOLOS

39. ORGANIZACIÓN
DEL PLANO
GRILLAS
ESTRUCTURAS
GEOMETRIA

40. REFERENCIAS
SINTESIS
CLARIDAD
COMUNICACION

41. INVESTIGAR en vi sual i zaci ones bi en di señadas
bus c a r di señadores rel evant es que c ol a bor en en el apr endi z a j e
NO BUSCAR EN GOOGLE
Ej . : “me j or es vi s ua l i z a ci one s ” o f r as e s s i mi l a r es

42. 33DONDE ?
PLATAFORMAS
EDICIÓN
.dws
.3ds
.cdr
.DWG
.dxf
.3dmax
.ai
.tga
.pcx
.RAW
.tif
.psd
.PDF.JPG

44. AA
BB
CC
IMPRESIÓN A3
BLOG
ADMINISTRACION
vi s ua l i z a c i ón pr oc e s o de di s e ño
r e s pa l do ba s e de
da t os
publ i c a c i ón
DI SEÑAR UNA
INFOGRAFIA
QUE COMUNI QUE UNA
REFLEXIÓN
SOBRE EL
PROCESO DE DISEÑO
DEL TP1
TP1TP1

45.
IMPRESIÓN
A3 42X29. 7cn
OPACO
CUIDAR!
r e s ol uc i ón de l a s i má ge ne s
t a ma ños de l a s f ue nt e s
va r i a c i ón c ol or e s
IMPRIMIR A ESCALA
PARA VERIFICAR DURANTE EL PROCESO
LOS RESULTADOS LOGRADOS

46.
RESPALDO
BACK UP
NO OLVIDAR!
COPIAS DE RESPALDO PERIODICAS
ORGANIZAR BASE DE DATOS
SISTEMATIZAR