diseño de contenido multimedia para documentación...
TRANSCRIPT
![Page 1: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/1.jpg)
diseño de contenido multimedia para documentación interactiva de proyectos e investigaciones arquitectónicas
víctor m. martínezvíctor m. martínez Doctor en Comunicación Visual en Arquitectura y DiseñoDoctor en Comunicación Visual en Arquitectura y Diseño
por la:por la: UNIVERSIDAD POLITECNICA DE CATALUÑA, BARCELONA, ESPAÑ UNIVERSIDAD POLITECNICA DE CATALUÑA, BARCELONA, ESPAÑ profesor investigador titular en: profesor investigador titular en: BENEMERITA UNIVERSIDAD AUTONOMA DE PUEBLA, MEXICOBENEMERITA UNIVERSIDAD AUTONOMA DE PUEBLA, MEXICO
![Page 2: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/2.jpg)
conceptos preliminaresconceptos preliminares
Expresión Gráfica Arquitectónica
Es la Es la representación del proyectorepresentación del proyecto, reconociendo , reconociendo interpretando y controlando los factores que intervienen en interpretando y controlando los factores que intervienen en
lala comunicacióncomunicación entre el entre el proceso de diseñoproceso de diseño y la y la materialización del espacio materialización del espacio arquitectónico y urbanoarquitectónico y urbano
Es el Es el análisisanálisis yy desarrollodesarrollo dede técnicas de visualización técnicas de visualización adecuadasadecuadas para la para la comunicacióncomunicación dede ideasideas,, modelosmodelos yy prototiposprototipos que seanque sean
relevantesrelevantes en todas las en todas las fases del procesofases del proceso de diseño de diseño
Comunicación Visual en Arquitectura
![Page 3: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/3.jpg)
¿qué es una presentación multimedia?¿qué es una presentación multimedia?
imágenes para la experiencia visual
involucra varios o múltiples medios:
video para percibir el desplazamiento o cambio
audio para enriquecer y complementar la experiencia
interacción entre usuario y la información mediante una interface
![Page 4: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/4.jpg)
requisitos básicos para su generaciónrequisitos básicos para su generación
concebir un guión o script que servirá para organizar y planear
documentación e investigación del tema
proponer y diseñar una interface para acceder a la información
![Page 5: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/5.jpg)
Edificio existenteEdificio existente
ejemplo:ejemplo: arquitectura (remodelación) arquitectura (remodelación)
Objetivo: Objetivo:
ilustrar el cambioilustrar el cambio
MercadoMercado
Remodelación
Centro cultural
![Page 6: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/6.jpg)
investigacióninvestigación
ImágenesImágenes PlanosPlanos FotosFotos
Revistas especializadasRevistas especializadas
Libros y monografíasLibros y monografías
![Page 7: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/7.jpg)
guiónguión
Presentación inicialPresentación inicial
Incluir un audiovisualIncluir un audiovisual
Contenido a explorar Contenido a explorar
CréditosCréditos
![Page 8: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/8.jpg)
guiónguión
Presentación inicial o pantalla de introducciónPresentación inicial o pantalla de introducción
Incluir un audiovisual (observar de manera pasiva el cambio)Incluir un audiovisual (observar de manera pasiva el cambio)
![Page 9: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/9.jpg)
guiónguión
Contenido a explorar (manipular de manera interactiva los cambios )Contenido a explorar (manipular de manera interactiva los cambios )
Créditos/información/códecs de audio y videoCréditos/información/códecs de audio y video
![Page 10: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/10.jpg)
interfaceinterface
1er. Nivel 1er. Nivel criterios de exploración inicialcriterios de exploración inicial
2D 2D el conjunto (planta general, localización urbana)el conjunto (planta general, localización urbana)
![Page 11: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/11.jpg)
interfaceinterface
2D 2D el conjunto (planta general, localización urbana)el conjunto (planta general, localización urbana)
1er. Nivel 1er. Nivel criterios de exploración inicialcriterios de exploración inicial
3D 3D la geometría (volumen espacial, vistas perspectivas)la geometría (volumen espacial, vistas perspectivas)
![Page 12: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/12.jpg)
interfaceinterface
2D/3D2D/3D las secciones (funciones, programa interno)las secciones (funciones, programa interno)
1er. Nivel 1er. Nivel criterios de exploración inicialcriterios de exploración inicial
2D 2D el conjunto (planta general, localización urbana)el conjunto (planta general, localización urbana)
3D 3D la geometría (volumen espacial, vistas perspectivas)la geometría (volumen espacial, vistas perspectivas)
![Page 13: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/13.jpg)
interfaceinterface
2do. Nivel 2do. Nivel criterios adicionalescriterios adicionales
Ilustrar los cambios de manera interactivaIlustrar los cambios de manera interactiva
Añadir movimiento o animación, observación audiovisual pasivaAñadir movimiento o animación, observación audiovisual pasiva
![Page 14: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/14.jpg)
--
![Page 15: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/15.jpg)
trabajo en la investigacióntrabajo en la investigación
PlanosPlanos (AutoCAD, ArchiCAD, Sketchup)(AutoCAD, ArchiCAD, Sketchup)
![Page 16: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/16.jpg)
trabajo en la investigacióntrabajo en la investigación
Fotos del sitioFotos del sitio (para audiovisual: Photoshop, Premiere)(para audiovisual: Photoshop, Premiere)
![Page 17: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/17.jpg)
trabajo en el guióntrabajo en el guión
Presentación:Presentación: - Modelo de la ruina en fachada (Swift 3D)Modelo de la ruina en fachada (Swift 3D)
- Escoger tipografía y animarla (Swishmax)Escoger tipografía y animarla (Swishmax)
![Page 18: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/18.jpg)
trabajo en el guióntrabajo en el guión
Audiovisual:Audiovisual: - Efectos del texto(Swishmax)Efectos del texto(Swishmax)
- Retoque y efectos fotográficos (Photoshop)Retoque y efectos fotográficos (Photoshop)
![Page 19: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/19.jpg)
trabajo en el guióntrabajo en el guión
Contenido Contenido Interactivo:Interactivo:
- Conjunto (AutoCAD) raster de la imagenConjunto (AutoCAD) raster de la imagen- Geometría (ArchiCAD, Sketchup) importación 2DGeometría (ArchiCAD, Sketchup) importación 2D- Secciones (ArchiCAD) isométricos, cortes complejosSecciones (ArchiCAD) isométricos, cortes complejos
(Sketchup) recorridos, secciones dinámicas(Sketchup) recorridos, secciones dinámicas
![Page 20: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/20.jpg)
trabajo en la interfacetrabajo en la interface
Integración multimedia:Integración multimedia: Autoplay Media Studio ProAutoplay Media Studio Pro
![Page 21: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/21.jpg)
recomendaciones finalesrecomendaciones finales
apegarse lo mas posible al guión
buena documentación e investigación inicial del tema
generación de material suficiente con el que trabajar
elegir correctamente que material presentar
experimentar con el diseño de la interface sin complicarla
![Page 22: diseño de contenido multimedia para documentación ...repositorio.bibliotic.info/IMG/pdf/presentacion... · diseño de contenido multimedia para documentación interactiva de proyectos](https://reader034.vdocuments.mx/reader034/viewer/2022043019/5f3b8412f5071715db717ab3/html5/thumbnails/22.jpg)
gracias por su atencióngracias por su atención