¿El diseño de materiales está matando a la web?
Material Design es la frase "eso" de la que muchos diseñadores están hablando en este momento. El concepto, que fue desarrollado por Google para dispositivos Android, tiene un encanto ordenado, limpio y altamente utilizable.
Los sitios web que ofrecen Material Design están saliendo del ámbito de los dispositivos Android y están surgiendo en todas partes. Y la realidad es que muchos de estos sitios web tienen exactamente la misma apariencia.
Revisión de diseño de materiales
Si no está seguro de qué es Material Design, aquí hay una guía rápida: es un concepto generado por Google que explica específicamente cómo deberían verse las aplicaciones para Android y cómo debería funcionar la interfaz de usuario. Define reglas para animación, estilo, diseño, componentes, patrones y usabilidad. los presupuesto llegar tan lejos como la definición de las paletas de colores y las opciones de tipografía.
Y si bien todos estos elementos contribuyen a un diseño altamente útil y visualmente agradable, el resultado es una colección de diseños con una estética común.
El diseño de materiales se está alejando de la oleada inicial de Android también. A pesar de que el concepto es una idea original de Google, los diseñadores se están ejecutando y utilizando Material Design para sitios web en una variedad de plataformas y para todos los tipos de dispositivos.
El objetivo final de Material Design es "crear un lenguaje visual que sintetice los principios clásicos del buen diseño con la innovación y la posibilidad de la tecnología y la ciencia". Un solo "lenguaje visual" plantea la pregunta: ¿el diseño de materiales está matando la Web?
Material Design Lite
El lenguaje singular pasa del pensamiento de diseño móvil al pensamiento de diseño de dispositivos. Google dio a conocer Material Design Lite a principios de este año como una versión simplificada de la estética para todos los sitios web.
Las plantillas "framework agnostic" facilitan la creación rápida y según las especificaciones. Está diseñado para trabajar en blogs, sitios pesados de contenido, para paneles y proyectos visuales, e incluso sitios de una sola página. El diseño se diluye aún más.
Sigue las reglas para un patrón de diseño "ajustado"
Material Design funciona porque está basado en un conjunto bastante ajustado de reglas y patrones de usabilidad. Hace algunas cosas muy buenas para el diseño: las pautas para la animación son especialmente importantes para comprender porque están enraizadas en el mundo físico. Sin embargo, las reglas vienen con muchas restricciones y lo que está sucediendo hasta ahora es que la mayoría de las aplicaciones que usan Material Design parecen haber salido de la misma caja.
Estos patrones estrictos se desarrollaron en parte para ayudar a los usuarios a entender cómo interactuar con dispositivos más pequeños. Material Design evolucionó a partir del diseño plano, donde no todos los elementos de la interfaz de usuario tenían roles claramente definidos en el alcance del diseño. Material Design buscó remediar algunos de esos problemas.
Pero es probable que sea hora de evolucionar de nuevo. La mayoría de los usuarios entienden qué son los botones y qué hacen. Cada evolución de una teoría del diseño les enseña a los usuarios algo nuevo sobre cómo usar dispositivos y la web. Y captan rápido. Las herramientas diseñadas para enseñar a los usuarios simplemente no necesitan durar tanto tiempo.
Por extraño que parezca, el patrón de diseño ajustado es algo que los diseñadores casi se han impuesto a sí mismos cuando se trata de Material Design. Lea la documentación, y tenga en cuenta que cambia periódicamente, y los diseños comunes que están saliendo de la tendencia simplemente están emulando los ejemplos proporcionados.
Entonces, ¿por qué los diseñadores están creando miles de sitios usando Material Design que se ven todos iguales?
Elementos comunes de UI y divots de diseño
Aquí está la respuesta rápida a la pregunta anterior: todo está en los detalles.
Los elementos comunes de la interfaz de usuario, los iconos, los esquemas de color y las opciones tipográficas están matando la oportunidad estética en la web. Pero no tiene que ser asi. Puede diseñar utilizando conceptos de materiales sin replicar elementos de la documentación o descargar el último kit de UI.
Uno de los problemas que sigue apareciendo es que los sitios web están reproduciendo el aspecto de Material Design, pero no tienen la funcionalidad y no prestan atención a los detalles. No es Material Design lo que está matando a la web, son diseñadores perezosos.
Pero espera ... no tienes que seguir la tendencia
Antes de que te asustes, hay muchas maneras de usar Material Design que no te etiquetarán como un "diseñador perezoso".
Este es el truco: seguir los conceptos, pero romper algunas de las reglas. ¿No estoy seguro de lo que eso significa? Aqui hay algunas sugerencias:
- Ve más allá de la paleta de colores. En lugar de una paleta de colores brillante y súper saturada, profundice en los colores y juegue con tonos pastel y tonos más oscuros.
- Los iconos de diseño y los elementos de la interfaz de usuario que siguen las pautas básicas para el diseño, como contener elementos dentro de los iconos y el uso de las características humanas, pero no son de un conjunto preempaquetado.
- No vaya 100 por ciento "material". Use un aspecto del mismo en su concepto de diseño. Las reglas para la animación son excepcionalmente agradables; siga esas pautas de cómo se mueven las cosas en el marco de su sitio web; pero diseña el resto como lo hubieras hecho si no hubieras estado expuesto al Diseño de Materiales. Otra gran idea para "robar" del material es el uso de cartas, pero no se limite a diseñarlas en un espacio totalmente material.
- Utilice algunas de las mejores pautas de Material Design para ayudarlo a comprender mejor el trabajo con detalles en su trabajo de diseño. La sección de iconos de la documentación es una buena introducción al uso de una cuadrícula para crear íconos consistentes en su espaciado. Aplica esos conceptos a tu estética general.
- Expande la paleta de tipografía. Una de las cosas que "mata" el diseño es que hay demasiadas cosas que se parecen exactamente. Haga coincidir los tipos de letra con su diseño y no use algo porque lo indica un conjunto de pautas (a menos que sean de su marca).
- Diseña como lo harías con cualquier otra tendencia. Material Design es una tendencia, no una solución de diseño final. Mezcla y combina las partes que te gustan y úsalas como lo harías con cualquier otra cosa. Algunas técnicas funcionarán sin problemas, mientras que otras pueden no serlo para sus proyectos.
Conclusión
Entonces, volvamos a la pregunta principal: ¿el diseño de materiales está matando a la web?
Simplemente, no. Si bien el uso excesivo de esta tendencia puede conducir a diseños homogéneos, el verdadero problema es diseñar con una tendencia por la moda y no pensar en las mejores herramientas y técnicas para el proyecto. Así que adelante, usa Material Design, solo asegúrate de usarlo bien.
