Toda la información sobre Fluent Design en OneWindows

23 junio, 2017

La tienda de Windows 10 mejora notablemente su interfaz en su última actualización

Tienda de Windows 10 con primeros detalles de Fluent Design

La tienda de Windows 10 está tardando en madurar ya que después de muchas actualizaciones, hemos seguido viendo inconsistencias de diseño o problemas de funcionamiento. Aún así, Microsoft está poniendo empeño para que cada vez sea más veloz y más consistente en lo que se refiere a su interfaz de usuario.

La última actualización lanzada ayer para los usuarios de la versión pública es un paso importante hacia una interfaz más consistente y bonita. Con la versión 11705.1001.21.0, la tienda de Windows 10 adquiere las primeras pinceladas de Fluent Design que hacen que ésta mejore notablemente su presencia a nivel visual.

Tienda de Windows 10 con primeros detalles de Fluent Design con el tema oscuro

Tienda de Windows 10 con primeros detalles de Fluent Design en las películas

Tienda de Windows 10 con primeros detalles de Fluent Design en la lista de descargas y actualizaciones

Entre los cambios, vemos que ahora aprovecha aún más el espacio en pantallas de alta resolución, colocando más elementos destacados en la parte superior de la tienda. También reciben cambios el cómo se muestran los elementos en la tienda, tanto con el tema claro como oscuro. Podemos ver que las cajas de los contenidos están resaltados de un color (blanco para el tema claro y gris oscuro para el tema oscuro) que demarca mejor el área perteneciente a cada elemento. Las nuevas cajas que rodean a los elementos de la tienda también se comportan mejor según el tipo de contenido, es decir, cuando se trata de una app o un juego, la imagen es cuadrada, mientras que si se trata de una película la imagen es rectangular para mostrar bien la caratula.

Unido a todo ello, también las listas de aplicaciones, juegos y demás lucen de una forma parecida que las cajas, dándole una vez más un aspecto más consistente. Por último, también hemos visto que al realizar una búsqueda, sin tener que entrar en la app o juego en cuestión, hay unos pequeños iconos que nos indica para qué plataformas está disponible cada uno de los elementos de los resultados de la búsqueda.

Son mejoras que nos han gustado bastante y dotan de una mejor imagen a la tienda de Windows 10, aunque de momento no hay rastro de ni de las transparencias ni efectos de luz que sí llegaron en la actualización para el anillo rápido. ¿Qué te parece el nuevo aspecto?

23 mayo, 201723 mayo, 2017

Tienda de Windows le da la bienvenida a Fluent Design con la nueva actualización para el anillo rápido

Una de las pocas aplicaciones que carecía de Fluent Design era la Tienda de Windows. Ya vimos atisbos de ello en una actualización reciente, pero hoy finalmente el equipo de desarrollo encargado de ella ha dado el paso y ha lanzado la actualización con numeración 11705.1000.78, la cual nos trae la nueva interfaz.

Como puedes apreciar en las capturas a continuación, la Tienda de Windows en PC posee finalmente el blur característico de Fluent Design; quizás esto sea la primera pincelada que recibirá este apartado importante del sistema, el cual se espera tenga un cambio de cara total con la Fall Creators Update de Windows 10.

En el caso de los móviles, en la pestaña inicio, podemos ver el efecto Parallax al hacer scroll en las secciones Portada, Aplicaciones con Continuum y Cortana. Básicamente debe funcionar en cualquier sección.

Cabe destacar que todavía falta implementar Fluent Design en, por ejemplo, la Biblioteca de Aplicaciones relacionada con nuestra cuenta, en donde encontramos el historial de todas las aplicaciones y juegos que han sido instalados utilizando nuestra credencial. De por si es un adelanto y es de agradecer que comencemos a ver una tendencia única en Windows 10.

Si no has recibido la actualización, recuerda que debes estar en el anillo rápido de Windows Insider y, probablemente, en las compilaciones más recientes de la misma.

Gracias a Carlos Salinas por su aviso en los comentarios, y a Isaac y Christian por la aclaración del efecto Parallax en Windows 10 Mobile.

23 mayo, 201723 mayo, 2017

Alarmas y Reloj, Calculadora y Grabadora de voz reciben una primera pincelada de Fluent Design para la versión pública

Microsoft presentó en el Build 2017 oficial su nuevo lenguaje de diseño Fluent Design. Desde antes ya se habían ido actualizando aplicaciones tanto en el anillo rápido como en la versión pública con algunos de sus nuevo efectos gráficos. Hoy, hemos visto como estos cambios siguen llegando a algunas aplicaciones de la versión pública de Windows 10 con la versión Creators Update.

Alarmas y Reloj, Calculadora y Grabadora de Voz se han actualizado en Windows 10 recibiendo una primera ración de Fluent Design. Las tres aplicaciones ya incluyen algunos efectos del nuevo lenguaje de diseño que traerá la Fall Creators Update. Lo que no sabemos es hasta que punto pueden funcionar correctamente estas apps con Fluent Design al estar en una versión anterior que la que realmente oficial.

Las tres aplicaciones ya incluyen las transparencias de fondo, en unas más visibles que en otras, pero implementadas en todas ellas. También en Alarmas y Reloj ya se han habilitado los efectos de luz al pasar el ratón por encima. Son animaciones y modificaciones de diseño que hacen a las apps más bonitas y pulidas. Por lo que he podido probar, hay veces que el sistema no se comporta del todo bien con las transparencias haciendo un efecto de parpadeo entre el momento que pasa de estar con un fondo sólido (ventana sin seleccionar) y con un fondo transparente (ventana seleccionada).

Las tres actualizaciones están disponibles para cualquier usuario con un PC o un móvil en la Creators Update de Windows 10. ¿Cuál es tu experiencia?, ¿Te gusta?, ¿Qué tal se comporta a nivel de rendimiento?

Descarga aquí Grabadora de Voz de Windows:

Grabadora de voz de WindowsDescargalo para Windows

Descarga aquí Alarmas y Reloj de Windows:

Alarmas y Reloj de WindowsDescargalo para Windows

Descarga aquí Calculadora de Windows:

Calculadora de WindowsDescargalo para Windows

Agradecemos el aviso de Leo Varela.

22 mayo, 201722 mayo, 2017

MyTube se actualiza a la versión 3.0 con soporte para Xbox One, Fluent Design y mucho más

myTube, una de las aplicaciones no oficiales más completas de YouTube, se actualiza hoy mismo a su versión 3.0. Después de estar muchos meses trabajando en una versión beta, hoy se han liberado todas las novedades al público final. La nueva versión de myTube trae consigo una renovación de la aplicación de arriba a abajo para todas las plataformas en las que estaba (PCs, tablets y móviles) además de lanzarse también para Xbox One. Esta es solo una de las grandes novedades, ya que también recibe su primera pincelada de Fluent Design.

Continuar leyendo «MyTube se actualiza a la versión 3.0 con soporte para Xbox One, Fluent Design y mucho más»

17 mayo, 201717 mayo, 2017

Microsoft nos muestra las fases que tendrá Fluent Design en Windows 10

Los usuarios del programa Insider en el anillo rápido con la Fall Creators Update ya están disfrutando de los primeros cambios de diseño del sistema operativo y aplicaciones nativas a Fluent Design anteriormente conocido como Proyect Neon. Según Microsoft, éstos son solo los primeros cambios que veremos por lo que se convierte en una muy buena noticia ya que nos garantiza una continua evolución del nuevo lenguaje de diseño para Windows 10.

Todo parece indicar que los cambios a Fluent Design que veremos en Windows 10 se harán por oleadas o fases. Microsoft ha anunciado por medio de un vídeo que ya se encuentra trabajando en una segunda oleada de mejoras. En el vídeo, de casi 54 minutos que se muestra a continuación, podemos ver las novedades que llegarán en Fluent Design Fase 2. Concretamente, es a partir del minuto 42:36 cuando menciona una primera pincelada a los cambios que vendrán.

En esta segunda oleada, sintetizando un poco el vídeo, veremos algunos cambios más profundos. Los chicos de Redmond están planeando introducir la reproducción de videos a 360 grados, el escalonado de las cabeceras de manera inteligente, nuevo sonido espacial, profundidad-Z por capas y soporte para el habla.

Nos gustaría saber vuestra opinión al respecto, ¿cómo ves todos los cambios que piensan implementar los chicos de Microsoft?

Este artículo ha sido redactado por Alfredo Sánchez y publicado bajo el usuario Editor invitado para OneWindows.

11 mayo, 2017

¿Podría ser este el nuevo explorador de archivos de Windows 10?

Fluent Design es oficialmente el nuevo lenguaje de diseño que nos ha dejado con un muy buen sabor de boca. Un aspecto bonito, con animaciones agradables, y lo más importante, consistente. Por fin tendremos un lenguaje de diseño que marque unos patrones a seguir para la interfaz y funcionamiento de Windows 10 y sus aplicaciones. En el vídeo de presentación de Fluent Design System se han presentado diversas imágenes reales de Windows 10 en sus primeras fases de la Fall Creators Update, pero también se han mostrado conceptos, entre los que destacan el del explorador de archivos.

El explorador de archivos es uno de los elementos que menos ha cambiado desde Windows 8 y como pudimos saber hace más de un año, Microsoft ya estaba trabajando en una actualización completa del explorador de archivos. Parece que con la imagen que encabeza el artículo es una forma de confirmarnos que estamos más cerca de ver el rediseño completo del explorador de archivos y la verdad, lo agradecemos. Aunque la imagen es de un simple concepto usando las líneas de diseño de Fluent Design, es cierto que tiene una apariencia muy limpia, renovada y futurista. Es una única imagen y además, muy probablemente sea un concepto y la versión final no sea así, pero no deja de impresionarnos lo bien que luce.

Tocará esperar durante estos próximos meses para ver si a través del Programa Windows Insider se acaba lanzando una compilación en la que llegue el lavado de cara del explorador de archivos para Windows 10 que tanto se espera.

¿Te gusta el diseño que se ve en la imagen?

11 mayo, 201711 mayo, 2017

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.

https://www.youtube.com/watch?v=vcBGj4R7Fo0

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.