¿Qué es Flat 2.0 y por qué debería importarte?

Justo cuando pensabas que tenías un diseño plano resuelto, todo el mundo ha cambiado a hablar de Flat 2.0. Si nunca dio el salto para diseñar un proyecto plano, ahora es el momento.

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 que sea 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. ¡Echemos un vistazo a algunos ejemplos!

Los diseñadores aman el piso

Admítelo, el diseño plano era de lo que todos los diseñadores hablaban hace un par de años. Lo ames o lo odies, el diseño plano tomó mucho vapor.

El estilo de diseño, que presenta una estética aerodinámica sin adornos de elementos como relieve o sombras u otros efectos de estilo tridimensional, se utilizó en varios proyectos de alto perfil y diseños simples por igual. El diseño plano también careció de elementos que se elevaron para indicar la capacidad de hacer clic o se hicieron huecos o hundidos para mostrar que los elementos necesitaban una entrada. Se adoptó especialmente para iOS 7 de Apple, un giro dramático del esferomorfismo al que los usuarios estaban acostumbrados.

Pero funcionó. Los diseñadores les encantó. (El diseño plano es muy divertido.) Los colores brillantes, los tipos de letra simples y el enfoque en el minimalismo absoluto contribuyen a los proyectos hermosos.

Hubo solo un problema. No fue lo suficientemente intuitivo para todos los usuarios. Algunos argumentaron que el estilo de diseño era tan plano que podía discernir qué se suponía que los usuarios debían hacer y cómo se suponía que funcionaba la interfaz.

Entra en Flat 2.0.

Los usuarios necesitan un poco más

Flat 2.0 proporciona una asignación para detalles sutiles y no es ilegal? Técnicas (sombras, degradados, capas) que no formaban parte del diseño plano. El uso de características sutiles en combinación con todos los otros elementos del diseño plano se ha denominado Flat 2.0 en muchos círculos. (Y solo una evolución del estilo en otros.)

El término fue utilizado por primera vez por el diseñador Ryan Allen a finales de 2014:? 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, en esencia, romper las reglas estrictas asociadas con el diseño plano.

  • Reflejos
  • Gradiente
  • Tintas múltiples y valores de color.
  • Sombra paralela
  • Cualquier paleta de colores (no solo super brillante)

El otro gran cambio es que 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).

Flat 2.0 y las iteraciones subsiguientes son la nueva versión del mundo del diseño, sobre todo debido a la popularidad emergente de la interfaz de Diseño de materiales creada por Google y su estética Flat 2.0. La apariencia es obviamente plana, pero presenta la evolución de los elementos con capas como un componente visual clave, así como el uso de sombras.

Flat 2.0 resuelve algunos problemas

Según muchos, el diseño plano tuvo problemas. El Grupo Nielsen Norman, que investiga la experiencia del usuario, criticó notablemente el diseño plano. Algunos de estos problemas incluyen:

  • La falta de significantes tradicionales (e importantes), como gradientes, sombras y subrayados que los usuarios entendieron qué hacer con
  • Una ausencia de patrones familiares para la usabilidad, como el uso de texto subrayado en azul para los enlaces
  • Cambio en los botones y acciones contextuales, como la colocación de llamadas a la acción y la falta de una copia procesable a favor de menos palabras

Flat 2.0 soluciona muchos de estos problemas y les da a los diseñadores más flexibilidad para diseñar para la usabilidad. Eso era lo que faltaba con el diseño plano. Si bien el aspecto era creativo y fresco, estaba de moda para los diseñadores, pero no siempre para los usuarios.

Características del piso 2.0

Flat 2.0 es el matrimonio aparentemente perfecto entre el minimalismo y el skeuomorphism. Es un estilo altamente utilizable que es visualmente agradable. A los diseñadores les gusta. A los usuarios les gusta. Esta es una tendencia que funciona.

Gran parte de Flat 2.0 está arraigada en la teoría del diseño. (Si desea volver a lo básico y hacer algo que funcione, la teoría siempre es un buen lugar para comenzar).

Flat 2.0 utiliza un estilo específico para crear una jerarquía para un flujo a través del diseño. Las paletas de colores son distintas y construidas con un propósito. Hay un enfoque en la organización, el espacio y la claridad de los elementos. Se supone que cada elemento en el diseño es simple, pero altamente comprensible.

Ese último bit es donde Flat 2.0 tiene éxito. Los diseñadores pueden llevar el diseño hasta el borde del skeuomorphism si lo desean y luego retroceder un clic. Flat 2.0 está arraigado en la usabilidad. (Esto no se puede decir lo suficiente porque es la esencia de lo que hace que un diseño funcione).

Agregue todo eso a la idea de que este estilo es altamente flexible y personalizable. Está hecho para marcos adaptativos y adaptables o interfaces de materiales. Y cada diseñador puede mezclar y combinar estilos y conceptos para crear algo que sea completamente único. (Sería difícil encontrar algo más atractivo que eso).

Conclusión

Flat 2.0 es solo un paso más en la evolución de este estilo de diseño que está enraizado en la forma más pura de minimalismo. Lo que es tan atractivo sobre Flat 2.0 (y el diseño plano en general) es el factor de diversión innata que viene con él.

Desde colores brillantes hasta tipografías que requieren ser leídas, los elementos de interfaz de usuario más planos dan paso a las partes del diseño que los usuarios necesitan ver primero.Los botones planos y los estilos simples de copia del cuerpo dan más espacio a las imágenes y llamadas a la acción. Y es por eso que Flat 2.0 es tan importante. Es utilizable Es funcional Y mientras continuará evolucionando, la idea detrás está aquí para quedarse.