Lo que los diseñadores web pueden aprender del diseño de materiales de Google
Material Design es el nuevo lenguaje de diseño visual de Google. Fue presentado en el 2014 Conferencia de E / S en junio, y está comenzando a encontrar una tracción real en todas las áreas de la comunidad de diseño.
Este nuevo lenguaje visual es fascinante porque aborda sistemáticamente una gran cantidad de problemas que, como diseñadores, enfrentamos a diario. Al mismo tiempo, es sorprendente y refrescante ver a un gigante como Google anunciar públicamente su nueva dirección de diseño.
los documentación gratuita en línea está disponible para todos y ofrece mucha información sobre lo que es Diseño de materiales y cómo funciona. Más importante aún, ofrece muchas lecciones de diseño para todos nosotros; es interesante, informativo e innovador. Hay pautas sobre qué hacer y qué no hacer, para todo lo que se pueda imaginar, desde el tamaño y la ubicación del botón, hasta las animaciones.
Los 3 principios del diseño de materiales
Diseño de materiales valores fundamentales son más que solo una progresión de las tendencias de diseño actuales.
- El material es la metáfora
- Sé valiente, gráfico, intencional
- Proporcionar significado con movimiento
Claro, tiene sentido pensar que es un paso adelante del diseño plano, pero creo que es mucho más que eso. Debido a que Material Design es una metáfora, proporciona una nueva base para el diseño que es similar en raíces al skeuomorphism. Pero como Material Design se centra en la física del mundo real, no reproduce los horrores que hemos visto, por ejemplo, iOS8.
Además de eso, los componentes gráficos audaces, intencionales y profundos le dan al lenguaje de diseño una apariencia distintiva. Mejor aún, proporcionan una estética clara. Pero, hay más ...
Pantallas y productos unificadores
Material Design es una gran solución para unificar los diversos productos, y lo que es más importante, las pantallas, que Google tiene sobre la marcha. Seamos realistas aquí, los dispositivos y las pantallas solo seguirán cambiando y diversificándose. Para abordar las variaciones, Google ahora tiene un lenguaje que define claramente cómo se puede usar en diversas plataformas, como aplicaciones web, teléfonos inteligentes o relojes inteligentes.
Existen limitaciones que los diseñadores deben observar para mantener el estilo de diseño similar de una aplicación a otra. Esto es bueno porque marcará claramente todos los productos de Google. Ninguna otra compañía tiene tal unidad entre sus diversas aplicaciones o sistema operativo en este momento.
La creación e implementación de Material Design muestra que Google está tratando con todas sus fuerzas de encontrar un lenguaje de diseño que funcione en cualquier pantalla o dispositivo, sin importar qué. Todavía es difícil saber si será exitoso, pero al menos está claro lo que Google está intentando.
Es flexible
Además, el Material Design de Google tiene suficiente flexibilidad para que los diseñadores aborden varios dispositivos y pantallas. Existen pautas que permiten el ajuste para atender específicamente a una pantalla grande o pequeña de Android. Esto también facilitará la vida de los diseñadores, ya que no plantea restricciones, sino soluciones y herramientas.
La estructura proporcionada ayudará a adaptarse a los diversos tamaños de pantalla con seguridad. Después de todo, esa es toda la idea.
Una nueva dirección para Google
Google nunca ha sido conocido por su enfoque de diseño. En los últimos años, han empezado a implementar una estética de diseño más claro y ligero, pero todavía era un enfoque sutil.
Por lo tanto, es interesante ver a Google tomar el toro de diseño por sus cuernos para crear un lenguaje de diseño impresionante. Con Material Design Google se está convirtiendo en un líder de diseño. Puede que aún no estén allí, pero han intensificado su juego y demostrado que son capaces de crear un gran diseño visual.
Nuevas capacidades de hardware
Piense en el pasado, en el pasado, en cómo las interfaces de computadora se remontaban a los 80 y luego a los 90. Compare eso con cómo se veía el primer iPhone y compare todos los que tiene hoy en día con un dispositivo determinado. La tecnología evoluciona y permite una mejor visualización digital. No se podía mostrar sombras en una pantalla de DOS desde cuando el hardware era incapaz de reproducir tal cosa. Los primeros teléfonos inteligentes fueron terribles en la representación de animaciones de cualquier tipo.
Piense en el diseño de materiales como una extensión de las capacidades de la tecnología actual. El diseño del material se basa en la física para mostrar animaciones, movimientos o sombras. Puede hacerlo porque la tecnología de hoy lo permite. Es diferente a la mayoría de los demás lenguajes de diseño porque la mayoría de los lenguajes de diseño se desarrollaron para tecnologías más antiguas.
Más que solo piso
Otra cosa sorprendente sobre Material Design es su dedicación e inspiración tomadas del mundo real. Los materiales legítimos influyeron en cómo se creó y desarrolló Material Design. (De ahí el nombre.)
Esto es enorme porque la tecnología puede comenzar su camino de no sentirse como la tecnología. Debido a que nuestro hardware se está volviendo más avanzado, el mundo digital puede comenzar lentamente a difuminar las líneas entre el mundo real y el digital.
La interfaz de usuario se dirige hacia la unidad con el mundo natural. Si esta tendencia continúa y la tecnología evoluciona, pronto podremos ser testigos de un mundo en el que la IU está tan entrelazada con nuestro entorno que es indistinguible del mundo físico. - Andrew Coyle
La conformidad es clave
Percibir la forma tangible de un objeto nos ayuda a entender cómo manipularlo. Observar el movimiento de un objeto nos dice si es ligero o pesado, flexible o rígido, pequeño o grande. El movimiento en el mundo del diseño de materiales no solo es bello, sino que genera un significado sobre las relaciones espaciales, la funcionalidad y la intención del sistema. - Google
El movimiento es una parte fundamental del diseño de materiales. Gracias a la física y al hardware y software de alta calidad, Material Design puede mejorar la accesibilidad dentro de los diseños digitales. Esta es, de hecho, la clave para eliminar la brecha entre los objetos reales y los digitales. Si el movimiento y la animación ahora proporcionan significado, las interfaces pueden ser significativamente más fáciles de interpretar, comprender y usar. Esto permitirá que la tecnología sea accesible por un porcentaje significativamente mayor de la población de lo que es ahora.
Lo que hace de este un aspecto increíble e importante de Material Design es el hecho de que ningún otro lenguaje de diseño común pone tanto énfasis en affordance a través del movimiento. Es una proclamación bastante nueva. La intención general es hacer la vida más fácil para los usuarios y hacerlo a través del movimiento es simplemente innovador.
