Primavera y diseños frescos están en el aire. Este mes está claro que los diseñadores se están volviendo creativos con conceptos nuevos e interesantes que van desde un nuevo estilo para tarjetas, experimentación en una página de inicio con múltiples puntos de entrada o llamadas a la acción, y opciones de tipografía arriesgadas.
Esto es lo más interesante del diseño este mes.
Contenido del Articulo
1. Tarjetas “planas”
Los elementos de diseño estilo tarjeta que permiten a los usuarios saltar a otro contenido no son nuevos, pero los diseños de estas tarjetas son frescos e interesantes.
En lugar de tarjetas más elaboradas con sombras y capas de contenido, los estilos planos son tendencia. Espere que esta tendencia crezca gracias al uso de Google para la página de experiencia de compra.
El siguiente ejemplo de Google es interesante porque las pautas de diseño de materiales de Google son las que se utilizan para ayudar a que los elementos de estilo de tarjeta crezcan en popularidad. Sin embargo, estas tarjetas tenían más capas, opciones de color, botones dentro de las tarjetas y sombras.
Los mapas de tendencias de hoy son completamente planos. Y hermoso.
Cada uno de estos sitios web lo hace de forma un poco diferente.
Heartcore, una empresa de capital de riesgo de tecnología de consumo, utiliza una serie de tarjetas planas como elemento de navegación para ayudar a los usuarios a navegar por el sitio web. Cada uno tiene un fondo de colores brillantes con ilustraciones y un cuadro de texto simple.
Cada mapa tiene un estado de desplazamiento agradable en el que solo se amplía la ilustración dentro del marco del mapa. Este es un efecto interesante porque es exactamente lo contrario de la iteración del mapa anterior, que amplió todo el mapa al pasar el mouse.
Google Shopping aprovecha este estado al pasar el cursor sobre todo el rebote del mapa (más una sombra no tan plana) para cada mapa. El diseño inicial es elegante, con una combinación de tarjetas blancas y gráficas con texto sin formato en cada una. Tiene la tentación de hacer clic con el mouse para ver qué está sucediendo.
Click on Greece es un diseño de sitio web de viajes que utiliza tarjetas simples con superposiciones mínimas de color y texto. La secuencia de estas tarjetas hace que el diseño sea atractivo y la belleza de las imágenes lo atrae. Cada tarjeta también tiene un estado de desplazamiento con una máscara más oscura para guiar la navegación y facilitar la lectura del texto.
2. Múltiples puntos de entrada a la página principal.
Durante mucho tiempo, los diseñadores han perfeccionado la filosofía de que la página de inicio debe tener un punto de entrada directo, creando un embudo directo para la interacción del usuario.
Estos proyectos sacan esta idea de una ventana con múltiples puntos de entrada y elementos de clic.
Puede pensar en esto como una opción de “crear su propia aventura” para estos diseños.
Esto puede ser arriesgado si se sumerge en la analítica para prestar atención al viaje del usuario. Debe asegurarse de saber qué elecciones están tomando los usuarios para poder ayudarlos en el camino hacia el contenido y la información que desea que reciban durante su visita.
Pero este tipo de esquema de diseño parece algo personalizado, lo que le da al usuario más control.
Parcouse Epicuriens utiliza tres elementos planos en forma de tarjeta para ayudar a los usuarios a elegir lo que quieren ver en la página de inicio. No hay ningún otro botón o llamada directa a la acción, lo cual es algo inusual en los diseños de sitios web modernos. Los usuarios deben seleccionar una de las tarjetas, desplazarse o ingresar usando el ícono del menú de hamburguesas.
Tasty Find utiliza opciones de búsqueda para ayudar a los usuarios a comenzar. Curiosamente, hay opciones aquí: encuentre la comida que desee, elija algo al azar o (en letra pequeña) encuentre aún más opciones. Los usuarios pueden elegir entre tres opciones para comenzar su viaje desde el sitio web.
Lo interesante es lo simple que parece este complejo viaje del usuario. El diseño es fácil de digerir, pero muchas opciones pueden abrumar a los usuarios. Esta es una de esas situaciones en las que necesita realizar un seguimiento de la información y los datos de búsqueda devueltos y sopesar el riesgo frente a la recompensa de tantas opciones. Con el tiempo, será interesante observar este diseño y ver si la cantidad de opciones disminuye.
Accord también tiene múltiples niveles de experiencia de usuario. Opción 1. Cada bloque contiene un elemento de clic. Opción 2. Utilice la búsqueda en la parte superior para limitar su selección. Esta es una configuración interesante como página de inicio para un sitio web de comercio electrónico porque obtienen opciones de productos y compras sin una venta o presentación más suave.
3. Tipografía arriesgada
El riesgo tipográfico es un tema recurrente desde hace algún tiempo. Los diseñadores utilizan fuentes experimentales e innovadoras para destacar en el espacio abarrotado de un sitio web. A veces, esto funciona muy bien y, a veces, puede que no sea suficiente.
Aquí, cada uno de estos diseños de sitios web populares utiliza una tipografía arriesgada. Los riesgos varían ligeramente para cada diseño, desde la legibilidad hasta la comprensión y entrega de la fuente.
How Many Plants tiene un duelo de riesgos tipográficos: una tipografía divertida combinada con extraños saltos de palabras. Curiosamente, la legibilidad no es un problema tan importante como podría pensar. Probablemente esto se deba a que no hay muchas palabras y son cortas. Además, los looks van bien juntos.
¿Notas las similitudes entre Cuántas plantas y Great Lake? La tipografía es del mismo estilo: bloque, plana, sans serif con trazos gruesos y finos alternados. (Esta es la misma fuente).
El riesgo de diseño de tipografía para The Great Lake no aparece en la pantalla de la página de inicio, aunque quizás se pregunte de qué se trata el diseño. Lleva esta fuente en todo el diseño. Aunque se ve muy grande y consta de solo unas pocas palabras, cuanto más lo ve, más difícil se vuelve. Este tipo de lectura del peso mental a lo largo del tiempo puede resultar difícil para los visitantes, creando un elemento de riesgo.
Zmaslo utiliza un tipo de letra interesante con un efecto fluido sobre una palabra inusual. Esta combinación de elementos de texto hace que uno piense en leer la página de inicio, a pesar de su apariencia ordenada. El riesgo aquí radica en sopesar el interés visual con la comprensión. Dependiendo de la audiencia, este riesgo puede valer la pena.
Conclusión
La primavera siempre parece ser la época del año en la que los diseñadores empiezan a pensar en elementos de diseño nuevos y frescos. Esto podría explicar algunas de las opciones de diseño y experimentación “más arriesgadas”.
Independientemente de la motivación, siempre es bueno ver suceder el crecimiento creativo. Será aún más interesante ver qué elementos de estas tendencias continúan creciendo en los próximos meses.
…
