José Vittone's Blog — New Media, Interaction, UX, Art Direction & Design in Barcelona » Ejercicio

Elisava: Workshops del Postgrado de Diseño de la Interacción 2010

José Vittone — Tue, 23 Mar 2010 08:28:43 +0000

Video resumen trabajos de todos los alumnos del Postgrado de Interacción, respecto de los talleres realizados durante los últimos 2 meses. Este mismo material se presentó el día 18 de Marzo en Caixa Forum, y durante un mes estará rodando en el iTube del mismo lugar. Felicidades chicos!!!

Proyecto: Uncertain future

José Vittone — Sun, 07 Mar 2010 20:19:12 +0000

Proyecto realizado por Keno Cordero y José Vittone para el Postgrado de Interacción de la Escuela Elisava, Barcelona 2010. Una mirada crítica al diseño de interacción.

Aunque dentro de mi estas y sepa que no eres real, me das la sensación y el sentimiento, que por el solo hecho de ser mujer, tengo derecho a sentir y por asares del destino no lo puedo conseguir, ahora te siento, te canto, te acaricio; tu creces, te mueves y te vas.

Proceso creativo

1. Diseño crítico: diseño que hace preguntas
2. Narrativa y diseño: géneros de diseño
3. Personas, escenarios y pruebas culturales
4. Ficción social: futuros alternativos
5. Cine y tecnología: distopias cotidianas

Pre-proyecto

uncertainFuture_idea.pdf (PDF, 1.85MB)

Making-of

Muletillas

José Vittone — Mon, 23 Nov 2009 16:21:23 +0000

muletillas.pdf (PDF, 267KB)

MaxMSP: Metro, Random, Route y Variable

José Vittone — Fri, 13 Nov 2009 01:18:17 +0000

Processing: Reloj “base 5″

José Vittone — Tue, 10 Nov 2009 21:00:08 +0000

Tener que explicar como funciona un reloj parece un absurdo. Se da por hecho que todos sabemos como funciona uno, como leerlo, etc. Cuando se planteó este ejercicio mi desafío fue como hacer un reloj que estuviera fuera de lo convencional pero, sin embargo, sea posible leer de la misma manera (o similar) a lo que estamos acostumbrados. Para esto necesitaba pensar… ¿cómo es que leemos un reloj de agujas?, ¿y cómo uno digital?.
Un reloj digital parecía el modelo más simple. Consta de 3 pares de números, en un orden determinado (hh : mm : ss) que recorren todo su rango (0 a 11, ó de 0 a 59), y un dato no menor, estás informaciones nunca se superponen. El nivel de interpretación es básicamente numérico. Se tiene más a decir horas más precisas con este tipo de aparatos (“son las once y treinta y seis”).
Por otra parte el modelo analógico, en una primera mirada, me pareció el más interesante. Aunque es muy obvio, un reloj analógico requiere de un cierto aprendizaje para un correcta lectura. Todas las fracciones de tiempo — horas, minutos y segundos — recorren el mismo espacio geométrico, los 360 grados de un circulo. Al margen de las diferencias de tamaño de las agujas, la mayor diferencia con un reloj digital es el modo de lectura. La tendencia habitual es agrupar o redondear el tiempo en bloques de 5 minutos, o en múltiplos de este ( por ej. “son las 5 y 10″, “las 3 y cuarto”, “… y media”).
También pensé que el espacio que ocupan los segundos es muy poco relevante, por lo que lo consideré como el dato menos necesario. En un reloj analógico el giro constante de los segundos vale para saber que todo va bien, que ese aparato está funcionando correctamente. Mientras que en el modelo digital, muchas veces se prescinde de este dato y se lo reemplaza por el titilar de los puntos divisorios.
De todos modos el modelos de agujas tiene algunos problemas de lectura en ciertos rangos horarios donde se genera confusión. Por ejemplo las agujas se ven muy similares cuando son las 12.30 ó las 6.00; las 2.45 ó las 9.15. Entonces, ¿cómo es posible que nadie tenga problema para saber que hora es? Probablemente el reloj mental sea el que nos dice que si aun es de día no hay manera de que sean las 9.15 y por lo tanto las 3 menos cuarto suene más acertado, y viceversa.

En base 5

- Prioridades: Horas, Minutos… Segundos.
- Lectura occidental (de izquieda-derecha y de arriba-abajo).
- 1 Hora = 1 punto.
- 5 Minutos = 1 circulo; 15 Minutos = 1 línea de 3 puntos.

Processing: Ojos calavera

José Vittone — Sun, 08 Nov 2009 05:20:02 +0000

Fuente/Source: Icono diseñado por iconwerk.

Código fuente

Processing: dibujo con funciones

José Vittone — Sun, 08 Nov 2009 02:15:08 +0000

La semana pasada encontré en un blog muy interesante que tenía algunos posters que me parecieron muy buenos, una mezcla retro-swiss genial, y me dije “porque no hacerlo en processing, parece bastante facil”.

Una vez que me decidí por uno (aunque en verdad todos son excelentes) empecé:

Paso a paso…

1. Coloreo el fondo, y dibujo un rectángulo con ciertos margenes.

2. Dibujo 2 medios circulos de cada color, esto va a una función así lo puedo llamar después.
3. Ahora bien necesito dos juegos de repetición, uno de 8 piezas y otro de 6, para esto hago una función para posicionar todos los items. Mediante un FOR dibujo uno a uno, mientras roto una cierta cantidad de grados.
4. Solo quedan los textos para que se parezca lo más fiel al original. Venía todo perfecto hasta que caigo en que Processing tiene ciertas deficiencias en la renderización de fuentes, o al menos, con lo que aprendí al momento no alcanza. Me doy algunos días a ver si encuentro algo nuevo, y nada. Si alguien me puede recomendar algún material relacionado, bienvenido sea.
5. Wala!

Processing: Kandinsky, Mondrian, pattern

José Vittone — Wed, 28 Oct 2009 18:00:19 +0000

El último no es un artista, pero va con el mismo conjunto de ejercicios


Código fuente	Código fuente	Código fuente