Cómo habilitar el diseño de materiales en el navegador Chrome

En Google I/O 2014, Google anunció su visión de adoptar el estándar Material Design para todas sus plataformas principales, incluyendo Android OS, Chrome OS y la Web. La razón de adoptar el mismo lenguaje de diseño para toda su plataforma fue la visión de Google de proporcionar una experiencia de usuario unificada a sus usuarios en todos sus servicios. Desde su lanzamiento, hemos visto cómo el lenguaje Material Design se ha incorporado en gran medida en las plataformas Android y Chrome OS de Google. Sin embargo, aunque Android y Chrome OS han recibido una mejora significativa con Material Design, el navegador Chrome todavía ha estado atascado en el pasado. Pero, esto no significa que Google haya abandonado completamente el navegador Chrome (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 Configuración del navegador Chrome se ha actualizado al lenguaje Material Design. Sin embargo, aún así, la mayor parte de la interfaz de usuario de Chrome no soporta el diseño de materiales, ya que los cambios están todavía en fase de desarrollo. Dado que estos cambios están todavía en «beta», no aparecen por defecto en tu Navegador Chrome. Sin embargo, hay una manera de habilitarlos si así lo desea. Sólo recuerde que estas características están todavía en desarrollo, por lo que podrían sufrir algunos errores aquí y allá. Así que, 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 empezar, debes entender que hay muchos elementos de diseño en el navegador Chrome. Muchos de estos elementos tienen un elemento Material Design correspondiente en el desarrollo. Antes de empezar a activar los elementos de Material Design, deberías leer un poco sobre ellos primero, sólo para hacerte una idea de cuáles son los cambios que estás haciendo, para facilitarte 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 «Flags» de Chrome escribiendo «chrome://flags» en la barra de direcciones y pulsando la tecla enter/return. Como te advertí arriba, en esta página, Chrome te mostrará una advertencia. No te preocupes demasiado, será como usar una versión beta del software. Puede que experimentes algunos errores, pero nada importante.

2. Ahora, pulsa Ctrl+F (Cmd+F si estás en un Mac) y en el cuadro emergente escribe las palabras «material design» (sin las comillas).

3. Ahora, dependiendo del momento en que estés usando este tutorial, el número de visitas que obtendrás puede cambiar (yo tengo 13). Esto se debe a que Google sigue añadiendo y eliminando estos elementos. Ahora, Utilice los «botones de flecha» junto al campo de texto para moverse entre los resultados.

Habilitar el diseño de materiales en diferentes elementos de cromo

Ahora que sabes cómo moverte entre los elementos, veamos los que vamos a cambiar. Cada vez que hacemos un cambio, Chrome te pedirá que reinicies el navegador para reflejar los cambios. Sin embargo, no tiene que hacerlo para cada cambio, sólo tiene que reiniciar el navegador después de haber hecho todos los cambios .

• Material Design en el resto de la interfaz de usuario nativa del navegador : Utilice las teclas de flecha para encontrar este subtítulo en la página «Banderas» y habilítelo. Si se activa esta opción, el diseño del material se aplicará a los 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á los MacViews.

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

• Habilitar marcadores de Material Design : Al habilitar esta opción, la URL «chrome://bookmarks» cargará la página de marcadores de Material Design. Para ello haga clic en el menú desplegable marcado en la imagen y seleccione «Activado».

• Enable Material Design feedback : Como su nombre indica, esto cambiará la página de feedback para incorporar el lenguaje Material Design.

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

• Habilitar configuración de Material Design : Si estás en la última versión de Chrome, tu página de Configuración ya debería estar mostrando el nuevo Material Design. Sin embargo, si no lo es, aquí es donde puede habilitarlo.

• Habilitar extensiones de Material Design : Esto cambiará la página «Extensions» de Chrome (chrome://extensions) para adoptar el Material Design.

• Después de haber habilitado todas las opciones anteriores, simplemente haga clic en el botón «Relanzar ahora» en la parte inferior de su navegador para que estos cambios surtan efecto

.

En el momento de escribir este artículo, estas son las únicas opciones disponibles. Sin embargo, como he mencionado anteriormente, estas opciones siguen cambiando de vez en cuando. Así que, asegúrate de revisar la página «Flags» 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.

VÉASE TAMBIÉN:10 Mejores extensiones de seguridad para Google Chrome

Habilitar Diseño de Material en Chrome

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