This lines have been introduced to help with SEO ratings

tresRazones - nuevas plataformas infogr醘icas - Juan Ramos Gonz醠ez Portfolio - tres razones

visita al prado

infograf韆 interactiva audiovisual

tresRazones

visita al prado

270 comentarios
responder
cita

Museo Nacional Del Prado. VISITA

Paseo virtual realizado para el Museo Nacional del Prado que agrupa toda la informaci贸n relativa a su visita: ubicaci贸n en la ciudad, accesos y servicios, y distribuci贸n de las obras de la Colecci贸n Permanente.

Para elaborar esta compleja aplicaci贸n se han combinado herramientas de dise帽o (Illustrator, Photoshop y 3ds max), de edici贸n de v铆deo (Premiere y After Effects) y de programaci贸n (Flash y ActionScript).

El resultado es una infograf铆a animada que a煤na el lenguaje audiovisual con la interactividad y los recursos infogr谩ficos cl谩sicos, y que ofrece al internauta no s贸lo la posibilidad de ser consultada en red, sino de descargar e imprimir los siete gr谩ficos est谩ticos que la componen. Para ello ha sido necesario duplicar cada gr谩fico, no s贸lo por la diferencia de resoluci贸n pantalla/impresora, tambi茅n por constituir lenguajes diferentes: en web se utiliza la f贸rmula del toptip, es decir, la informaci贸n aparece al colocar el cursor sobre cada punto de la ilustraci贸n, mientras que en los est谩ticos es necesario introducir una leyenda. Los dos desarrollos est谩n disponibles, a d铆a de hoy, en dos idiomas: espa帽ol e ingl茅s.

El recorrido comienza en la Puerta de Vel谩zquez. La c谩mara presenta una perspectiva de la fachada principal, con un punto de vista extremadamente bajo para dar monumentalidad a una vista en la que destaca la estatua del pintor modelada en tres dimensiones.

Desde el momento en que el usuario hace clic en el bot贸n inicio, la c谩mara empieza una r谩pida ascensi贸n hasta detenerse en una vista de p谩jaro que se muestra la ubicaci贸n del museo en el centro de Madrid, con maquetas de los edificios m谩s importantes en 3D y con toda la documentaci贸n relativa a los transportes. Se trata del primer gr谩fico imprimible y es b谩sicamente un est谩tico que s贸lo mantiene el movimiento para explicar el sentido de la circulaci贸n.

En el siguiente movimiento, la c谩mara se aproxima y gira hasta enfocar exclusivamente el exterior del museo. Aqu铆 se detallan los servicios y accesos exteriores en una perspectiva cercana a la isom茅trica, que confiere mayor legibilidad a la ilustraci贸n.

Un tercer movimiento acerca la c谩mara y vuelve a dar una vista c贸nica de los edificios Villanueva y Jer贸nimos que sirve como portada para acceder a las cuatro plantas que albergan la Colecci贸n Permanente.

Al hacer clic en cada planta, la c谩mara se mueve hasta ofrecer una imagen en planta del edificio, al tiempo que se eleva la cubierta del mismo para mostrar los servicios y la distribuci贸n de cada escuela. El icono de una mano en movimiento advierte al navegante de que debe mover el cursor sobre el plano para acceder a la informaci贸n.

El recorrido por el Prado finaliza con un 煤ltimo desplazamiento de la c谩mara hasta encontrarse en la posici贸n inicial, la vista de la puerta de Vel谩zquez, donde se detallan los precios y horarios y se conecta con distintos itinerarios y obras, para acabar en la p谩gina principal del museo.


270 comentarios

enlaces recibidos