Tendencias de diseño esenciales, agosto de 2016

Color y capas. Este par de elementos de diseño ha sido la fuerza impulsora detrás de muchas de las tendencias del año. Si bien no hemos visto nada que se haga cargo, como el diseño plano hace unos años o, más recientemente, Material Design, los elementos de ambos estilos están impulsando a los diseñadores a explorar cosas nuevas.

Tanto las opciones de color como las capas parecen tener raíces en esas tendencias más importantes y se utilizan en esquemas de diseño incluso sin una estética totalmente plana o material. Esto es lo que está de moda en diseño este mes:

1. Muchos elementos en capas

Los elementos en capas y los efectos tridimensionales son la técnica imprescindible en el espacio web 2D. Gracias a las técnicas divertidas, e incluso mejores procedimientos, introducidos principalmente por Material Design, los elementos en capas están apareciendo en proyectos de todo tipo.

Lo que es particularmente bueno es que le da a un sitio web una sensación más realista. El usuario casi puede extender la mano y agarrar los elementos de la pantalla. (¡Y eso es bueno!) El truco es que cada capa debe verse real y ligera, y las capas deben verse naturales.

Aquí hay un par de formas de comenzar a experimentar con capas en sus proyectos de diseño:

• «Levante» elementos del fondo con una simple sombra o animación. Olle hace esto con varios elementos en diferentes planos, pero todos se combinan y se ven naturales.
• Permita que los elementos se crucen. El texto puede cruzarse en el espacio ocupado por una imagen.
• Las funciones de desplazamiento de paralaje son una forma interesante de crear elementos en capas (un primer plano que se mueve sobre un fondo) sin ser demasiado abrumador.
• Utilice formas geométricas, animación y variación de color para imitar la profundidad en el diseño. Los usuarios deben sentir que casi pueden caer en las imágenes, como la experiencia establecida por Eliminar agencia.
• Cree capas saliendo del lienzo, con elementos que vayan más allá del fondo o el borde de la pantalla.
• Permita que los elementos descansen sobre un fondo texturizado para crear una separación entre la capa superior (que los usuarios pueden imaginar tocando) y la capa de fondo.

2. Esquemas de colores oscuros

Durante un tiempo, parecía que cada sitio web era un ideal minimalista, incluido un fondo blanco austero. Esa tendencia ha cambiado a medida que surgen más esquemas de colores oscuros como los favoritos del diseño.

Y por una buena razón. Un buen esquema de color oscuro puede llamar la atención y no es tan duro para los ojos de algunos usuarios como el blanco brillante. Por otro lado, la estética oscura puede ser un poco más problemática si el texto es pequeño o en pantallas más pequeñas (así que asegúrese de prestar especial atención a cómo se procesan los elementos en los dispositivos móviles).

Los elementos que realmente se destacan en los esquemas de colores oscuros incluyen el uso de videos y animaciones geniales, incluso si son apenas reconocibles; tipografía blanca en negrita, estallidos de colores brillantes para acentuar las llamadas a la acción o la información importante y el estado de ánimo general apropiado.

Recuerde también que oscuro no siempre significa negro. Los esquemas de colores oscuros pueden tener sus raíces en una variedad de tonos, desde rojos hasta azules y verdes. Si bien las opciones de negro son las más comunes, es importante elegir un negro intenso que esté hecho de varias combinaciones de colores. Un negro plano (o «K negro» como lo llaman los diseñadores de impresión) dejará algo que desear en el diseño de sitios web.

Cuando trabaje con esquemas de colores oscuros, tenga especial cuidado para asegurarse de que haya un contraste adecuado entre los elementos y de que los colores y las imágenes no se pierdan en la naturaleza oscura del diseño. El blanco puede ser una buena opción al igual que otros colores primarios con mucho brillo o saturación. Recuerde pensar también en el contraste de tamaño. Considere aumentar el tamaño de todos los elementos de texto entre un 10 y un 20 por ciento cuando trabaje con un marco oscuro para garantizar la legibilidad.

3. Los degradados vuelven

El degradado, una de las técnicas rechazadas por el diseño plano, está regresando. (E incluso se usa en patrones de diseño principalmente planos).

Los degradados funcionan porque hacen algo que mucha gente pensaba que le faltaba al diseño plano, que es ayudar a crear y establecer profundidad. Lo nuevo de los degradados esta vez es que no se utilizan para imitar texturas o sin un propósito. La tendencia actual se centra en degradados de colores brillantes que enfatizan el contenido. Desde superposiciones de degradado de pantalla completa hasta fondos, casi todo vale cuando se trata de la técnica … siempre que sea en negrita.

Los diseñadores están aprovechando al máximo el regreso del degradado de varias maneras distintas:

• Los pares de degradado y «colores planos» combinan ambas ideas de diseño para lograr un aspecto atrevido, como el sitio web para WPcrew.
• Los degradados de dos tonos son una superposición de colores divertida para agregar interés a una foto que puede faltar algo o para agregar profundidad a un fondo.
• Si bien muchos de estos degradados parecen estar en una escala más grande, también se utilizan para elementos más pequeños, como botones o para llamar la atención sobre contenido específico.

También hay algunas cosas que no se deben tener en cuenta en los gradientes. (¡Ya que no quieres que ese diseño parezca salido de 2012!)

• Tenga cuidado con los gradientes pequeños. Aún no se recomienda su uso en iconos.
• No abrumes el contenido. Una superposición de degradado en una foto puede ser agradable (solo piense en algunos de los efectos geniales que Spotify presenta regularmente), pero la foto aún debe ser discernible.
• Los degradados de colores llamativos tienden a tener una sensación ligera y alegre. Asegúrese de que esto encaje con su contenido.
• Preste atención a las combinaciones de colores y el contraste cuando se trata de legibilidad. Algunos degradados pueden aparecer claros y el texto en blanco puede presentar un problema. Asegúrese de probar la legibilidad contra el color, diferentes puntos de interrupción de respuesta y en dispositivos de varios tamaños. (Con los degradados, a veces pueden aparecer problemas de legibilidad en lugares inesperados).

Conclusión

No hay nada más divertido que el color cuando se trata de diseño. Las tendencias en color son agradables porque son elementos que puede agregar a casi cualquier estilo de diseño sin una revisión a gran escala. Lo mismo ocurre con los elementos en capas. Esta es una técnica que se puede agregar a un diseño existente para darle una sensación más moderna.

¿Qué tendencias estás amando (u odiando) en este momento? Me encantaría ver algunos de los sitios web que le fascinan. Déjame un enlace en Twitter; Me encantaría saber de ti.