Recuerdo estudiando en la Universidad Pontificia Bolivariana, Diseño Gráfico y Diseño Industrial. Mi fuerte era el diseño Industrial, que para ese entonces estaba apenas comenzando en Colombia. Tuve excelentes profesores, incluyendo a mi padre, que me hicieron convertir mi profesión en un estilo de vida. Mi papá me inculcó siempre las teorías de la Bauhaus, cosa que jamás terminaré de agradecerle. El diseño llenaba mi vida en todos los aspectos, menos en el profesional.

Mi mamá, mujer muy visionaria me mandó a estudiar inglés a UCLA. Una vez allí resolví que quería estudiar Ingeniería de Computadores. Para mi papá, arquitecto diseñador, nada tenía que ver la ingeniería de computadores con mi carrera y mi formación básica. Porque? Me preguntó, qué tiene que ver la ingeniería de computadores con el diseño industrial y menos con el gráfico?. Y le dije: papá, yo del diseño no voy a poder vivir en Colombia, y al fin y al cabo, diseñar computadores que diferencia tiene con diseñar muebles y cafeteras? Y mis padres como siempre me apoyaron, me pagaron toda mi carrera en Boston University, cosa que jamás tendré como agradecerles y mucho menos pagarles.

Una vez en Colombia me dediqué a enseñarle, a los estudiantes, el manejo de herramientas de diseño. La vida me fue llevando por caminos que uno jamás se espera y cuando menos pensé estaba desarrollando aplicaciones con Visual Basic y Access. Luego vino el boom de las páginas web y aunque traté mucho de meterme en el diseño de estas, jamás logré que me cautivara el tema lo suficiente. Estudié cuanto programa salió antes de Dreamweaver, y luego traté con Flash. Nunca les encontré el “feeling”.

Mi entrenamiento en el diseño Industrial se basaba en funcionalidad y en diseño basado en la función. Pero primero que todo, el objeto tenía que ser funcional y agradable al usuario. Las páginas distaban mucho de esta versión del diseño con el que me entrenaron.

Recuerdo el día en que Sandra Marín, de Microsoft, me presentó por primera vez el Expression Studio 2.0. Ese día mi corazón palpitaba. Me acerqué a ella y le dije que yo quería probarlo. Una vez me lo envió, me enamoré. Encontré la herramienta perfecta para unir mis dos mundos, la ingeniería y el diseño. Ahora, ya las aplicaciones se diseñarían pensando en la experiencia del usuario, lo mismo que aprendí con mis profesores.

Pero mi felicidad no fue menor, cuando apareció el Metro Style. El concepto es perfecto! Parece que hubiera regresado a mis años de estudio en la UPB, hablando de experiencia del usuario, de Bauhaus, de funcionalidad, de ergonomía, de tipografía, de movimiento, etc. Ahora me siento como pez en el agua.

Ahora si, a lo que vinimos. Que es Metro Style, en que se basa. El Metro Style se basa en los siguientes 3 conceptos principalmente: BAUHAUS, INTERNATIONAL TYPOGRAPHIC STYLE (SWISS STYLE), MOVIMIENTO (MOTION DESIGN).

BAUHAUS: Es una escuela de diseño, arte y arquitectura fundada en 1919 por Walter Gropius en Alemania.

El principio básico de la Bauhaus es que el diseño depende de la función. La idea era reducir el diseño a su mínima expresión, reducirlo a su función a su esencia. Recuerdo a mi papá diciendo que si uno coge un edificio y lo sacude imaginariamente y ve como se le caen las partes, quiere decir que le sobran piezas y está mal diseñado. Y ahí si, como dice Suso, el que lo entendió, lo entendió.

Todos estos movimientos aparecen en reacción a algo, y Bauhaus no estuvo ajeno a eso. Bauhaus reaccionó a esa cantidad de adornos que le ponían a los objetos que no obedecían a su función y que eran algo exagerados. Esto no quiere decir que el objeto deba ser feo, el objeto puede ser hermosamente diseñado y construido.

Less is More.

SWISS STYLE (Estilo Tipográfico Internacional): Desarrollado en Suiza en la década de 1950.

En el fondo, el Swiss Style, se caracterizaba por distribuir todos los elementos gráficos dentro de una retícula imaginaria totalmente matemática. Este estilo también se enfocaba en el estilo Bauhaus. Se popularizaron las fuentes de letras sans serif, que no tienen remates o terminaciones. Esto con el fin de dar mucha claridad, legibilidad y objetividad a los mensajes en vez de a los adornos gráficos de las letras.

Era normal el uso de colores planos, sin efectos, sin brillos, sin sombras ni degradados. La atención entonces se la llevaba el mensaje.

MOTION DESIGN (Cinematography): Se refriere a gráficos que cambian su forma en un momento dado. Son gráficos que pareciera tener movimiento.

Lo importante del movimiento es tener un impacto emocional en el usuario.

Si quieren saber mas de Metro Design en Windows 8, no se pierdan esta presentación: Designing Metro style: principles and personality, de Samuel Moreau, el director de UX design and research for Windows and Windows Live.

http://linamanjarres.wordpress.com/2011/10/29/qu-es-metro-style-design/