Cómo habilitar la interfaz de Material Design en Chrome para iPhone, iPad y escritorio

Google Chrome 68 para computadoras de escritorio y dispositivos móviles incluye elementos de una actualización de Material Design que están deshabilitados de manera predeterminada, pero que pueden activarse a voluntad cambiando la configuración oculta..

Si no está familiarizado con Material Design, es un conjunto de pautas de diseño desarrolladas en 2014 por Google para computadoras de escritorio, dispositivos móviles y la web. Hace un mejor uso de diseños basados ​​en cuadrículas, animaciones y transiciones receptivas, relleno y efectos de profundidad como luces y sombras..

Diseño de materiales

En Chrome de escritorio, Material Design se limita a una apariencia más redondeada que actualmente excluye las pestañas más redondas que aparecieron por primera vez en las versiones de desarrollador del navegador en abril de 2018.

En iOS, Material Design mueve sus controles de navegación desde la parte superior de la pantalla al área de pestañas junto a la parte inferior. Como resultado, alcanzar controles de navegación comunes, como los botones de avance y retroceso o un nuevo botón de búsqueda, ahora es mucho más fácil en el modo con una sola mano.

Material Design requiere Chrome 68 o posterior para iOS, Mac, Android, Windows o Linux.

Puede actualizar su copia de Chrome para iOS a la última versión disponible iniciando App Store, luego presione la pestaña Actualizaciones y despliegue para actualizar su lista de actualizaciones pendientes.

Para actualizar Chrome para escritorio, elija Acerca de Google Chrome en el menú de Chrome.

Habilitación del diseño de materiales en Chrome para iOS

Para habilitar la nueva actualización de Material Design en Chrome para iPhone y iPad, haga lo siguiente:

1) Abierto Chrome 68 o más tarde en su dispositivo iOS.

2) Toque la barra de URL, luego escriba esta URL:

chrome: // flags / # top-chrome-md

3) Toca al lado de "UI Actualizar Fase 1" y elige Habilitado desde el menú emergente.

4) Toque en el flecha izquierda en la esquina superior izquierda.

5) Reinicie Chrome: haga doble clic en el botón Inicio para invocar el conmutador de aplicaciones o deslice hacia arriba desde el borde inferior de la pantalla de su iPhone X y pause, luego deslice hacia arriba en la miniatura de Chrome.

6) Vuelva a iniciar Chrome para que los cambios surtan efecto.

Me gusta especialmente el nuevo botón de búsqueda en la parte inferior.

Las versiones anteriores no tenían un botón de búsqueda dedicado en absoluto. En cambio, tenía que tocar la barra de URL para comenzar a buscar en cualquier momento. Con los controles de navegación alineados en la parte inferior, ahora puedo comenzar a buscar o ingresar una URL rápidamente, incluso en teléfonos de tamaño Plus.

La página Nueva pestaña también se ha rediseñado

Como puede ver por usted mismo, la mayoría de los accesos directos menos utilizados, como la configuración, la solicitud de un sitio de escritorio, el acceso a sus pestañas recientes, marcadores o historial, y más, ahora son mucho más fáciles de alcanzar con una mano a través de tres puntos menú en la parte inferior.

La nueva actualización de Material Design en Chrome para iOS parece interesante pic.twitter.com/JakpLFLKiB

- Tom Warren (@tomwarren) 25 de julio de 2018

Ah, y una última cosa: no tuve problemas, pero algunas personas informan que no pueden sincronizar sus pestañas y el historial de navegación después de activar Material Design debido a errores de inicio de sesión (el "Continuar como" botón en la página Nueva pestaña aparentemente no hace nada en absoluto).

Habilitación del diseño de materiales en Chrome para Mac

Para activar los cambios de Diseño de materiales en Chrome para escritorio, haga lo siguiente:

1) Lanzamiento Chrome 68 o más tarde en tu computadora.

2) Haga clic en la barra de URL y luego navegue a la siguiente URL:

chrome: // flags / # top-chrome-md

3) En primer lugar, haz clic en el menú junto a "Diseño de interfaz de usuario para el cromo superior del navegador" y luego elija la opción etiquetada Actualizar desde el menú emergente.

4) A continuación, haga clic en la barra de URL y navegue a la siguiente URL:

chrome: // flags / # views-browser-windows

5) Por último, haz clic en el menú junto a "Utilice las ventanas del navegador Vistas en lugar de Cocoa" y elija la opción etiquetada Habilitado desde el menú emergente.

6) Reinicie su navegador de Google para ver los cambios..

Mira el cromo más blanco y redondo de la ventana

Nuevamente, los cambios en el diseño de materiales de Chrome no son tan pronunciados en el escritorio como en el móvil: una ventana un poco más blanca + una apariencia más redondeada y eso es todo. El diseño de materiales de Chrome para iOS reubica todo el conjunto de controles de navegación en la parte inferior de la pantalla para que sea más fácil acceder con un dedo, especialmente en teléfonos más altos.

Para lo que vale, la versión de Chrome Canary de Google tiene una interfaz de diseño de materiales aún mejor que, con suerte, pasará a una versión beta de Chrome antes de que se lance a todos.

Habilitación del diseño de materiales de Chrome en Android

Solo por mencionar brevemente que también hay indicadores relevantes para los usuarios de Android, se los llama Diseño moderno en lugar de Diseño de materiales. Específicamente, necesitaría visitar chrome: // flags / # top-chrome-md en Chrome para Android, luego cambiar las siguientes banderas:

chrome: // flags / # enable-chrome-modern-design

chrome: // flags / # ntp-modern-layout

Reinicia Chrome para disfrutar de tu nuevo diseño de Material Design.

Entonces, niños y niñas, ¿qué les parece el apósito Material Design de Chrome??

Háganos saber dejando un comentario a continuación!

¿Necesitas ayuda? Pregunte a iDB!

Si le gusta este tutorial, páselo a su equipo de soporte y deje un comentario a continuación..

¿Quedó atascado? ¿No está seguro de cómo hacer ciertas cosas en su dispositivo Apple? Háganos saber a través de [email protected] y un tutorial futuro podría proporcionar una solución.

Envíe sus sugerencias prácticas a través de [email protected].