lunes, 25 de junio de 2018

LA FORMA Y SU CONTEXTO


DISPOSITIVOS URBANOS


CONCEPTO
Son creaciones en la ciudad por medio de pequeñas arquitecturas o dispositivos tecnológicos, que permiten la realización de actividades y  provocan un desarrollo de su uso en la zona. Dan soluciones a ciertas problemáticas, intentan reforzar la idea de lugar y comodidad.

LA FORMA Y SU CONTEXTO
La forma es montón de líneas y superficies que determinan la planta, el contorno o el volumen de una cosa, en contraposición a la materia de que está compuesta y su contexto es un conjunto de circunstancias que rodean una situación.
Una forma para ser impuesta en cierto lugar debe estar adaptada a un contexto, por lo tanto se debe “resignificar el sentido, su rol, valor de uso o carácter y función simbólica”.

DESCRIPCIÓN DEL GEN
El gen diseñado tuvo inspiración en el concepto “dispositivos urbanos”, por lo cual se buscó generar una morfología que simule serlo.




CONSTRUCCION DEL GEN



Forma base bidimensional.

2 Forma base tridimensional
3 Alteración de las caras del cubo.
4 Modelo bidimensional de la alteración de sus caras.
5 Modelo tridimensional de la alteración de sus caras y unión entre una nueva forma generada dentro del cubo.
6 Alteración de los vértices

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

AGRUPAMIENTO



El desarrollo del gen sirvió para la construcción un agrupamiento con la aplicación de acciones sensibles, una composición más compleja. A este se le asignó una escala simbólica, objeto urbano.


CONSTRUCCION DEL AGRUPAMIENTO
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.

STORYBOARD

CONTENIDO AUDIO VISUAL

REFLEXION Y REINTERPRETACION
El gen será explorado en diferentes contextos y diferentes escalas con diferentes sentidos y funciones simbólicas. Nos lleva a repensar el gen, donde se pueda visualizar a partir de la generación desde un concepto en el cual se puede representar de manera aleatoria un objeto o forma y posteriormente para realizar algo nuevo.

ESCALA HÁPTICA
Se puede tomar con las manos.
1

ESCALA HUMANA
Se puede recorrer o contienen el cuerpo.
2

ESCALA URBANA
Es un espacio social u otro.
3

 Fuentes 
Imágenes.

sábado, 16 de junio de 2018

INSTRUCCIONES

RECETA DE COCINA

Entender el diseño de instrucciones gráficas como un sistema de representación esquemáticas desarrollando en torno a una estructura secuencial.
Aplicar los conocimientos profundizados sobre signos iconicos pictogramáticos y esquematización aprendidos en prácticos anteriores. 
tener en cuenta los conceptos de capas de significación y desarrollar la capacidad de aplicar recursos sensibles en la representación esquemática.
También establecer jerarquías de lectura.

Consigna: diseñar una receta de cocina (Chipá) a modo de instrucción gráfica a partir de la esquematización.


FORMA Y REPRESENTACIÓN

En este primer intento, se busca plasmar en imágenes y formas, distintas situaciones espaciales imaginarias para explorar las técnicas, recursos de collage y montaje digital, a partir de la reflexión y re interpretación de un mismo objeto (el cual es la forma básica denominada gen que ya venia trabajando en el tp 3). Se lo propone para diferentes usos , situaciones y escalas.

1era Escala háptica: se puede tomar con las manos.

 2da Escala humana: se puede recorrer o contienen el cuerpo.

3ro Escala urbana: espacio social u otro.

Fuente de las imágenes.
La font.
Junho em Nova York – Verão no Central Park.
Laguna las mellizas.

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.