Skip to content

3 Essential Design Trends, febrero de 2019

Este mes, estamos buscando y algunas tendencias visuales bastante obvias en el dise√Īo web. Mientras que algunas tendencias se basan m√°s en la experiencia del usuario o en JavaScript, otras son puramente est√©ticas. Eso es lo que ver√°s en la lista este mes.

Desde el color y las formas hasta un estilo de fotografía, he aquí una mirada a lo que está de moda este mes.

Blanco y negro

Los dise√Īos en blanco y negro son atemporales y cl√°sicos. Tienen una sensaci√≥n de sofisticaci√≥n que puede funcionar con proyectos de todo tipo.

Y aunque la mayor√≠a de la gente piensa inmediatamente en fotos en blanco y negro, los patrones en blanco y negro tambi√©n pueden extenderse a otros elementos en el dise√Īo de un sitio web: navegaci√≥n, tipograf√≠a, v√≠deo, etc.

Lo bueno de los dise√Īos de sitios web en blanco y negro es que, a diferencia de la impresi√≥n, donde el blanco y negro fue el est√°ndar com√ļn para peri√≥dicos, libros y revistas durante mucho tiempo (y a√ļn hoy en d√≠a hasta cierto punto), destaca por la falta de color. La riqueza del blanco y negro en una pantalla tambi√©n permite la profundidad de las im√°genes.

Cada uno de los ejemplos a continuación utiliza este color Рo la falta de él Рpara ayudar a llamar la atención y centrarse en la mensajería de los sitios web. El blanco y negro en estos ejemplos también crea una cierta sensación emocional para el usuario.

Al planear un dise√Īo en blanco y negro, puede hacerlo todo sin ning√ļn otro color o escoger un color de acento, como el documental americano, para ayudar a dirigir los ojos a los puntos focales o llamar a la acci√≥n en la pantalla. No hay una elecci√≥n correcta o incorrecta aqu√≠. La decisi√≥n de usar color (o no) en un patr√≥n de dise√Īo en blanco y negro se basa en lo que usted quiere que los usuarios logren con el dise√Īo y la experiencia que deber√≠an quitarle.

Si observa cada uno de los ejemplos a continuación, puede ver cómo cada uno utiliza una técnica diferente para crear un compromiso:

Igor Starodub: Vídeo

Eum Ray: Animación con problemas

American Documentary: Acentos de color

Círculos

Dise√Īar con c√≠rculos no es nuevo. La forma “perfecta” es agradable a la vista e incluso forma parte de los est√°ndares de dise√Īo de materiales de Google: seguro que has notado todos esos botones redondos.

Cuando se trata de usar c√≠rculos en proyectos de dise√Īo web, es importante pensar en el significado de esta forma. Puede a√Īadir una capa extra de contenido a su dise√Īo.

Gold Kant usa círculos en una foto. Es un poco menos en la cara que como un elemento de la interfaz de usuario, pero el aura de armonía y energía está ahí.

El Juego del A√Īo de Google utiliza los c√≠rculos de la marca para atraer a los usuarios a hacer clic en las respuestas a las preguntas del juego. Los c√≠rculos en el juego imitan los colores y tama√Īos de los c√≠rculos en las interfaces de Material Design y vuelven a hacer hincapi√© en que los c√≠rculos – en el pa√≠s de Google – est√°n destinados a ser interactuados.

Marijn W. Bankers utiliza un logotipo circular y un círculo gigante para representar los tipos de trabajo realizados. Ambos círculos implican movimiento Рel círculo del logotipo porque está abierto y el círculo más grande porque la barra de colores se mueve en forma de rueda.

Fotos “Sin rostro”

Un elemento del dise√Īo atractivo es incluir rostros de personas en las im√°genes. Puede ayudar a los usuarios a conectarse.

Entonces, ¬Ņpor qu√© hay tantos proyectos que utilizan fotos “sin rostro”? Cada uno de los ejemplos a continuaci√≥n presenta im√°genes con personas en ellas, pero sin rostros.

Este estilo de dise√Īo web y selecci√≥n de fotos tiene un prop√≥sito real: permite a los usuarios imaginarse a s√≠ mismos en las escenas que se muestran. Usted podr√≠a ser la persona que se corta el pelo o uno de unos pocos amigos en una mesa divirti√©ndose en una comida. O puede que te intrigue la serie de im√°genes sin esa conexi√≥n ojo a ojo.

Cuando hay una cara en la pantalla, los ojos de los usuarios se detendr√°n de forma natural casi para hacer que los ojos queden satisfechos con el objeto de la imagen (especialmente si la imagen y la cara son grandes). Sin esta pausa, por muy r√°pida que sea, los usuarios continuar√°n escaneando el dise√Īo completo. Pueden ver algo que no ver√≠an de otra manera, y esto puede a√Īadir un punto focal diferente a la imagen.

Aunque este estilo fotográfico sin rostro no funciona para todo, puede ser efectivo. Utilice este concepto para ideas más generales que no necesitan un fuerte tirón emocional.

Y si est√° planeando un dise√Īo sin rostro, tenga esa conversaci√≥n con el fot√≥grafo para que las im√°genes se compongan con esto en mente. El mero hecho de cortar una cabeza no dar√° lugar a los mismos efectos encantadores y, de hecho, podr√≠a resultar bastante estridente.

¬ŅOtro uso para fotos sin rostro? Si tiene que utilizar im√°genes de archivo, esto puede ser un truco eficaz. Puede ocultar modelos de stock demasiado comunes para que su dise√Īo no parezca enlatado.

Inicio

Conclusión

Lo bueno de las tendencias visuales es que se pueden incorporar a otros elementos de tendencia, o entre s√≠. La fotograf√≠a en blanco y negro, por ejemplo, es algo que se ha utilizado durante d√©cadas en todas las disciplinas del dise√Īo; adem√°s, se puede combinar con algunos efectos de UX geniales para que el proyecto destaque realmente.

¬ŅQu√© tendencias te gustan (u odias) en este momento? Me encantar√≠a ver algunos de los sitios web que te fascinan. Env√≠enme un enlace a Twitter; me encantar√≠a saber de ustedes.