¿Está terminada la tendencia de diseño plano? No lo creemos. Aún no está muerto. Pero la tendencia ha evolucionado para ser menos dura y más atractiva para los usuarios.
Los primeros días del diseño plano se caracterizaron por una falta completa de elementos de diseño como sombras, degradados o elementos realistas con textura. Muchos de esos elementos de diseño están de vuelta, pero están emparejados con el conjunto idea de diseño plano para crear una experiencia de usuario de sitio web que sea simple y fácil de utilizar. Dependiendo de en qué lado se encuentre, podría ser una mejor versión de diseño plano.
He aquí un vistazo a la evolución de la tendencia de diseño plano, y dónde estamos hoy.
Diseño plano 101
El diseño plano fue la respuesta rebelde a todos los elementos y texturas tridimensionales extremadamente realistas, y con frecuencia falsos, que inundaron la web a principios de la década de 2010. Parte del paradigma de diseño demasiado real vino de Apple, porque ese era el estilo de los iconos en la tienda de aplicaciones y en sus dispositivos. (La compañía finalmente cambió a un estilo más plano después de que la tendencia realmente comenzó).
El diseño plano realmente fue solo eso. Incorpora líneas limpias y un estilo más 2D que, según los proponentes, hace que sea más fácil de entender y usar. Los esquemas de diseño plano también se enfocaron en elementos de alto color y centrados en la tipografía, en lugar de muchas imágenes. Normalmente, una sola imagen o ilustración puede llevar la página de inicio completa en un esquema de diseño plano.
El problema con el diseño realmente plano es que no siempre fue así. Algunos usuarios encontraron que los estilos simplificados carecían de información suficiente para ayudarlos a guiarlos en el diseño. Pero, abrumadoramente, a los diseñadores les encantó. El diseño plano es probablemente una de las tendencias visuales más grandes y revolucionarias de la década pasada porque sigue vivo.
Diseño de materiales
Para comprender completamente por qué el diseño plano cambió tan rápidamente, es importante observar el diseño del material, el lenguaje visual que Google estableció para sus productos y aplicaciones.
El diseño del material tomó las mejores partes del diseño plano y luego volvió a añadir sutiles toques de dimensión. El concepto se centró en mejorar la usabilidad y la interacción del usuario al fusionar el mundo digital con la realidad mediante efectos tácticos y movimientos realistas.
Trajo de vuelta elementos tales como sombras y pareció "suavizarse". La naturaleza casi dura del diseño plano temprano.
El diseño de materiales es un concepto bien definido con una gran cantidad de documentación cambiante de Google. También continúa evolucionando con las tendencias y los deseos de los usuarios. La razón por la cual el material es tan importante para el plano es que impulsó la evolución del plano de manera mucho más rápida.
Piso 2.0
Entra en Flat 2.0. Así es como describimos la tendencia en las fases iniciales:? Flat 2.0 es más fácil de usar porque combina lo mejor del diseño plano con señales de interfaz de usuario adicionales para ayudarlo a crear un diseño de sitio web hermoso y funcional. También es altamente adaptable y funciona con casi cualquier concepto. A diferencia de algunos de los sitios web de diseño plano más puros, Flat 2.0 combina elementos de planos con adiciones sutiles para mejorar la facilidad de uso.
No se nos ocurrió? Flat 2.0? en Design Shack. Fue utilizado por primera vez por el diseñador Ryan Allen:? Flat 2.0 es una evolución, no una revolución. Donde el diseño plano fue un alejamiento radical del skeuomorphism rampante de los días pasados, Flat 2.0 es una rama juguetona del árbol plano. El diseño plano es el árbol de navidad, el plano 2.0 son los adornos y los bastones de caramelo. Y los regalos. Sin embargo, eso no es un desastre para limpiar.
Flat 2.0 permite a los diseñadores romper las reglas estrictas asociadas con el diseño plano y recuperar algunas de las técnicas que hacen que las imágenes sean más atractivas (con moderación, por supuesto).
- Reflejos
- Gradientes
- Tintas múltiples y valores de color.
- Caer sombras
- Cualquier paleta de colores (no solo super brillante)
Flat 2.0 no vive en un mundo donde todo es un elemento o icono de la interfaz de usuario. Las fotos y los videos son una gran parte de las interfaces Flat 2.0. (Muchos de los primeros puristas del diseño plano pensaron que estos elementos visuales se alejaban de la intención pura de la estética).
Piso 2017
Ahora la mayoría de los diseños se encuentran en medio de todas estas tendencias e ideas. Todavía hay una tendencia real hacia estilos más planos, pero hay mucho más en los diseños. Esta evolución aún no se ha mencionado, pero puede ver características comunes en muchos diseños de sitios web.
Así es como se ve el diseño plano en 2017:
Elementos planos
Muchos de los estilos de botones y elementos de la interfaz de usuario de los primeros proyectos de diseño plano se atascaron. El estilo de botón más simple (caja rectangular con bordes cuadrados o ligeramente redondeados con texto en blanco o negro) es común. Logos e íconos también adoptaron ese estilo plano, y combinados con un diseño de página de inicio más elaborado, realmente se destacan.
Navegación simplificada
El icono de la hamburguesa y la navegación oculta nacieron del diseño plano porque los diseñadores intentaban eliminar los elementos del flujo visual.
Colores audaces y brillantes
Gracias a las paletas de colores brillantes y la aceptación de más colores en general a partir de patrones planos, la web se volvió un poco más feliz. Esto ha evolucionado hacia una gran tendencia actual de usar gradientes de color brillante en páginas de inicio, como visual dominante o como superposición de fotos.
Páginas mínimas
Como regla general, las páginas de inicio están mucho menos ocupadas y tienden a centrarse en acciones singulares. Incluso con múltiples elementos, una sola dirección o acción del usuario hace que todo el proyecto parezca un poco menos ocupado.
Mejor tipografía en todas partes
Los diseños pelados tenían que centrarse en el gran tipo. Esa idea, combinada con el uso cada vez mayor de kits de mejor tipo y tipos de letra web, ha facilitado que los diseñadores se centren en la tipografía en línea.
¿Menos? ¿Falsa? Efectos
Skeuomorphism realmente no ha vuelto. Si bien se están utilizando más técnicas de diseño en la versión de diseño plano de 2017, los estilos sobre-diseñados para ser reales no han resurgido.
Movimiento y retroalimentación integrados
La idea más importante del diseño de materiales fue la idea de que el bucle de retroalimentación se aplicaba a las imágenes y la comunicación con los usuarios.
Un montón de espacios en blanco
Las pantallas se han vuelto más grandes (en computadoras de escritorio y dispositivos móviles) y los diseñadores aprovechan ese espacio al usarlo como espacios en blanco para mantener la sensación mínima de plano. (Y la mayoría de las veces, este espacio extra no es blanco).
Capas planas
Los elementos en capas sin ornamentación pueden verse bien y proporcionar información adicional para los usuarios.
Elementos de diseño de gran tamaño
El texto grande, las imágenes grandes y los botones e íconos grandes son prácticamente la norma, gracias a que incluso los proyectos más antiguos utilizan un diseño plano.
Conclusión
La evolución del diseño plano nos ha dejado con una mejor web. Es más fácil de leer; es más utilizable; simplemente se ve mejor
Lo mejor de esta tendencia, y la razón por la que vive, es que es lo suficientemente flexible para evolucionar con facilidad. Los diseñadores pueden tomar las partes y los conceptos del diseño plano que mejor funcionan e incorporarlos en casi cualquier proyecto. Es por eso que todavía vemos mucho de eso en los proyectos de hoy y por qué el diseño plano no fue solo otra moda pasajera.