visualizacion de informacion y comunicacion
Post on 15-Feb-2017
902 Views
Preview:
TRANSCRIPT
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
top related