A veces no sólo puedes mirar los nuevos proyectos de sitios web y ver lo que los diseñadores están pensando. Puedes sentir el estado de ánimo.
Las tendencias de este mes reflejan ese concepto con opciones de color en negrita, un colapso del estilo de encabezado de “héroe” tradicional que ha sido popular durante un tiempo y patrones animados en tonos oscuros que son un poco misteriosos. ¿Qué piensas? ¿Estás preparado para opciones de tipografía más delgadas, detalles más elaborados y logotipos? Esto es lo que tiene tendencia en diseño este mes:
- COLORES DEL ARCO IRIS
Cuando escuchas “colores de arco iris”, lo primero que viene a la mente probablemente no es un buen diseño. Hay demasiados ejemplos de proyectos llamativos con paletas de colores con temas de arco iris que son abrumadoras y, francamente, un desastre de diseño.
Los colores del arco iris de hoy en día son todo menos desastrosos. Son elegantes, simples y proporcionan la cantidad correcta de color a un número sorprendente de proyectos. Estas paletas de colores no son sólo para sitios web pequeños, ya sea; las grandes marcas, incluyendo la Github Universe Conference, Southwest Airlines y el canal Spotify de London Grammar, usan todos los patrones interesantes del arco iris.
Aún más interesante es que cada diseño utiliza el mismo concepto de color de maneras muy diferentes.
- Elementos de texto de arco iris en una estética oscura: Github utiliza una estética oscura simple con texto de color arco iris y elementos de interfaz de usuario para llamar la atención de la información clave (como la fecha) a la llamada principal a la acción. El gradiente del arco iris es simple y sutil, mientras que el estado de ánimo de la oportunidad y el optimismo. Esto parece ser la combinación correcta para animar a los usuarios a registrarse en una conferencia.
- Southwest Airlines toma otro enfoque con elementos de fondo de arco iris y el texto rellena un elemento de contenedor más ligero. El acento del arco iris proporciona un punto de referencia visual para un sitio que tiene contenido que podría ser interpretado como aburrido. El color da un poco más de vida para ayudar a incentivar los clics.
- London Grammar utiliza un orbe gigante del arco iris para dibujar a usuarios en la colaboración de la experiencia del sonido-mezcla con Spotify. La gota de arco iris cambia de posición y se mueve con una animación lenta que se siente como si fuera gel en el agua. Los colores se mueven y se fusionan y es algo que podría mirar todo el día si no tiene cuidado. El aspecto gamificación del elemento coloreado también es interesante, pero el color es definitivamente lo que atrae a los usuarios en primer lugar.
- COLAPSO DEL “HERO HEADER”
La foto de gran tamaño o cabecera de héroe deslizante ha sido un elemento básico del diseño de sitios web durante años. Pero hay una tendencia a alejarse del patrón con más diseñadores optando por un mínimo más por encima de la estructura de desplazamiento con más elementos y una sensación menos construida.El resultado parece ser una tendencia con más blancos o encabezados de luz que tienen un puñado de partes flotando alrededor. Esta tendencia obtiene críticas algo mezcladas. Algunas de las imágenes son interesantes, pero en general parece haber una falta general de punto focal para los usuarios y un conjunto claramente definido de acciones a tomar.Lo bueno del colapso de la cabecera del héroe es que el enfoque mínimo hace que los usuarios miren. Es diferente. La cuestión es si hay suficiente mensaje para captar su interés por mucho tiempo o si los usuarios responderán positivamente a una experiencia menos visual del sitio web.Esta iteración de proyectos es sólo el primer paso hacia algo nuevo. Algunos diseñadores pueden verse perturbados por la extraña combinación o partes de elementos por encima del scroll en la mayoría de estos conceptos de diseño hasta el momento. Queda por ver dónde va la tendencia siguiente, pero vale la pena vigilarlo.
- PATRONES ANIMADOS EN TONOS OSCUROS
Esta podría ser la tendencia más divertida en el diseño de sitios web en este momento: efectos de animación oscuros capas en la parte superior de los esquemas de color oscuro. El concepto oscuro en la oscuridad es misterioso, visualmente interesante y realmente hace que el usuario se vea y participar con el diseño.Además, puede funcionar de muchas maneras diferentes. No hay ningún conjunto para el tamaño o el tipo de animación o lo que hace el efecto. Cada uno de los ejemplos a continuación utiliza efectos de animación oscura de diferentes maneras que todos alientan algún tipo de interacción de movimiento automatizado a efectos de ratón sobre flashes de sorpresa (tendrás que hacer clic en los enlaces para encontrarlo).Si bien estos diseños se ven realmente bien, pueden plantear algunos desafíos también. No todos los usuarios están interesados en una estética tan oscura. Puede que no resulte bien en todas las condiciones ambientales.
Estos diseños definitivamente se ven y funcionan mejor en pantallas de escritorio que los dispositivos más pequeños.Pero la tendencia del diseño tiene un lugar para los diseñadores que quieren crear algo un poco diferente, con un cierto humor y aspecto de moda.También hay algo sobre las combinaciones de tonos oscuros sin mucho color que sólo te atrae. (Es algo inexplicable.)Para aprovechar al máximo la oscuridad en la oscura tendencia, asegúrate de utilizar suficiente variación en tonos oscuros para asegurarte de que los elementos se pueden ver y que los movimientos son discernibles. Utiliza negros ricos con un montón de matices para establecer el estado de ánimo adecuado para cada proyecto.Mientras que los ejemplos a continuación carecen completamente de color, considere un matiz contrastante distinto del blanco para los puntos clave de énfasis. (Un botón de llamada a la acción de color se destacaría realmente con la cantidad de contraste que proporciona toda la imagen negra).La otra característica común con esta tendencia está en la simplicidad de las animaciones usadas. Ninguno de los movimientos es excesivamente complejo. Es tan simple y racionalizado como la paleta de colores, que es un contribuyente clave para el éxito general de la tendencia de diseño.
CONCLUSIÓN
El cambio en el uso del color presentado por las tendencias de este mes es interesante y eficaz.
Los colores del arco iris son muy divertidos y estimulantes, mientras que los patrones mínimos blancos y oscuros proporcionan tanto espacio para la introspección y la reflexión. Las opciones de colores realmente se conectan a cómo se sient