martes, 29 de mayo de 2018

EVALUACIÓN TEÓRICA: DESARROLLO DEL TEMA

Estamos en una sociedad híper conectada, el campo de lo virtual conforma nuevos espacios y plantea paradójicas relaciones con quienes lo habitamos, reconfigurando los sistemas y modos de comunicación interpersonales. (Montagu, A. Groisman, M. Pimentel, D. 2004.Cultura Digital. Comunicación y Sociedad. Ed. Paidos. Buenos Aires. Capítulo 1: Superconectados.)
La sociedad del conocimiento y el ciberespacio son conceptos que se encuentran dentro del mundo de las comunicaciones, del flujo de información y de las tecnologías que hay en la sociedad moderna aportándonos grandes satisfacciones.

Ocupar el mundo real como el virtual y a la misma vez  cualquier otro lugar del mundo al mismo tiempo, nos está dando un nuevo sentido de ser, nuevas vías de pensamiento y percepción que propagan lo que hemos entendido, como nuestras capacidades genéticas naturales. Podemos decir que nuestra conciencia nos permite recorrer el borde de la identidad, entre el interior y el exterior de cada posible definición de lo que es el ser humano. “Somos todos interfaz”, estamos mediados y potenciados por la computadora. (Ascott, Roy 1995. La Arquitectura de la Cyberception. Serie Fichaje Nº 4.publicacion de la Cátedra Arquitectura IV. Traducción Julio Arroyo.)

A partir de este concepto podemos observar el contenido de ambos sitios, empezando por los factores vinculados a la interfaz grafica. El primer factor a tratar será la estética, MuVIM presenta  un diseño minimalista con formas básicas despojado de texturas pesadas, con colores solo en los archivos multimedia. En relacion al blog personal, también busca comunicar actividades y trabajos dictados por la facultad, de una forma útil, al igual que MuVIM sin formas raras y elementos pesados, con elementos necesarios para guiar al usuario y no confundirlo. "Lo que sobreabunda, se desvalúa". (Piscitelli, Alejandro. 2005. Internet la imprenta del SXXI. Ed. Gedisa S. A. Barcelona. Parte II capítulos: 3 Los weblogs ponen la red al servicio de todas las voces; 4 Sindicación de contenidos; 5 Distribución de contenidos y escritura colaborativa. Parte III capítulo: 8 La Mirada de Marshall McLuhan.Parte IV capítulo11 El futuro de la red: web semántica.)

Los sitios están dirigidos a un público relacionado con el arte y el diseño, por lo tanto apuntan a disciplinas proyectuales del mismo entorno. En diferentes niveles, ya que uno es dirigido hacia estudiantes y profesores mayoritariamente y el otro hacia una audiencia general.

El segundo factor a  analizar es el de identidad, ambos presentan una grilla parecida simple y clara, con una barra con diferentes categorías, botones de fácil acceso, permitiendo una búsqueda rápida, con cierta jerarquía visual que se hace más visible en el blog personal, acentuando con distintos tamaños de la fuente primeriando el titulo, luego el epígrafe, las categorías, títulos de las entradas ordenadas cronológicamente, con la entrada más reciente primera,  y el desarrollo de las mismas, luego a la derecha en un tamaño menor con los datos personales, archivos del blog y paginas sugeridas. En cambio en el  sitio elegido, lo primero que se observa es el nombre del anuncio de eventos programados importantes y su descripción, luego el logo del museo y el menú. Ambos presentan un equilibrio visual, sin exceso de información con interfaces explorables con acciones reversibles,  factible acceso a partir de sus botones. “La conexión establecida mientras más rápida es mejor. El movimiento acelerado y acelerante es lo que hace más valido y certero a un conocimiento.” (Los Barbaros, ensayo sobre la mutación, A.Barrico, Anagrama, Argumento nº 378, Barcelona, 2ª ed., mayo 2009)
www.muvim.es/




micaelasmartinez.blogspot.com
El tercer factor es el color, elemento vital de la interfaz, además de gráficos y etiquetas. Están son las paletas seleccionadas por cada sitio.

Paleta cromática del sitio web MuVIM

Paleta cromática Blog Personal












El cuarto factor  es la legibilidad, relacionada al tamaño, tipografía y color de esta, que facilita o complica la lectura, en el caso ambos blog se eligió una tipografía san serif,  el tamaño es legible y  las jerarquías son establecidas son distinguidas, para el desarrollo de las entradas con un buen contraste con fondo neutro, de cómoda lectura. En el caso del museo también combina con una tipografía serif para síntesis de las entradas y con inclinación, y para los títulos de ellas, en bolt y sin inclinación,  en color negro y fondo blanco, y en el casos de los botones de categorías son con fondo grises pero muy suave siguiendo con el contraste para su buena legibilidad. En cambio el fondo elegido para la escritura del blog es el negro y el desarrollo de las entradas en blanco, pero que al fin también son opuestos y  generan contraste. Además, el titulo del blog personal se encuentra en color naranja y los de las entradas en color azul como también lo están las categorías, y aunque estos no son opuestos siguen generando un contrastes y siguen siendo legibles.

Contraste del sitio web MuVIM.
Contraste del blog personal.
Ahora daré lugar a los factores vinculados a la interacción de estos blogs, con esto me refiero al lenguajes utilizado con el usuario, si bien el MuVIM se encuentra en Catalán, al ingresar en el ofrece su traducción  lo que facilita su lectura para los que no contienen los conocimientos para interpretar esa lengua. Utilizan lenguajes simples, incluyente. Aunque se utilicen términos específicos, el usuario podrá interpretar sin tener esos conocimientos.

Otra coincidencia entre los sitios, es que contienen mensajes claros, sus “botones” son palabras de interpretación clara, para evitarle al usuario su entrada en sitios que no le interesan.

La ley de fitts dice que el tiempo para adquirir un objeto es una función de la distancia y tamaño del objeto, a menor distancia y mayor tamaño, más facilidad tendrá el usuario para interactuar. Esto se hace evidente en ambos sitios debido a la barra de herramienta superior.

En cuanto a la navegación de estos blog, no tienen situaciones que ocasionen error. En el caso del Museo, no presenta enlaces que redirijan a ningún sitio, en cambio en el blog personal si, para que el usuario pueda adquirir más conocimiento de un tema en especifico en otro sitio o como bibliografía.

Con respecto a los factores vinculados a la navegación y orientación espacial, se refiere al recorrido, vinculación y recuperación de información, debe ser clara y ofrecer variedad de acciones al usuario. Las siguientes imágenes representan  las estructuras de cada blog.




Fuentes
Museo de Valencia de la Ilustración y de la Modernidad: http://www.muvim.es/
Verificador de contraste: Accessibility Color Wheel. http://gmazzocato.altervista.org/colorwheel/wheel.php

Bibliografía
Ascott, Roy 1995. La Arquitectura de la Cyberception. Serie Fichajes Nº 4. Publicación de la Cátedra Arquitectura IV. FADU / UNL. Traducción Julio Arroyo.
Baricco Alessandro 2009. Los bárbaros. Ensayo sobre la mutación. Ed. Anagrama. Barcelona. Capítulos: Epígrafes 1,2 y 3, Saqueos [Pp.19-53]; Respirar con las branquias de Google [Pp. 93-118]
Diez Julia 1995. Revista Summa+16 Ed. Donn SA. Bs. As. Reportaje a Norbert Bolz Artículo: Al final de la Galaxia Gutenberg, el siglo XXI, cuya característica principal será la unidad entre arte, ciencia y tecnología.
La Ferla, Jorge y Groisman, Martín, Compiladores. 1996. El Medio es el Diseño. Ed. Oficina de Publicaciones del Ciclo Básico. UBA. Bs. As. Capítulo: Machado, Arlindo. El advenimiento de los Medios Interactivos, y Capítulo: Cortés Alberto. Fotografía, El instante decidido
Manovich Lev. 2006. El lenguaje de los nuevos medios de comunicación. Ed. Paidos Comunicación. Buenos Aires. Capítulo: 1 ¿Que son los nuevos medios?; 2 La interfaz; 5 Las formas.
Montagu, A. Groisman, M. Pimentel, D. 2004.Cultura Digital. Comunicación y Sociedad. Ed. Paidos. Buenos Aires. Capítulo 1: Superconectados.
Parra M, J. Garcia A, R. Santelices M, I. 2003. Introducción Práctica a la REALIDAD Virtual.Ed. Universidad de Bio Bio. Concepción, Chile. Introducción: Realidad virtual: Que es?, Como evoluciona?,Como identificarla? Dispositivos input/output.
Piscitelli, Alejandro. 2005. Internet la imprenta del SXXI. Ed. Gedisa S. A. Barcelona. Parte II capítulos: 3 Los weblogs ponen la red al servicio de todas las voces; 4 Sindicación de contenidos; 5 Distribución de contenidos y escritura colaborativa. Parte III capítulo: 8 La Mirada de Marshall McLuhan.Parte IV capítulo11 El futuro de la red: web semántica.
Schultz Margarita. 2006. Filosofía y Producciones Digitales. Ed. Alfagrama Ediciones SRL. Buenos Aires. Capítulos: II La maquina no hace arte; III La inestabilidad, una estética de las producciones digitales.
Stipech Alfredo 2011. Fundamentos Cátedra Introducción a los Medios Digitales. FADU / UNL. Santa Fe. Disponible on line y en formato pdf para imprimir en http://www.fadu.unl.edu.ar/imd y CDRom ISBN 978-987-657-350-4.
Zuazo N. Guerras de Internet. 2015. Ed. Debate. Buenos Aires.
Tosello María Elena. Anexo de la Evaluación Teórica. Guía para el diseño y evaluación de espacios – interfaz.

lunes, 28 de mayo de 2018

EVALUACIÓN TEÓRICA: SÍNTESIS CONCEPTUAL


Esta actividad consiste en el análisis comparativo de dos sitios web, con una mirada crítica. Uno de los sitios es el blog personal, y el otro es el del  Museo de Valencia de la Ilustración y de la Modernidad, que fue el seleccionado dentro de los propuestos por la cátedra en la web de IMD, como también lo fue la bibliografía y el anexo de la Evaluación Teórica.
micaelasmartinez.blogspot.com.ar

Elegí la página MuVIM por su contenido, interfaz gráfica, la interfaz de navegación y otros aspectos. Está basado en un museo de ideas, consagrado a preservar y dar a conocer las ideas y valores que han hecho posible el mundo moderno, se encuentra ubicado en la ciudad de Valencia, España.

El sitio trabaja de manera accesible debido al orden lógico de presentación de los elementos en pantalla, sistema de navegación simplificado y texto descriptivo de las imágenes, con una correcta distribución de información. Se pueden apreciar colecciones que fueron expuestas, invitación a exposiciones temporales, actividades del Museo y horarios.
www.muvim.es

La elección resulto por la similitud de que ambos sitios son fáciles de navegar, además  por la presentación del sitio, diseño, legibilidad y orden.   

martes, 22 de mayo de 2018

VIDEO FINAL

A partir de la idea de dispositivos de carácter urbano se construyó una composición de cuerpos que en el cortometraje se utilizaran como un conjunto de dispositivos urbanos, donde se realiza un recorrido hasta llegar a su centro y el dispositivo colocado en ese sitio se convertirá en el protagonista del corto, ya que este sufrirá ciertas alteraciones hasta explotar y luego recrearse, se finaliza el recorrido, dando así por finalizado el corto.
Recursos utilizados: "UNILEVER - EVENT OPENING", "BIG BANG EXPLOSIÓN", "STV - VISUALS: BLOCKBUSTER" y "PAWSA - the groovy cat"

domingo, 20 de mayo de 2018

MAPA SENSIBLE

Diseñar un mapa que represente el espacio y el recorrido realizado desde la casa hasta la facultad.
Se desarrolla un sistema de signos icónicos pictogramáticos que represente no menos de 6 situaciones, a modo de capa de significación.
Debe utilizarse un código que haga visible el recorrido a modo de capa de significación. 
Aplicar un código que permita representar características contextuales al espacio, para visualizar características del terreno y entorno, a modo de capa de significación.
Agregar valor estético y comunicacional mediante capas de tratamiento sensible: color, textura, etc.

Técnica: Digital




SISTEMA DE SIGNOS ICÓNICOS PICTOGRAMÁTICOS

Diseñar un sistema de cuatro signos icónicos pictogramáticos que representen "cosas" pertenecientes a un universo determinado. Para ello deberá valerse de estructuras formales que permitan emparentar desde lo visual los elementos representados.

Técnica: manual, blanco y negro en tinta.

Tema: Astronauta / Casco / Nave / Alunizaje.


PICTOGRAMAS

Intervenir un pictograma dado a partir de 3 conceptos brindados por la catedra para generar 3 nuevos signos pictogramáticos a modo de sistema.
Para ello se debe respetar rasgos formales básicos del pictograma original (retícula, modulación, ejes, peso visual y tipo de empalmes).
Es fundamental desarrollar los signos a partir de una lógica geométrica y manteniendo una coherencia estética entre los resultados gráficos.

Técnica: Manual, en blanco y negro, tinta plana. Herramientas de dibujo geométrico.

Tema: Niño / Payaso / Desalineado.

EXPLORACIÓN Y REPRESENTACIÓN GRÁFICA DE UN OBJETO

Representación de un objeto de uso cotidiano designado por la cátedra a partir del dibujo, utilizando herramientas manuales.

Las representaciones son cuatro:

1-Representación bidimensional con mayor grado de iconicidad.
Técnica: Acrílico

2-Representación bidimensional con menor grado de iconicidad.
Técnica: Collage

3-Representación tridimensional con mayor grado de iconicidad.
Técnica: grafito
 4-Representación tridimensional con menor grado de iconicidad.
Técnica: Acrílico.

sábado, 12 de mayo de 2018

STORYBOARD

El video tendra una introducción de  un área urbana, y será dirigida hacia un conjunto de dispositivos urbanos. Al llegar al inicio de este, se entablara un recorrido, hasta llegar al centro donde se encuentra un dispositivo que llamará la atención, y este mismo tendrá un comportamiento extraño, que terminará en explosión. El receptor de la escena se encuentra confundido, se repone y aprecia que comienza a crecer otro dispositivo, al finalizar este crecimiento, el receptor interactuara con él y luego abordara la búsqueda de la salida.  
EL video será mudo, pero musicalizado por  The Groovy Cat de Pawsa, que está basado en "Pink Panther Theme" de Henry Mancini, este tema musical pertenece a la animación de la pantera rosa, que genera esa sensación de misterio.

viernes, 11 de mayo de 2018

RECORRIDO 3er AGRUPAMIENTO


3er AGRUPAMIENTO

Teniendo en cuenta el modelo 3D como objeto a escala urbana, un dispositivo urbano. Realice un agrupamiento, en el que el gen se multiplica y en sus repeticiones es alterado o fusionado con otro, generando un cuadrado donde se aplica un orden, pero también se rompe a medida que se va modificando el agrupamiento que es estático, central y equilibrado.
Principios Ordenadores: Ornamento Isométrico.
1- Traslación.


 2- Extensión traslatoria


 3- Interpenetración, encadenamiento por la rotación de hileras, generando una fusión de tres genes.
 4- Tangencialidad, aristas en contacto.
 5- Agrupamiento.

jueves, 10 de mayo de 2018

RECORRIDO 2do AGRUPAMIENTO


2do AGRUPAMIENTO

En este segundo planteo de agrupamiento del gen. Se aplica la repetición de la forma tridimensional generando una forma, ya que están separados por una misma distancia y todos presentan el mismo tamaño para la generación de un orden. 
 Tiene un comienzo y un final. Lo que quiero representar es un conjunto de dispositivos urbanos iguales.
 Pero luego romper con ese orden a partir de la rotación de hileras y la fusión entre los genes.
 Esta agrupación mantiene una escala urbana, ya que esta pensado para la interacción de las personas para atravesarlo, treparlo o simplemente de descanso.







miércoles, 9 de mayo de 2018

RECORRIDO DEL 1er AGRUPAMIENTO

1era PRUEBA DE VIDEO

A partir de la generación de escenas en el agrupamiento de genes, una escena de la película spider man y el audio de PAWSA - Groovy Cat, surge como primera idea esta prueba. 
  

PROCESO DEl 1 er AGRUPAMIENTO

A partir del modelado vectorial tridimensional definido, se definen leyes de transformación, acción y reacción para lograr una agrupación.


 Primero aplique una repetición del gen, en una misma escala, con una traslación de un metro entre  cada modelo,siguiendo un orden y serie hasta formar un conjunto.




 Luego, mediante la traslación de algunas de las hileras, generación fusiones y rotación, para romper con la ley del orden y desarrollar movimientos.   





 Por ultimo, la repetición de la agrupación de manera perpendicular para generar un fin del agrupamiento.

PROCESO DEL GEN

Componente inicial y su progreso, por medio de una forma que luego es alterada. Generado a partir de una escala urbana y con el objetivo de la creación de un dispositivo urbano.
Forma base bidimensional.

Forma base tridimensional.

Alteración de las caras del cubo.

Modelo bidimensional de la alteración de sus caras.

Modelo tridimensional de la alteración de sus caras y unión entre una nueva forma generada dentro del cubo.

Alteración de los vértices. 

Alteración y deformación de la cara superior.

Gen final.