{"id":236,"date":"2019-03-28T11:43:37","date_gmt":"2019-03-28T17:43:37","guid":{"rendered":"https:\/\/www.tesseractspace.com\/blog\/?p=236"},"modified":"2019-04-12T17:59:50","modified_gmt":"2019-04-12T22:59:50","slug":"fluent-design-system","status":"publish","type":"post","link":"https:\/\/www.tesseractspace.com\/blog\/fluent-design-system\/","title":{"rendered":"Sistema de dise\u00f1o: Fluent Design System"},"content":{"rendered":"\n

Microsoft cre\u00f3 en 2009 \u00abMetro\u00bb, el primer sistema de dise\u00f1o creado por ellos mismos, con el objetivo de revitalizar el dise\u00f1o de apps<\/em> para Windows Phone, abriendo camino a lo que hoy es Fluent Design System.<\/h4>\n\n\n\n

El Microsoft Design Language<\/strong> o Metro<\/strong>, fue un sistema de dise\u00f1o creado como una nueva manera de visualizar informaci\u00f3n en dispositivos m\u00f3viles. Pensado en principios de comunicaci\u00f3n visual r\u00e1pida, inspirada en las se\u00f1ales de tr\u00e1nsito, era muy minimalista, hacia un uso fuerte de tipograf\u00eda, colores, animaciones y era un cambio radical hacia el dise\u00f1o de apps <\/em>en el ecosistema de Microsoft<\/strong>. En ese sentido, Metro <\/strong>fue pionero en muchos conceptos que hoy son centrales en Material Design<\/a> o en las Human Interface Guidelines de <\/a>Apple<\/a><\/strong>.<\/p>\n\n\n\n

\"La
La app de TV Azteca para Windows Phone con Metro Design, dise\u00f1ada en 2013 por Tesseract Space<\/a><\/figcaption><\/figure><\/div>\n\n\n\n

Aunque la recepci\u00f3n de Metro <\/strong>fue muy buena con Windows Phone <\/strong>y con xBox<\/strong> (lleg\u00f3 a ganar el \u00abInteractive Gold Award<\/em>\u00bb de la Industrial Designers Society of America <\/strong>en 2011), Metro <\/strong>se integr\u00f3 en Windows 8 <\/strong>para PCs y fue ah\u00ed donde encontr\u00f3 mucha resistencia: casi ninguna aplicaci\u00f3n de Microsoft<\/strong> (como Internet Explorer<\/strong> o los programas de Office<\/strong>) adoptaron el sistema visual, lo que llen\u00f3 al sistema operativo de inconsistencias, volvi\u00e9ndolo complejo y poco usable.<\/p>\n\n\n\n

Metro <\/strong>fue descontinuado en 2015 junto con la plataforma de Windows Phone<\/strong>, aunque a\u00fan se encuentran rastros del sistema de dise\u00f1o en la plataforma de xBox <\/strong>y en Windows 10<\/strong>.<\/p>\n\n\n\n

Microsoft Fluent Design System<\/h3>\n\n\n\n

Microsoft <\/strong>anunci\u00f3 Design Fluent System<\/a><\/strong> en su evento Build <\/strong>en 2017 como un nuevo sistema de dise\u00f1o que evolucionar\u00eda a partir de Metro <\/strong>pero que ser\u00eda llevado en una nueva direcci\u00f3n: el dise\u00f1o de Aplicaciones Universales para Realidad Mixta<\/strong>. Aqu\u00ed hay dos conceptos nuevos que vale la pena explorar antes de entrar en detalle sobre el sistema de dise\u00f1o.<\/p>\n\n\n\n

UWP: Aplicaciones Universales para Windows<\/h4>\n\n\n\n

Microsoft <\/strong>present\u00f3 en 2016 su Universal Windows Platform <\/a><\/strong>o UWP<\/a><\/strong>, una plataforma para desarrollar aplicaciones que pueden correr en PCs, laptops, tablets, consolas de videojuegos, m\u00f3viles, dispositivos de IoT o visores de realidad virtual o aumentada sin necesidad de tener que reescribirlas para cada dispositivo.<\/p>\n\n\n\n

Una app <\/em>UWP <\/strong>puede ser desarrollada en lenguajes como C++, C#, F#, VB.NET, XAML <\/strong>o JavaScript<\/strong> para que los programadores puedan trabajar con lo que ya conocen y reutilicen lo que ya han hecho antes.<\/p>\n\n\n\n

\"Universal
La visi\u00f3n de Microsoft para Universal Windows Platform: un solo Windows en muchos dispositivos.<\/figcaption><\/figure><\/div>\n\n\n\n

La apps <\/em>universales de Microsoft <\/strong>son por dise\u00f1o responsivas y pueden adaptarse a cualquier formato de pantalla o estilo de interacci\u00f3n (teclado, t\u00e1ctil, natural, voz, controles, etc), y se distribuyen, sincronizan y actualizan a trav\u00e9s de la tienda de apps <\/em>de Windows<\/strong>.<\/p>\n\n\n\n

Realidad Mixta<\/h4>\n\n\n\n

La Realidad Mixta <\/a><\/strong>(<\/a>Mixed Reallity <\/a><\/em>o MR)<\/a>, tambi\u00e9n llamada Realidad H\u00edbrida <\/strong>(Hybrid Reality <\/em>o HR) es la fusi\u00f3n de mundos virtuales con el mundo f\u00ecsico real para producir entornos virtuales y visualizaciones donde los objetos f\u00edsicos y los digitales viven juntos e interact\u00faan en tiempo real. La Realidad Mixta <\/strong>no es exclusiva del mundo f\u00edsico o del virtual, sino que es una mezcla de Realidad Virtual <\/em>(VR) y Realidad Aumentada <\/em>(AR) por medio de tecnolog\u00eda inmersiva.<\/p>\n\n\n\n

\"\"
Concepto de trabajo con Realidad Mixta usando Hololens.<\/figcaption><\/figure><\/div>\n\n\n\n

En 2016 Microsoft <\/strong>lanz\u00f3 Hololens<\/strong><\/a>, su primer dispositivo para Realidad Mixta<\/strong>, un visor que muestra apps <\/em>universales a su usuario (llamados \u00abhologramas<\/em>\u00ab) que son geolocalizadas.<\/p>\n\n\n\n

A diferencia de otros visores de realidad virtual como Oculus Rift<\/em> , Hololens<\/strong> es un dispositivo aut\u00f3nomo que es inal\u00e1mbrico, corre Windows 10<\/strong> e interact\u00faa por medio de interfaces naturales de voz y gestuales.<\/p>\n\n\n\n

\n