Estas leyendo
Fluent Design System es el nuevo nombre de Project Neon, el lenguaje de diseño de Windows 10

Llevabamos tiempo viendo filtraciones y las primeras pinceladas de Project Neon, la nueva interfaz de Windows 10. Finalmente, hoy, Terry Myerson le ha puesto nombre y es Fluent Design System. Un poco más tarde, ha salido al escenario Joe Belfiore para hablar en detalle de este nuevo lenguaje de diseño que dará un soplo de aire fresco a Windows 10 con Fall Creators Update.

Fluent Design System es una evolución del lenguaje de programación Metro presentado en 2012 con Windows 8. Obviamente, como ya podemos ver en el vídeo, esta nuevo lenguaje trae grandes novedades. Fluent Design System tiene como objetivo presentar experiencias e interacciones harmoniosas, intuitivas, inclusivas y responsivas para cualquier dispositivo.


El hecho de que hoy en día existan tantos dispositivos distintos con tantas configuraciones y formas de interacción diferentes ha derivado en que Microsoft invierta una gran cantidad de recursos en el sistema de diseño. Fluent Design permite la creación de experiencias más expresivas y atractivas que funcionan continuamente entre dispositivos, desde pantallas grandes hasta pantallas pequeñas y sin pantallas, de una manera que impulsará un mayor compromiso y amor por tus aplicaciones.

Hay 5 fundamentos para Fluent Design System: luz, profundidad, movimiento, material y escalable. Todos estos se unen en un uno para darnos la capacidad de crear aplicaciones inmersivas y ricas que escalan continuamente en todo el ecosistema de dispositivos:

  • Luz – La luz ayuda a habilitar la capacidad de llamar la atención de alguien, o más claramente, a guiar a través de la navegación
  • Profundidad – La profundidad nos ayuda a entender cómo las cosas se relacionan entre sí cuando están dentro de un entorno físico, en capas
  • Movimiento – El movimiento es una manera poderosa de establecer el contexto y de implicar relaciones entre el contenido de manera natural, sutil y encantadora
  • Material – El material puede ayudar a aprovechar al máximo el espacio de pantalla disponible para mostrar el contenido. También puede aportar una sensación de experiencia de usuario ligera y efímera
  • Escalable – Que sea escalable nos permite ampliar nuestra caja de herramientas para más dimensiones, invitando a la innovación a través de nuevos factores de formato de los dispositivos

A continuación puedes ver tres vídeos mostrando en acción brevemente 3 de los 5 fundamentos:

Finalmente, a continuación os dejamos una serie de capturas extraídas del propio vídeo para que os podáis fijar mejor en los detalles que se han mostrado, tanto reales como conceptos. Si quieres informarte más acuradamente de lo que aportará Fluent Design System, aquí tienes el enlace a su página oficial.

Sobre El Autor
Albert Pina
Albert Pina
Editor Senior de OneWindows. Estudiante de Ingeniería en Informática. Me encanta programar y soy un usuario "estándar" en Windows 10 PC e Insider en Windows 10 Mobile.
  • ‘ aer11オーロラloxar

    Amor a primera vista ❤

  • Robert Langdon

    En el vídeo hay muchos Renderos que se contradicen

  • mikesislac

    Cómo va a ser humo si el mismo Microsoft lo presentó?

  • mikesislac

    Me encanta!!!!!!!!!!!!

  • Felipe_Pato

    Las app blancas en especial la del mail me recuerda mucho al diseño de Zune :) me encanta!

  • Importante! Post completo ;)

  • Sin problema, pero se agradece igualmente porqué a veces con las prisas se nos cuela alguna que otra falta, saludos ;)

  • Fluent Design es el nombre oficial. Luego más formal se dice Fluent Design System o Fluent Design Language

  • Johny Vargas Lopez

    Si se aceptan ambas formas me disculpo entonces :P

  • Robert Langdon

    Promete mucho, espero y no sea humo :(

  • Robert Langdon

    Al menos no son igual de descarados que en Xataka, aquí pusieron un video

  • Se aceptan ambas formas: http://dle.rae.es/?id=3bpKIK3 , pero bueno, se agradece el aviso igual ;)

  • Lo sentimos, estamos trabajando en completar algunos artículos y es una buena forma de avisaros.

  • triggerone

    fluent design tiene muy buena pinta, lo que si vamos a ver es verlo convivir con modern primero para los que no les guste el efecto blur y segundo para los que no tengan equipos que puedan correr este tipo de transparencias

    0:58 se puede ver lo que podría ser el rediseño del explorador de archivos pero sin tabs pero parece que la ribbons seguirá con vida seguramente con un lavado de cara para adaptarla a modern/fluent

  • triggerone

    a mi windows me hizo bajar una aplicación para poder instalar la creative update, creo que fue Windows 10 Upgrade Assistant mira a ver si te sirve, yo tenia era otro error pero era, porque tenia desactivadas las actualizaciones, de todas formas revisa en google a ver como se puede solucionar ese error

  • Johny Vargas Lopez

    Como a la gente project Sparta

  • Eduardo Galindo

    A ver, si no es humo, sobre que va llegar este año… ¿Y cuanto rendimiento va necesitar esto?

  • dmaeso

    jajaja pensé lo mismo con el tema de los nombres,me gustaba mas projet neon…

  • Josafat OsoVa

    ¡Importante! Comentario en desarrollo

  • Óscar Micó

    En mobile no vas a ver nada porque no van a cambiar nada.

  • Cristian Villar González

    Buen “trailer” pero quería verlo mas en acción tanto en PC como en Mobile. Espero que pronto hagan un análisis por fotogramas para ver las NOVEDADES :)

  • Jaime A.G.

    En teoría sí, luego queda ver si Apple los deja meter esto el el iPhone ya que por lo visto es el nuevo móvil de MS.

  • Eddie

    Cual es la gracia de poner nombres tan largos, es para cubrir la falta de novedades? Nombres lagos, ideas cortas?

  • José López

    Con este lenguaje por fin se podrá hacer una sola interfaz que se adapte de forma fácil a cualquier tamaño de pantalla?

  • Alejandro Hdz

    a mi me parece mas como el nuevo “multi tarea”, me refiero al modo en el que se agrupan las ventanas

  • Leo Varela

    Groove también tiene el color de énfasis en la barra lateral, además se muestra Edge con transparencia en la barra de titulo:
    https://uploads.disquscdn.com/images/283957608eaa9578a13a090afd2de4ca2c8cfbc1a7ef6eb2cc0cb3ac141eaca3.jpg

  • elmer

    hi se que no es el tema pero stoy tratando de acrualizar w10 tengo la de aniversario y kiero actualizar a la CU pero me tira un error de code 0X8007001f hay alguna forma de arreglar eso pliz ayuda

  • Leo Varela

    Alarmas y reloj y el explorador de archivos con este nuevo diseño, lo interesante de esto es que alarmas y reloj se ve con el color de énfasis! o por lo menos a mi me parece que así es:
    https://uploads.disquscdn.com/images/db6498695f18bbe29dcc524b91bbabd163c97e22fd61c78e93d62a390fe83a25.jpg
    https://uploads.disquscdn.com/images/6f479851ce9265ac1ff5685a0d0647a86d8707f71ea63ac3773071ef4d3c85da.jpg