martes, 15 de noviembre de 2016

TP4 - Re-presentación e impresión

Este último trabajo consiste en repensar y analizar el proceso de generación de las formas 3D realizado en el TP3. Agrupando una serie de imágenes, capturas y fotos de dicho proceso creé un panel tratando de respetar las condiciones para que sea apto de ser impreso. Pero la consigna solicitaba la publicación en el blog de este trabajo utilizando otros medios de comnicación, por ello elegí hacer una serie de Gifs animados en los que se muestra este recorrido para el modelado 3D..

Este fue el resultado final del modelo 3D en Sketchup

Luego del modelado, pasamos al despliegue en Pepakura 

Al imprimir el modelo desplegado procedí al armado de la maqueta análoga. Aquí se pueden ver otros dos modelos que realicé con diferentes texturas.

Se dispuso de una clase en taller para realizar el agrupamiento de las maquetas análogas según cada concepto

Con el concepto Inquietud obtuvimos este resultado al unir cada maqueta por los vértices y generar la idea de movimiento 

Aquí hay algunas de las escenas utilizadas en el video de la presentación final del TP3


Evaluación Teórica - Recuperatorio

Sinopsis

La consigna era realizar un análisis comparativo de dos sitios web, uno seleccionado dentro del listado propuesto por la cátedra, y otro a elección. Para realizar dicha elección me basé en el contenido, diseño de la interfaz y su estructuración.

Ambos sitios tienen un rubro en común, ambos pertenecen a museos. En ellos podemos hallar similitudes que hacen de su navegación una actividad práctica, ágil y llevadera.

La web tomada de la recomendación de la cátedra es la correspondiente al Museo Valencia de la Ilustración y la Modernidad que posee gran riqueza para el conocimiento y aprendizaje de las artes, filosofía, cultura, arquitectura, exposiciones, entre otras cuestiones relacionadas al Siglo de Las Luces y a la Modernidad.

El otro sitio escogido, Museo Nacional de Bellas Artes, es como allí mismo lo especifica dedicado exclusivamente a las ramas de las Artes. En cuanto a contenido esta parece ser la única diferencia, pues este hace mención al arte mientras que el otro tiene un repertorio un poco más amplio dedicándose a varios campos relacionados al mismo tiempo entre sí. 

Análisis 

El sitio web del Museo Valencia de la Ilustración y la Modernidad, de igual modo que el sitio del Museo Nacional de Bellas Artes, en cuanto a contenido es bastante amplio, pues no sólo brinda información al usuario acerca del lugar sino que también acerca datos y referencias de exposiciones, conciertos, talleres, visitas guiadas, encuentros educativos, etc. Se encuentra dirigido a un público muy variado y éste puede interactuar a través de comentarios en la misma página, en redes sociales, e incluso mediante contacto telefónico, vía e-mail y/o personal asistiendo al Museo.

En lo que concierne a los aspectos vinculados a la interfaz gráfica, se podría decir que ambos poseen una estética minimalista, no pretendiendo confundir al usuario con elementos innecesarios. La identidad está definida por un diseño equilibrado y armónico, con imágenes atractivas a primera vista que muestran parte de las exhibiciones en dichos lugares, botones sencillos que contrastan al pasar el cursor sobre ellos y que tienen un buen contraste con su entorno. La paleta de colores utilizada en la web del MuVIM es totalmente neutra en relación al minimalismo en lo estético, en la web del MNBA se utilizan tonos neutros pero también juegan con el contraste que hace con las imágenes de publicaciones interactivas. Los menús, botones y enlaces son claramente visibles. La tipografía usada es de un tamaño correcto, sencilla y de fácil legibilidad, y se encuentra jerárquicamente distribuida, en el MNBA se le da mayor importancia a las publicaciones interactivas de actividades recientes y/o próximas a realizarse. Los objetos se comportan de manera consistente en los sitios siendo de comprensión inmediata en referencia a un mismo tema. 

Según la interacción de la navegación, se utiliza un lenguaje formal y familiar a la vez. Es muy eficiente para los nuevos usuarios favoreciendo la productividad. Incluso el sitio del MNBA posee una sección de actividades interactivas recreativas para los más pequeños de modo que se relaciona también con lo educativo. El sistema permite tomar “atajos” que  mejoran la interacción de los usuarios frecuentes. En la página web del MuVIM, una barra de herramientas de una sola fila cuelga de forma vertical a un lado de la pantalla haciendo más ágil cualquier proceso, en la página del MNBA podemos hallarla de forma horizontal. También se indica una reducción de la latencia al indicar cuando una sección está en proceso de cargado.

Al navegar en estos sitios podrás notar que no hay un recorrido específico sino que tú mismo/a defines hacia qué parte del sitio prefieres ir primero ofreciendo una mejor accesibilidad y haciendo que sea más dinámico este proceso.

De hecho, sendas página en su inicio ofrecen diferentes alternativas a las cuales dirigirse en el espacio como por ejemplo, una sección de noticias, recordatorios de eventos y una barra de menús que tiene una oferta aún mayor. Otra de las cosas a destacar del MNBA es que al estar abierto a posibles visitantes extranjeros, ofrece la traducción de su sitio a dos idiomas: portugués e inglés, lo que es importante para globalizar su información. 

En esta captura se puede ver cómo están compuestos los sitios, Cada una de sus partes son accesibles y te llevan a un lugar diferente dentro del mismo espacio/diseño.
De la misma manera que la captura anterior, ofrecen variedad en el recorrido e incluyen  un enlace a una posible suscripción a un Boletín Informativo, una agenda virtual y, en el caso del MuVIM, publicita/reconoce una librería.



martes, 25 de octubre de 2016

Modelado 3D - PARTE D

En esta última parte dispuse de la creación de un video donde busqué el modo de aplicar el movimiento y la sensación de "Inquietud" a través del diseño y la edición de distintas escenas del agrupamiento. 



Modelado 3D - PARTE C

En esta etapa la consigna fue crear una composición propia utilizando el modelo 3D, ya diseñado anteriormente, para así representar el concepto "Inquietud" re-pensando el Trabajo Práctico N°1 donde se lo definía.
Utilizando el software Sketchup 2016, he creado el siguiente agrupamiento al que luego copié e hice algunos tratamientos de sintaxis para más tarde formar escenas gráficas que utilicé en el video de la siguiente etapa.

Composición:












Tratamientos de sintaxis:







viernes, 14 de octubre de 2016

Evaluación Teórica (Análisis del Sitio Web 2)

El sitio WebsMultimedia en cuanto a contenido  se podría decir que informa al usuario acerca de los diferentes tipos de diseño con los que el autor trabaja. Se encuentra dirigido a un público muy diverso  y éste puede interactuar a través de comentarios en el mismo sitio, en redes sociales y mediante contacto telefónico.

En lo que concierne a los aspectos vinculados a la interfaz gráfica, se podría decir que posee una estética minimalista, los datos que presenta son concisos. La identidad está definida por un diseño equilibrado y armónico, con una imagen, botones sencillos y un buen contraste. La paleta de colores utilizada es de las tonalidades del verde y el blanco. Los menús, botones y enlaces son  visibles. La tipografía usada es de un tamaño correcto, sencilla y de fácil legibilidad, y se halla jerárquicamente distribuida según sean títulos, subtítulos, textos, etc. La consistencia  de la web es unívoca pues utiliza el mismo lenguaje en relación al contenido y las imágenes. En este caso la metáfora aparece a modo de cita bibliográfica y el autor de la web le otorga vitalidad mediante la aplicación de un audio que se reproduce instantáneamente al ingresar al sitio.

Desde la interacción de la navegación, se utiliza un lenguaje formal y casual al mismo tiempo ya que la página web está destinada a un uso informativo y de difusión comercial.  Es muy eficaz para los usuarios  asistiendo al buen rendimiento de manera ágil y sin trabas. El sistema permite tomar “atajos” que  mejoran la interacción de los usuarios frecuentes a través de menús emergentes. Una barra de herramientas de una sola fila cuelga en la parte superior de la pantalla pero también aparece a un lado mientras vas recorriendo diferentes secciones. También muestra una reducción de la latencia que refiere al tiempo de espera mientras se aplica alguna acción en el ella.


Al navegar se notará la ausencia de un recorrido específico , esto se debe a que la web nos da infinitas posibilidades de tramar nuestro camino por ella dirigiéndonos hacia donde prefiramos de manera accesible y siempre informándonos en qué parte nos encontramos. 

Aquí se puede observar una imagen estática pero si ud. ingresa al enlace del sitio podrá notar que al instante esa imagen comienza a reproducirse y se puede oír un audio donde se hace una breve presentación al sitio. 

En esta captura vemos una sección dentro del sitio referida al diseño web y es importante destacar el hecho de que nos indique constantemente en qué parte del sitio nos encontramos.  

Evaluación Teórica (Análisis del Sitio Web 1)

El sitio web del Museo Valencia de la Ilustración y la Modernidad en cuanto a contenido es bastante amplio, pues no sólo brinda información al usuario acerca del lugar sino que también acerca datos y referencias de exposiciones, conciertos, talleres, visitas guiadas, encuentros educativos, etc. Se encuentra dirigido a un público muy variado y éste puede interactuar a través de comentarios en la misma página, en redes sociales, e incluso mediante contacto telefónico, vía e-mail y/o personal asistiendo al Museo.

En lo que concierne a los aspectos vinculados a la interfaz gráfica, se podría decir que posee una estética minimalista, la información que presenta es precisa. La identidad está definida por un diseño equilibrado y armónico, con imágenes atractivas a primera vista, botones sencillos y un buen contraste. La paleta de colores utilizada es totalmente neutra en relación al minimalismo en o estético. Los menús, botones y enlaces están bien visibles. La tipografía usada es de un tamaño correcto, sencilla y de fácil legibilidad, y se encuentra jerárquicamente distribuida. La consistencia  de la web es aparentemente acertada.

Según la interacción de la navegación, se utiliza un lenguaje formal y familiar a la vez.  Es muy eficiente para los nuevos usuarios  favoreciendo la productividad. El sistema permite tomar “atajos” que  mejoran la interacción de los usuarios frecuentes. Una barra de herramientas de una sola fila cuelga a un lado de la pantalla haciendo más ágil cualquier proceso. También indica una reducción de la latencia al indicar cuando una sección está en proceso de cargado.

Al navegar por allí podrás notar que no hay un recorrido específico sino que tú mismo/a defines hacia qué parte del sitio prefieres ir primero ofreciendo una mejor accesibilidad.

De hecho, esta página en su inicio ofrece diferentes alternativas a las cuales dirigirse en el espacio como por ejemplo, una sección de noticias y recordatorios de eventos y una barra de menús que tiene una oferta aún mayor. 

En esta captura se puede ver cómo está compuesto el sitio, Cada una de sus partes son accesibles y te llevan a un lugar diferente dentro del mismo espacio/diseño.

De la misma manera que la captura anterior, ofrece variedad en el recorrido e incluye un enlace a una posible suscripción a un Boletín Informativo, una agenda virtual y publicidad/reconocimiento a una librería. 

Evaluación Teórica

La consigna era realizar un análisis comparativo de dos sitios web, uno seleccionado dentro del listado propuesto por la cátedra, y otro a elección. Para realizar dicha elección me basé en el contenido, diseño de la interfaz y su estructuración.

Si bien, ambos sitios denotan diferencias tanto en contenido como en su diseño, también podemos hallar similitudes que hacen de su navegación una actividad práctica, ágil y llevadera.

La web tomada de la recomendación de la cátedra es la correspondiente al Museo Valencia de la Ilustración y la Modernidad que posee gran riqueza para el conocimiento y aprendizaje de las artes, filosofía, cultura, arquitectura, exposiciones, entre otras cuestiones relacionadas al Siglo de Las Luces y a la Modernidad.

El otro sitio escogido, WebsMultimedia, pertenece a una empresa de diseño especializada en Diseño Multimedial que me pareció un buen ejemplo de contraposición para el análisis a la hora de encontrar diferencias y semejanzas ya que este último es realizado por profesionales en el campo que estamos estudiando.