Si miras de cerca, casi puedes ver La evolución del diseño web pasa. Algunas tendencias de diseño se han convertido en los elementos imprescindibles de 2017 (hasta ahora) con interesantes tipografías, colores y patrones de navegación a la cabeza.
Así que ahora que estamos a mediados de 2017, concentrémonos un poco en la inspiración de diseño, y echemos un vistazo a las principales tendencias del año hasta ahora. ¿Deberías incorporar todo esto? ¡Absolutamente no! Pero uno de los dos, elegido con cuidado, puede realmente ayudar a darle a su diseño una sensación actual y actualizada.
1. Tipografía en espacios compartidos.
Los diseñadores están rompiendo las reglas de la tipografía al extender las letras a través de múltiples elementos. El tipo puede extenderse a lo largo de dos cuadros en una estética de pantalla dividida o invadir el espacio de otro elemento de diseño, como una imagen.
De cualquier manera el resultado puede ser impresionante.
Pero no es fácil de hacer. La tipografía en espacios compartidos es una forma visualmente interesante de atraer a los usuarios a través del contenido y crear un flujo en el diseño. Cuando se combina con tipos de letra interesados o fuentes de gran tamaño, la tipografía en espacios compartidos puede tener un impacto dramático. El énfasis agregado en el tipo de letra porque las capas en múltiples espacios resalta las palabras y crea un punto focal en el diseño.
Para hacer un mejor uso de la tendencia de diseño, necesitará un poco de mensajes y un par de imágenes y fondos con colores similares para que el tipo se pueda leer fácilmente en todo el lienzo.
En la mayoría de los casos, opte por letras blancas o negras en el fondo. Este es un diseño bastante complejo para que los usuarios puedan digerirlo, aunque parezca bastante simple, y la legibilidad debería ser una preocupación primordial.
Concéntrese en el flujo visual con este tipo de patrón de diseño. Piense en qué partes del diseño son más importantes para que los usuarios las vean para crear un efecto de fondo y letras en capas.
Obtenga más información sobre la tendencia y vea aún más ejemplos, además de una introducción al trabajo con diseños de pantalla dividida.
2. Formas de polietileno.
Casi en todas partes, los diseñadores utilizan polígonos de formas interesantes. Desde formas que llenan todo el diseño hasta superposiciones simples a efectos de esquina, las formas de polietileno están en casi todas partes.
Lo bueno de esta tendencia de diseño es que es tan versátil. Las formas de polietileno se pueden agregar a casi cualquier esquema de diseño, sobre video o fotos y con cualquier color o paleta de tipografía. (Es la actualización perfecta si desea actualizar un sitio web actual).
¿No estás seguro de lo que califica como una forma de poli? Los polígonos son formas que se definen en la geometría elemental como una figura en planta que está delimitada por una cadena finita de segmentos de línea recta en un bucle para formar una cadena poligonal cerrada. Las formas pueden tener cualquier número de lados u orientación, pueden ser rellenas o huecas y pueden tener trayectos y trazos que se intersecan. Los polígonos suelen ser formas planas y bidimensionales, aunque en los proyectos de sitios web algunos polígonos animan el movimiento y parecen tener más características tridimensionales.
Las formas polivinílicas pueden proporcionar bastante inspiración para el diseño. Utilícelos para divots o elementos de la interfaz de usuario, para fomentar la navegación o para proporcionar interés visual cuando otras imágenes son un poco deslustradas.
Aprenda más sobre la tendencia y vea aún más ejemplos.
3. Gradientes
Una de las partes más tristes de la tendencia de diseño plano fue la pérdida de gradientes en los proyectos de diseño. Pero están de vuelta a lo grande. (Un montón de crédito va a Spotify por usarlos en su identidad visual.)
Los degradados aparecen en todas partes y en todas las formas imaginables: fondos, como superposiciones de color y en elementos de la interfaz de usuario. Sin embargo, la inspiración de diseño actual para los gradientes es un poco diferente a la era del diseño pre-plano. En lugar de gradientes que son sutiles y se desvanecen a negro o blanco, estos gradientes son en negrita y suelen incluir dos colores.
Mientras que un buen gradiente puede funcionar en casi cualquier parte del diseño, los gradientes monótonos a menudo funcionan mejor para elementos más pequeños y las dos variaciones de color agregan la mayor parte de elementos de diseño grandes, como imágenes o fondos.
Obtenga más información sobre la tendencia y vea aún más ejemplos, además de echar un vistazo a algunas formas divertidas de usar degradados para superposiciones de color.
4. Color audaz
Las opciones de colores grandes y audaces parecen estar en todas partes, y no solo en el uso de degradados. Los fondos brillantes, los botones en negrita y los colores de acento que parecen saltar de la pantalla ayudan a proporcionar un lugar para que los ojos aterricen.
Algunas de las mayores tendencias en color pueden ser cosas que no esperaría: colores de neón y fuentes de color.
Aquí hay algunos consejos para usar las opciones de colores audaces que funcionan:
- Incorpora los colores más brillantes de la paleta de tu marca.
- Usa el color para hacer una declaración.
- Los colores brillantes hacen grandes acentos.
- ¿No puedes encontrar una manera de usar un color atrevido? Incluir los tonos en imágenes y fotos.
- Mezcla y combina colores llamativos con blanco y negro para un máximo impacto.
- Usa el color con intención y propósito.
Obtenga más información sobre las tendencias de color en negrita, como neones y fuentes de color.
5. Patrones experimentales de navegación.
Si bien no siempre se recomienda mezclar patrones de navegación y alejarse demasiado de los menús que están anclados a la parte superior de la pantalla, puede funcionar para algunos diseños de sitios web. De hecho, 2017 ha sido el año de navegación experimental hasta el momento, con muchos sitios web que utilizan navegación lateral, navegación de fondo y buscando nuevas tomas de opciones ocultas, de desplazamiento y de salida.
Y aquí está la cosa: parece estar funcionando.
Solo lo sabrá con seguridad, siempre regrese y profundice en sus análisis para asegurarse de que un cambio de navegación todavía esté generando clics, pero más diseñadores están experimentando con nuevos conceptos. El truco parece ser que los elementos de navegación aún deben tener un lugar destacado en la pantalla de inicio (hacerlos más grandes de lo normal si se encuentran en una posición inusual) y usar otras señales visuales para mostrar a los usuarios qué hacer a continuación.Los patrones de usuario desconocidos se pueden aprender rápidamente con ayuda.
Aprenda más sobre la tendencia y vea aún más ejemplos.
Conclusión
Si bien muchas tendencias tienden a aparecer y desaparecer, éstas se mantienen. Parece que el hilo común es que cada tendencia puede encajar en una variedad de contornos de diseño y no sobrepasa todo el flujo estético.
¿Cuáles son tus tendencias favoritas de 2017? ¿Hay alguna de estas tendencias que quieres que desaparezcan? Vamos a chatear en Twitter (recuerda etiquetar Design Shack).