{"id":7568,"date":"2019-04-01T11:31:32","date_gmt":"2019-04-01T11:31:32","guid":{"rendered":"https:\/\/www.conectasoftware.com\/?p=7568"},"modified":"2024-02-02T18:14:36","modified_gmt":"2024-02-02T18:14:36","slug":"microsoft-fluent-design-system","status":"publish","type":"post","link":"https:\/\/www.conectasoftware.com\/magazine\/microsoft-fluent-design-system\/","title":{"rendered":"\u00bfQu\u00e9 es Microsoft Fluent Design System?"},"content":{"rendered":"\n

Sistema Fluent Design de Microsoft:<\/span><\/h2>\n\n\n\n

Este sistema es un dise\u00f1o pensado para un mundo complejo en el que el entorno digital est\u00e1 lleno de dise\u00f1os en continua transformaci\u00f3n y de experiencias sensoriales.<\/span>
Trata de mejorar el aspecto de Windows 10<\/span><\/i> aportando un dise\u00f1o <\/span>intuitivo y fluido<\/b> con caracter\u00edsticas de transparencia similares a \u2018<\/span>Windows Aero\u2019<\/a> <\/span><\/i>pero haciendo m\u00e1s hincapi\u00e9 en las interfaces t\u00e1ctiles.<\/span>
Fluent Design permite la creaci\u00f3n de experiencias <\/span>m\u00e1s expresivas y atractivas<\/b> que funcionan continuamente entre dispositivos, desde pantallas grandes hasta pantallas peque\u00f1as y sin pantallas, de una manera que impulsar\u00e1 un mayor compromiso y amor por tus aplicaciones.<\/span><\/p>\n\n\n\n

\u00abPiensa en el dise\u00f1o del movimiento como si se tratara de una pel\u00edcula. <\/span><\/i><\/p>\n\n\n\n

Las transiciones sin cortes te mantienen centrado en la historia y aportan experiencias. <\/span><\/i><\/p>\n\n\n\n

Podemos trasladar esa sensaci\u00f3n a nuestros dise\u00f1os, llevando a las personas de una tarea a otra con facilidad cinematogr\u00e1fica\u00bb – <\/span><\/i>equipo de Microsoft.<\/span><\/p>\n\n\n\n

Los 5 elementos clave de Fluent Design Microsoft<\/span><\/h2>\n\n\n\n

Los par\u00e1metros de dise\u00f1o se basan en <\/span>cinco elementos importantes<\/span>:<\/span><\/p>\n\n\n\n

    \n
  1. El primero de ellos es la<\/span> luz, la iluminaci\u00f3n,<\/b> Microsoft quiere que las aplicaciones cobren vida a trav\u00e9s de donde reciban la luz. <\/span><\/li>\n\n\n\n
  2. El segundo elemento clave es la<\/span> profundidad<\/b>, esto nos ofrece que nuestro sistema operativo cobre de tres dimensiones. As\u00ed mismo, va de la mano con la <\/span>realidad aumentada y la realidad virtual<\/span><\/i>. Es clave que Microsoft alcanzase una tercera dimensi\u00f3n.<\/span><\/li>\n\n\n\n
  3. Movimiento,<\/b> las interfaces no deben ser est\u00e1ticas, deben ser din\u00e1micas para el contenido. As\u00ed podremos disfrutar de unas experiencias \u00fanicas.<\/span><\/li>\n\n\n\n
  4. El siguiente elemento es el<\/span> material,<\/b> donde el desarrollador podr\u00e1 ofrecer un estilo \u00fanico a su app. <\/span><\/li>\n\n\n\n
  5. Y por \u00faltimo,<\/span> la escala, <\/b>manteniendo el dise\u00f1o inicial y la base de UWP<\/a>, la escalabilidad es clave. La app se adapta a los diferentes tama\u00f1os de pantall<\/span>a.<\/span><\/li>\n<\/ol>\n\n\n\n

    Elementos integrados<\/span><\/h2>\n\n\n\n