Introducción a Windows Fluent Design System


En este artículo intentaré enteder y explicar qué es Windows Fluent Design System, por qué es Open Source, para qué se utiliza y que se puede lograr con esto.

Windows 11 Insider Preview Build 22598

Personalmente tengo muchas dudas y consultas sobre este punto. Hace un tiempo que veo esto pero no he tenido el tiempo para detenerme a investigar. Así que hagámos juntos el recorrido. Las consultas que me surgen son:

  • ¿Qué es?
  • ¿Para qué se utiliza?
  • ¿Por qué Microsoft apostó a este proyecto Open Source?
  • ¿Qué beneficios tengo como desarrollador Windows?
  • ¿Qué puedo lograr con esto?

¿Qué es Windows Fluent Design System?

Fluent Design System es un sistema de diseño abierto y multiplataforma que ofrece a los diseñadores y desarrolladores los marcos que necesitan para crear experiencias de producto atractivas.

Fluent Design System es el sistema de diseño en evolución de Microsoft que se basa en cinco principios: luz, profundidad, movimiento, material y escala. El objetivo es crear experiencias de usuario fluidas y adaptables a diferentes contextos y dispositivos.

🤔

¿Para qué Windows Fluent Design System?

Utilizaría Fluent Design System para crear experiencias de producto atractivas y naturales en cada dispositivo. Algunos beneficios son:

  1. La accesibilidad se refiere a la capacidad de diseñar para todos los rangos de diversidad humana, reconociendo las exclusiones y usándolas como oportunidades para crear diseños inclusivos.
  2. La internacionalización se refiere a la capacidad de adaptar el diseño a diferentes idiomas, culturas y contextos.
  3. El rendimiento se refiere a la capacidad de optimizar el diseño para que funcione bien en diferentes dispositivos y plataformas.
  4. La coherencia entre los equipos de diseño y desarrollo se refiere a la capacidad de crear una fuente única de verdad entre todos los equipos de desarrollo de productos, trabajando con los mismos componentes y limitaciones.

Algunas posibles desventajas de usar Fluent Design System son:

  • Puede ser percibido como una copia de otros sistemas de diseño como iOS o Material Design.
  • Puede ser incompleto y sin una fecha o hitos claros de lanzamiento.
  • Puede requerir un aprendizaje y una adaptación constantes a medida que evoluciona.

¿Por qué Microsoft apostó a este proyecto Open Source?

Microsoft posiblemente apostó a este proyecto Open Source porque:

  • Quería construir un sistema de diseño colectivo que aprovechara el impulso de las cosas geniales que ya estaban sucediendo en Microsoft, sin pisar los pies a nadie.
  • Quería celebrar a quienes contribuyen a lo que hace colectivamente la comunidad, sin importar en qué equipo trabajen.
  • Quería crear experiencias de producto atractivas y adaptables a diferentes contextos y dispositivos.

¿Qué beneficios tengo como desarrollador Windows?

Algunos beneficios que se tiene como desarrollador al usar Fluent Design System son:

  • Se puede crear aplicaciones hermosas y expresivas con el lenguaje de diseño Fluent, con animaciones, desenfoque y fluidez.
  • Se puede trabajar con los mismos componentes y limitaciones que los diseñadores, creando una fuente única de verdad entre todos los equipos de desarrollo de productos.
  • Se puede aprovechar los marcos de trabajo que ofrece Fluent para crear experiencias de producto atractivas e inclusivas en diferentes plataformas y dispositivos.

La relación entre Fluent Design System y el desarrollador de software es la siguiente:

  1. Fluent es un sistema de diseño abierto y multiplataforma que ofrece al desarrollador los marcos de trabajo necesarios para crear experiencias de producto atractivas e inclusivas en diferentes plataformas y dispositivos.
  2. Fluent es independiente de cualquier tecnología de implementación particular, lo que permite al desarrollador elegir la que más convenga.
  3. Fluent le proporciona al desarrollador una serie de componentes web, sistemas de diseño y aplicaciones que puede usar para crear sus propios proyectos.

¿Qué puedo lograr con esto?

Con Fluent se puede lograr lo siguiente:

  • Crear experiencias de producto coherentes, de calidad y alineadas con la plataforma Microsoft.
  • Extender y personalizar sus proyectos con una base sólida y flexible.
  • Aplicar los principios de accesibilidad, internacionalización y rendimiento a sus diseños.

Conclusión

Como conclusión podemos menciona que:

  • Ayuda a crear experiencias naturales y productivas en cada dispositivo.
  • Ofrece recursos para diseñar interfaces de usuario en Windows, Web, Móvil y Multiplataforma.
  • Proporciona un sistema de diseño inclusivo y diverso que se adapta a las necesidades de los usuarios.
  • Facilita el trabajo en equipo con una fuente única de verdad para los componentes y herramientas de diseño.

¡Espero resulte útil!


Ver también