visualizacion de informacion y comunicacion
TRANSCRIPT
![Page 1: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/1.jpg)
TP3VISUALIZACIÓN DE INFORMACIÓNCOMUNICACIÓN
![Page 2: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/2.jpg)
DISEÑAR UNA INFOGRAFIA QUE COMUNIQUE UNA VISION REFLEXIVASOBRE EL PROCESO DE DISEÑO DEL TP1
112233
QUÉ ES ?
CÓMO ?
DÓNDE ?
DISEÑO Y EDICIÓN DIGITAL + COMUNICACIÓN IMPRESA
TP3TP3
![Page 3: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/3.jpg)
VISUALIZACIÓN
DE INFORMACION
INFOGRAFIA
![Page 4: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/4.jpg)
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
![Page 5: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/5.jpg)
OPERACIONES DE DISEÑO
![Page 6: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/6.jpg)
TRANSFORMACIÓN DATOS / INFORMACION
REPRESENTACIONES VISUALES
CAMBIO DE LENGUAJE VISUALIZACIÓN
DE INFORMACION
SÍNTESIS I ABSTRACCIÓN
![Page 7: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/7.jpg)
MAPA TOPOGRAFICO A DIAGRAMA TOPOLOGICO
![Page 8: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/8.jpg)
VISUALIZACIONIMAGENES DE SINTESISCAMBIO RADICAL EN LAS TÉCNICAS DE REPRESENTACIÓN
REPRESENTACIONES VISIBLES DE MODELOS CONCEPTUALES ABSTRACTOSSON PRIMERO LENGUAJE ANTES QUE IMÁGENES
son operaciones simbólicas las que crean algo visible y no fenómenos físicos
![Page 9: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/9.jpg)
Madonna Like a virgin
Chopin, Mazurca en Fa menor
VISUALIZAR IMAGEN VISUAL DE UN CONCEPTO ABSTRACTO
Las formas de la música. 2001Martin Watemberg
![Page 10: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/10.jpg)
CONTEXTUAL / VINCULA
CUANTIFICA / CUALIFICA
NO SIMPLIFICA / RELEVANCIA
![Page 11: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/11.jpg)
ESTÁTICASInfografíasmapeoscartografíasdiagramasgráficos de barrasburbujas, nubes
DINÁMICASinteractivas
3Dhibridas
FORMASDE
VISUALIZACION
![Page 12: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/12.jpg)
VISUALIZACIÁN DE DATOS DINÁMICOSFORMA NUEVA DE LA CULTURA DE LA INFORMACIÓN
![Page 13: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/13.jpg)
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ÑARuna visualización o infografía que comunique LA EXPERIENCIA(imprimir A3 y exponer)
TP3
![Page 14: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/14.jpg)
OPERACIONESfiltro I reflexión I cualificación I diseño
TRADUCCIÓNcambio de lenguaje I síntesis I abstracción
OBJETIVOcomunicación I interpretación I comprensión
INFOGRAFIAMAPEO BASES DE DATOS
![Page 15: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/15.jpg)
22 CÓMO ?
DISEÑOVISUAL
DISEÑO
CONTENIDO
REFLEXIONAR
PROCESO DE DISEÑO TPN1EXPERIENCIA
TP3
DISEÑARINFOGRAFIA
![Page 16: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/16.jpg)
SELECCIÓN Y FILTRADO
DISEÑOCONTENIDO
ANALIZAR
SELECCIONAR
SÍNTESIS
ABSTRACCIÓN
DE PARTES
Y SUS RELACIONES
![Page 17: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/17.jpg)
ANALISISSELECCIÓN
BASE DE DATOS
..."es preciso llevar dentro de uno mismo un caos para poder poner en el mundo una estrella“…F.Nietzsche
CAOS dinamismo fluidez
PROCESO DE DISEÑO TPN1
1. CONCEPTO2. INVESTIGACION3. CAPTURAS4. IMÁGENES SINTESIS5. VECTORIZADOS6. MODELADO 3D7. EDICION8. DISEÑO 9. NAVEGABLE 3D10. EDICION11. HIPERMEDIA12. PRESENTACION
![Page 18: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/18.jpg)
ANALISISSELECCION
PARTES DEL PROCESO Y SUS RELACIONES
FORMASVISUALES
![Page 19: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/19.jpg)
CÓMO FUE MI PROCESO DE DISEÑO?CUÁL ES SU ESENCIA?
PARTES DEL PROCESO Y SUS RELACIONES
PREGUNTAS
ABSTRACCIÓN
![Page 20: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/20.jpg)
![Page 21: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/21.jpg)
PREGUNTAS
CONSIGNASRESULTANTES
¿CONCEPTO?
QUE MEDIOS?ANALOGOS-DIGITALES
FORMA DE REPRESENTACIONINFLUYE?COMO?
QUÉ FINES?
¿QUE RELACIONEXISTIO?
VARIABLESDETECTADAS
CRITICAS
CONCLUSIONES
![Page 22: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/22.jpg)
![Page 23: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/23.jpg)
![Page 24: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/24.jpg)
![Page 25: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/25.jpg)
INVESTIGAR
ANALOGIAS
METÁFORAS
COMPARACIONES
![Page 26: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/26.jpg)
![Page 27: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/27.jpg)
![Page 28: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/28.jpg)
![Page 29: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/29.jpg)
![Page 30: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/30.jpg)
![Page 31: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/31.jpg)
![Page 32: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/32.jpg)
22 CÓMO ?
DISEÑOVISUAL
DISEÑO
CONTENIDO
INFOGRAFIAPROCESO DE DISEÑO TPN1
DISEÑAR
VISUALIZACIÓN
![Page 33: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/33.jpg)
SISTEMATIZAR Y RELACIONAR
GRÁFICOS
CÓDIGOS
COLORES
TIPOGRAFÍAS
GRILLA SOPORTE
DISEÑO VISUAL
![Page 34: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/34.jpg)
SISTEMATIZAR RELACIONAR ATRIBUTOS VISUALESYSIGNIFICADOS
FORMAS líneas figurasCOLOR brillo saturación contrasteTEXTURAS
1 SISTEMATIZAR atributos visualesDiseñar formas comunes para todos los elementos incorporados: colores, anchos de línea, tipos y tamaños de las letra, etc.
![Page 35: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/35.jpg)
2 RELACIONAR atributos visuales con significadosConectar los atributos con jerarquías o valores relativos.Cada opción visual (texto, línea ó color) corresponderá a diferentes contenidos o relaciones
DIMENSION ESPACIALSIGNIFICADOS
VALORPOSICIONGRADIENTETAMAÑO
![Page 36: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/36.jpg)
3 COLORUtilizar combinación de no más de 3 o 4 colores.Recurrir a paletas diseñadas para profesionales o sitios que permiten generar paletas.4 TIPOGRAFIASNo usar más de un tipo de letra, con algunas variaciones.
CÓDIGOS COLOR
TIPOGRAFIAS
![Page 37: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/37.jpg)
GRAFICOS
ICONOS
SIMBOLOS
![Page 38: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/38.jpg)
![Page 39: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/39.jpg)
ORGANIZACIÓN DEL PLANO
GRILLAS
ESTRUCTURAS
GEOMETRIA
![Page 40: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/40.jpg)
REFERENCIAS
SINTESIS
CLARIDAD
COMUNICACION
![Page 41: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/41.jpg)
INVESTIGAR en visualizaciones bien diseñadas
buscar diseñadores relevantes que colaboren en el aprendizaje NO BUSCAR EN GOOGLE Ej.: “mejores visualizaciones” o frases similares
![Page 42: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/42.jpg)
33DONDE ?
PLATAFORMAS
EDICIÓN
.dws
.3ds .cdr
.DWG.dxf
.3dmax
.ai
.tga
.pcx
.RAW
.tif.psd
.PDF.JPG
![Page 43: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/43.jpg)
![Page 44: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/44.jpg)
AABBCC
IMPRESIÓN A3
BLOG
ADMINISTRACION
visualización proceso de diseño
respaldo base de datos
publicación
DISEÑAR UNA INFOGRAFIA QUE COMUNIQUE UNA REFLEXIÓNSOBRE EL PROCESO DE DISEÑO DEL TP1 TP1TP1
![Page 45: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/45.jpg)
IMPRESIÓN
A3 42X29.7cnOPACO
CUIDAR!resolución de las imágenestamaños de las fuentesvariación colores
IMPRIMIR A ESCALA PARA VERIFICAR DURANTE EL PROCESOLOS RESULTADOS LOGRADOS
![Page 46: Visualizacion de informacion y Comunicacion](https://reader036.vdocuments.net/reader036/viewer/2022062223/58a46f441a28aba34c8b4c4b/html5/thumbnails/46.jpg)
RESPALDOBACK UP
NO OLVIDAR!
COPIAS DE RESPALDO PERIODICAS
ORGANIZAR BASE DE DATOS
SISTEMATIZAR