TP3VISUALIZACIÓN DE INFORMACIÓNCOMUNICACIÓN

 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

 VISUALIZACIÓN

DE INFORMACION

 

INFOGRAFIA

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

 

OPERACIONES DE DISEÑO

TRANSFORMACIÓN DATOS / INFORMACION

REPRESENTACIONES VISUALES

CAMBIO DE LENGUAJE  VISUALIZACIÓN

DE INFORMACION

 SÍNTESIS I ABSTRACCIÓN

MAPA TOPOGRAFICO A DIAGRAMA TOPOLOGICO

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

Madonna Like a virgin

Chopin, Mazurca en Fa menor

VISUALIZAR IMAGEN VISUAL DE UN CONCEPTO ABSTRACTO

Las formas de la música. 2001Martin Watemberg

CONTEXTUAL / VINCULA

CUANTIFICA / CUALIFICA

NO SIMPLIFICA / RELEVANCIA

ESTÁTICASInfografíasmapeoscartografíasdiagramasgráficos de barrasburbujas, nubes

DINÁMICASinteractivas

3Dhibridas

 FORMASDE

VISUALIZACION 

VISUALIZACIÁN DE DATOS DINÁMICOSFORMA NUEVA DE LA CULTURA DE LA INFORMACIÓN

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

 

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

22 CÓMO ?

 DISEÑOVISUAL

 

 DISEÑO

CONTENIDO 

 

REFLEXIONAR

PROCESO DE DISEÑO TPN1EXPERIENCIA

 

 TP3

DISEÑARINFOGRAFIA

 

SELECCIÓN Y FILTRADO

 DISEÑOCONTENIDO 

ANALIZAR

SELECCIONAR

SÍNTESIS

ABSTRACCIÓN

DE PARTES

Y SUS RELACIONES

 

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

 

ANALISISSELECCION

PARTES DEL PROCESO Y SUS RELACIONES

FORMASVISUALES

 

CÓMO FUE MI PROCESO DE DISEÑO?CUÁL ES SU ESENCIA?

 

PARTES DEL PROCESO Y SUS RELACIONES

PREGUNTAS 

ABSTRACCIÓN

 PREGUNTAS

CONSIGNASRESULTANTES

¿CONCEPTO?

QUE MEDIOS?ANALOGOS-DIGITALES

FORMA DE REPRESENTACIONINFLUYE?COMO?

QUÉ FINES?

¿QUE RELACIONEXISTIO?

VARIABLESDETECTADAS

CRITICAS

CONCLUSIONES

 

INVESTIGAR

ANALOGIAS

METÁFORAS

COMPARACIONES

22 CÓMO ?

 DISEÑOVISUAL

 

 DISEÑO

CONTENIDO 

 

INFOGRAFIAPROCESO DE DISEÑO TPN1

 

 DISEÑAR

VISUALIZACIÓN 

SISTEMATIZAR Y RELACIONAR

GRÁFICOS

CÓDIGOS

COLORES

TIPOGRAFÍAS

GRILLA SOPORTE

 DISEÑO VISUAL 

 

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.

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

 

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

GRAFICOS

ICONOS

SIMBOLOS

ORGANIZACIÓN DEL PLANO

GRILLAS

ESTRUCTURAS

GEOMETRIA

REFERENCIAS

SINTESIS

CLARIDAD

COMUNICACION

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

33DONDE ?

 PLATAFORMAS

EDICIÓN 

.dws

.3ds .cdr

.DWG.dxf

.3dmax

.ai

.tga

.pcx

.RAW

.tif.psd

.PDF.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

 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

 RESPALDOBACK UP

 

NO OLVIDAR!

COPIAS DE RESPALDO PERIODICAS

ORGANIZAR BASE DE DATOS

SISTEMATIZAR