¿Qué tendencias de diseño gráfico dominan después de 2020? Tras la pandemia, la forma de consumir contenido cambió y con ella la manera de crearlo. Si diseñas interfaces, redes o piezas de marca, conocer estas corrientes te ayuda a comunicar mejor y a mantenerte vigente.

Después de 2020 cambió todo: cómo miramos una pantalla, cuánto tiempo pasamos frente a ella y qué esperamos de una página web. Por eso las tendencias que vienen no son modas pasajeras, son respuestas a un usuario distinto.

¿Por qué la usabilidad es la tendencia más importante?

La usabilidad encabeza la lista por una razón simple: de nada sirve un diseño precioso si no cumple un objetivo real [00:40]. Un diseño bonito que no funciona es solo decoración.

Aquí entra el concepto de content first, que significa poner el contenido primero, pero siempre enfocado en la forma en que se usa [01:08]. Las páginas web de hoy están pensadas para que el usuario interactúe con lo que hay dentro.

¿Qué es content first en UX/UI? Es un enfoque donde el contenido manda sobre la decoración. Primero defines qué necesita el usuario y cómo lo va a usar, y luego construyes el diseño alrededor de eso.

Algunos ejemplos concretos de usabilidad aplicada:

• Comprar un producto y personalizarlo eligiendo color, estampados y accesorios.
• Ver un producto de tecnología en realidad virtual, como si lo tuvieras en la mano.
• Explorar un escáner 3D para calcular peso y apariencia sin comprarlo [01:40].

Lo interesante es que esa usabilidad nunca pierde de vista el diseño: el color, la tipografía, la composición y la diagramación siguen presentes [02:20]. En diseño hay que prestar mucha atención a los pequeños detalles.

¿Qué estilos gráficos trae el metaverso?

El metaverso seguirá fuerte en los próximos años y viene acompañado de muchas corrientes estéticas y artísticas [03:00]. Todo ese mundo de avatares en 3D, realidad aumentada, realidad virtual, tokens y NFTs se representa de la mano de la tecnología.

¿Cómo diferenciar el estilo neón del retro?

La tecnología en el metaverso suele mostrarse con colores neón, tonos claros combinados con colores oscuros y profundos [03:30]. Pero cuidado: entre neón y retro hay una línea muy delgada.

• Retro hace referencia al pasado.
• Neón o metaverso busca verse futurístico y tecnológico, y transmitir un mensaje mucho más rápido [04:05].

Este estilo trae formas abstractas, paisajes oníricos y surrealistas, colores extraños, materiales diversos y exploraciones gráficas distintas [04:50]. La idea es hacer algo completamente diferente a lo que existía en comunicación visual.

¿Por qué las animaciones enganchan al usuario?

Más que una tendencia, la animación ha estado siempre. La convicción aquí es clara: una animación es lo que hace que un contenido enganche y enamore [05:25].

Las animaciones nos ayudan a conectar ideas y transmitir mensajes largos en poco tiempo [05:50]. Las vas a ver cada vez más seguido en redes sociales, páginas web, interfaces y aplicativos.

¿Para qué sirven las animaciones en diseño web? Sirven para explicar ideas complejas de forma rápida y clara. Mejoran la interacción del usuario y ayudan a que entienda un mensaje largo en pocos segundos.

La animación va desde lo 2D superflat hasta piezas complejas creadas con inteligencia artificial, 3D y distintas técnicas actuales [06:20]. Y no solo aplica a tecnología: también funciona en moda de forma sobria o en contextos alimenticios de una manera distinta [07:10].

Lo clave es preguntarte qué historia le estás facilitando al usuario para que entienda el mensaje visualmente.

¿Qué ventajas tiene el modo oscuro en el diseño?

El modo oscuro es la tendencia favorita del instructor, y nació de una necesidad real [07:45]. Los estudios detectaron problemas de visión y de salud por las largas horas frente a pantallas de teléfonos, televisores, computadores y tablets.

El modo oscuro reduce la exposición a la luz y la radiación en tus ojos, lo que te permite prestar atención durante más tiempo [08:20]. Hoy muchos teléfonos lo activan automáticamente a cierta hora del día para que tus ojos no se desgasten tan rápido.

¿Por qué el contraste es lo más importante del modo oscuro? Porque hace que un elemento resalte sobre los demás. Una buena paleta de colores sobre fondo negro, o elementos negros sobre fondo colorido, genera un contraste potente que guía la mirada.

El diseño saca provecho de esto con estilos gráficos propios. El ejemplo más conocido es el Black Friday, que lleva la palabra oscuro en su nombre y se convierte en una oportunidad para innovar en comunicación visual [09:40].

Los ejercicios de UX/UI con modo oscuro y modo claro muestran cómo el color puede degradarse hasta el negro sin ser tan sombrío, transmitiendo un mensaje más tecnológico y a la vanguardia [10:30].

Estas tendencias van a cambiar y modificarse con el tiempo, y no son las únicas. ¿Conoces alguna otra tendencia que esté pegando fuerte en la comunicación visual? Compártela en los comentarios y muéstranos algunos ejemplos.