Cómo habilitar Material Design en el navegador Chrome

En Google I/O 2014, Google anunció su visión de adoptar el estándar Material Design para todas sus principales plataformas, incluidos Android OS, Chrome OS y la Web. La razón detrás de la adopción del mismo lenguaje de diseño para toda su plataforma fue la visión de Google de brindar una experiencia de usuario unificada a sus usuarios en todos sus servicios. Desde su lanzamiento, hemos visto que el lenguaje Material Design se incorpora en gran medida en las plataformas Android y Chrome OS de Google. Sin embargo, aunque Android y Chrome OS han recibido un lavado de cara significativo con Material Design, el navegador Chrome todavía se ha quedado atascado en el pasado. Pero esto no significa que Google haya abandonado el navegador Chrome por completo (cuando se trata de Material Design).

De hecho, desde 2016, estamos viendo muchos elementos experimentales de Material Design incorporados en el navegador Chrome. Recientemente, la página de Configuración del navegador Chrome se actualizó al lenguaje Material Design. Sin embargo, aún así, la mayor parte de la interfaz de usuario de Chrome no es compatible con Material Design, ya que los cambios aún se encuentran en la fase de desarrollo. Dado que estos cambios aún están en “beta”, no aparecen de forma predeterminada en su navegador Chrome. Sin embargo, hay una manera de habilitarlos si lo desea. Solo recuerde que estas funciones aún están en desarrollo, por lo que pueden sufrir algunos errores aquí y allá. Entonces, con eso fuera del camino, veamos cómo habilitar Material Design en el navegador Chrome:

Habilitar la interfaz de usuario de Material Design en Chrome

Antes de comenzar, debe comprender que hay muchos elementos de diseño en el navegador Chrome. Muchos de estos elementos tienen un elemento correspondiente de Material Design en el desarrollo. Antes de comenzar a activar los elementos de Material Design, primero debe leer un poco sobre ellos, solo para familiarizarse con los cambios que está realizando. Para facilitarle las cosas, incluiré una breve descripción de todos los cambios. . Muy bien, no perdamos más tiempo y empecemos.

1. Vaya a la página “Banderas” de Chrome escribiendo ” chrome://flags ” en la barra de direcciones y presionando la tecla Intro/Retorno. Como le advertí anteriormente, en esta página, Chrome le mostrará una declaración de advertencia. No se preocupe demasiado, será como usar una versión beta del software. Puede experimentar algunos errores, pero nada importante.

2. Ahora, presione Ctrl+F (Cmd+F si está en una Mac) y en el cuadro emergente escriba las palabras “diseño de materiales” (sin las comillas).

3. Ahora, dependiendo de cuándo esté usando este tutorial, la cantidad de visitas que obtendrá puede cambiar (obtuve 13). Esto se debe a que Google sigue agregando y eliminando estos elementos. Ahora, use los “botones de flecha” al lado del campo de texto para moverse entre los resultados.

Habilitar Material Design en diferentes elementos de Chrome

Ahora que sabe cómo moverse entre los elementos, echemos un vistazo a los que vamos a cambiar. Siempre que hagamos un cambio, Chrome le pedirá que reinicie el navegador para reflejar los cambios. Sin embargo, no tiene que hacerlo para cada cambio, simplemente reinicie el navegador después de haber realizado todos los cambios.

• Material Design en el resto de la interfaz de usuario nativa del navegador: use las teclas de flecha para encontrar este subtítulo en la página “Banderas” y luego actívelo. Habilitar esta configuración aplicará el diseño del material a elementos de diseño más finos presentes en el navegador Chrome, como cuadros de diálogo, burbujas, etc. En Mac, esta configuración habilitará MacViews.

• Habilitar la página de políticas de Material Design: Esto cambiará la página de políticas de Chrome ( chrome://policy ) para reflejar el diseño de materiales.

• Habilitar marcadores de Material Design: cuando habilita esta configuración, la URL ” chrome://bookmarks ” cargará la página de marcadores de Material Design. Para hacer esto, haga clic en el menú desplegable marcado en la imagen y seleccione “Habilitado”.

• Habilitar comentarios de Material Design: como sugiere el nombre, esto cambiará la página de comentarios para incorporar el lenguaje de Material Design.

• Material Design Incognito NTP: esta configuración permitirá que sus nuevas pestañas de Incognito se adhieran a Material Design.

• Habilite la configuración de Material Design: si tiene la última versión de Chrome, su página de Configuración ya debería mostrar el nuevo Material Design. Sin embargo, si no es así, aquí es donde puede habilitarlo.

• Habilitar extensiones de Material Design: Esto cambiará la página “Extensiones” de Chrome ( chrome://extensions ) para adoptar Material Design.

• Una vez que haya habilitado todas las opciones anteriores, simplemente haga clic en el botón “Reiniciar ahora” en la parte inferior de su navegador para que estos cambios surtan efecto.

Al momento de escribir este artículo, estas son las únicas opciones disponibles. Sin embargo, como mencioné anteriormente, estas opciones siguen cambiando de vez en cuando. Por lo tanto, asegúrese de consultar la página “Banderas” de vez en cuando para obtener las últimas actualizaciones. Además, he adjuntado las fotos de antes y después de mi página de Extensiones. En la foto, puedes ver los efectos de hacer estos cambios.

VEA TAMBIÉN: Las 10 mejores extensiones de seguridad para Google Chrome

Habilitar el diseño de materiales en Chrome

Me encanta el lenguaje Material Design de Google. Hace que todo se vea hermoso y se sienta fluido. Las animaciones son simplemente perfectas. Es bueno ver que Google está tratando de unificar la experiencia del usuario en todas sus plataformas. Este movimiento beneficiará a todos los usuarios. Pero ese es mi punto de vista, ¿y el tuyo? ¿Crees que el nuevo Material Design en el navegador Chrome lo cambiará para mejor? Háganos saber sus pensamientos dejándolos caer en la sección de comentarios a continuación.