3 tendencias de diseño esencial, septiembre de 2017
A veces solo puedes mirar nuevos proyectos de sitios web y ver qué piensan los diseñadores. Puedes sentir el estado de ánimo. Las tendencias de este mes reflejan ese concepto con opciones de colores llamativos, un colapso del estilo de encabezado hero tradicional que ha sido popular por un tiempo y patrones animados oscuros que son un poco misteriosos.
¿Qué piensas? ¿Estás listo para opciones de tipografía más delgadas, detalles más elaborados y logotipos estilo icono? Es posible que esté después de ver algunos de estos proyectos de diseño.
Esto es lo que está en tendencia en el diseño este mes:
1. Colores del arco iris
Cuando escuchas los "colores del arco iris", lo primero que se te viene a la mente es probablemente un buen diseño. Hay demasiados ejemplos evidentes de proyectos chillones con paletas de colores con temas de arco iris que son abrumadores y, francamente, desastres de diseño.
Los colores del arcoiris de hoy son todo menos desastrosos. Son elegantes, simples y proporcionan la cantidad justa de color a un sorprendente número de proyectos. Las paletas de Rainbow no son solo para sitios web pequeños; grandes marcas, incluida la Conferencia Github Universo , Aerolíneas suroeste y Gramática de Londres Todos los canales de Spotify usan patrones interesantes de arcoiris.
Aún más interesante es que cada diseño utiliza el mismo concepto de color de maneras muy diferentes.
- Elementos de texto del arco iris en una estética oscura: Github utiliza una estética oscura simple con texto de color del arco iris y elementos de la interfaz de usuario para llamar la atención desde la información clave (como la fecha) hasta la llamada principal a la acción (venta de entradas). El gradiente del arco iris es simple y sutil, al tiempo que establece un clima de oportunidad y optimismo. Esta parece ser la combinación correcta para alentar a los usuarios a inscribirse en una conferencia.
- Southwest Airlines toma otro enfoque con los elementos de fondo del arco iris y el texto completan un elemento contenedor más ligero. El acento del arco iris proporciona un punto de referencia visual para un sitio que tiene contenido que podría interpretarse como aburrido. Color da al estudio de caso un poco más de vida para ayudar a fomentar los clics.
- London Grammar usa un arco iris gigante para atraer a los usuarios a la experiencia de la mezcla de sonido con la colaboración de Spotify. La burbuja del arco iris cambia y se mueve con una animación lenta que se siente como gel en el agua. Los colores se mueven y se fusionan, y es algo que podrías mirar todo el día si no tienes cuidado. El aspecto de gamificación del elemento coloreado también es interesante, pero el color es definitivamente lo que atrae primero a los usuarios.
2. Colapso del encabezado del héroe
El encabezado de héroe de foto o deslizador de gran tamaño ha sido un elemento básico de diseño de sitios web durante años. Pero hay una tendencia a alejarse del patrón con más diseñadores que optan por un mínimo más arriba de la estructura de desplazamiento con más elementos y una sensación menos construida.
El resultado parece ser una tendencia con más encabezados blancos o más claros que tienen un puñado de partes flotando. Esta tendencia recibe críticas un tanto mixtas. Algunas de las imágenes son interesantes, pero en general parece que hay una falta general de punto focal para los usuarios y un conjunto de acciones claramente definidas.
Lo bueno del colapso del encabezado héroe es que el enfoque mínimo hace que los usuarios miren. Es diferente. La pregunta es si hay suficientes mensajes para transmitir su interés por mucho tiempo o si los usuarios responderán positivamente a una experiencia menos visual del sitio web.
Esta es una tendencia a observar, porque es probable que esté en las primeras etapas de la evolución. Los diseñadores están listos para hacer algo diferente con la parte superior de las páginas (y comprensiblemente). Esta iteración de proyectos es solo el primer paso hacia algo nuevo. Algunos diseñadores pueden estar perturbados por la extraña combinación o partes de los elementos sobre el desplazamiento en la mayoría de estos conceptos de diseño hasta el momento. Todavía está por ver dónde va la tendencia, pero vale la pena vigilarlo con certeza.
3. Patrones animados oscuros
Esta podría ser la tendencia más divertida en el diseño de sitios web en este momento: efectos animados oscuros superpuestos sobre esquemas de colores oscuros. El concepto oscuro sobre oscuro es misterioso, visualmente interesante y realmente hace que el usuario se vea e interactúe con el diseño.
Además, puede funcionar de muchas maneras diferentes. No hay ningún conjunto para el tamaño o tipo de animación o lo que hace el efecto. Cada uno de los ejemplos a continuación usa efectos animados oscuros de diferentes maneras que fomentan algún tipo de interacción, desde movimiento automatizado hasta efectos de sobreponer el mouse y flashes de sorpresa (tendrá que hacer clic en los enlaces para encontrar ese).
Si bien estos diseños se ven muy bien, también pueden plantear algunos desafíos. No todos los usuarios están interesados en una estética tan oscura. Puede que no rinda bien en todas las condiciones ambientales. Estos diseños definitivamente se ven y funcionan mejor en las pantallas de escritorio que los dispositivos más pequeños.
Pero la tendencia de diseño tiene un lugar para los diseñadores que quieren crear algo un poco diferente, con un cierto estado de ánimo y aspecto de moda.
También hay algo sobre las combinaciones de tonos oscuros sin mucho color que te atraiga. (Es algo inexplicable).
Para aprovechar al máximo la tendencia de oscuridad a oscura, asegúrese de usar suficiente varianza en los tonos oscuros para asegurarse de que los elementos se puedan ver y que los movimientos sean perceptibles. Use negros ricos con muchos matices para establecer el estado de ánimo adecuado para cada proyecto.
Mientras que los ejemplos a continuación no tienen color, considere un tono de contraste que no sea blanco para los puntos clave de énfasis. (Un botón de llamada a la acción de color realmente se destacaría con la cantidad de contraste que proporcionan todas las imágenes negras).
La otra característica común de esta tendencia es la simplicidad de las animaciones utilizadas. Ninguno de los movimientos es demasiado complejo. Es tan simple y sencillo como la paleta de colores, que es un factor clave para el éxito general de la tendencia del diseño.
Conclusión
El cambio en el uso del color mostrado por las tendencias de este mes es interesante y efectivo. Los colores del arco iris son muy divertidos y edificantes, mientras que los mínimos patrones blancos y oscuros brindan mucho espacio para la introspección y la reflexión. Las elecciones de color realmente se conectan a cómo se sienten los diseñadores sobre un proyecto.
¿Qué tendencias estás amando (u odiando) en este momento? Me encantaría ver algunos de los sitios web con los que está fascinado. Déjame un enlace en Twitter ; Me encantaría saber de ti.