A├▒o a a├▒o algunos elementos van variando en el mundo del dise├▒o web. Dentro de las «tendencias» encontramos novedades de colores, tipograf├şa, interfaces y elementos por m├ís sutiles que sean. Ac├í les presentamos un rejunte de tendencias esperables en este 2019:

Paletas de colores vibrantes

Top 17 Web Design and UI Trends for 2019
Web Design Trends 2019
Web Design Trends

A partir de nombrar al color «Living Coral» como el color del a├▒o, es cuesti├│n de escanear algunos sitios y encontramos gamas de colores que van en torno al azul y con contrastes fuertes.

Muchos de estos colores vienen de tendencias pasadas que se van ajustando a distintas combinaciones.

Por ejemplo, en el sistema del Material Design se vieron muchos de estos colores vibrantes en un uso cotidiano. Generalmente son paletas no muy complejas en su utilizaci├│n que producen un gran impacto a primera vista.

Dise├▒o ‘Emocional’

Emotional Design
Emotional Design Trend

Hay que crear una conexi├│n con nuestros usuarios, y b├ísicamente ese es el significado del «emotional design». Se trata de provocar algo en nuestros usuarios, generalmente catalogado como alegr├şa, tristeza, confianza o disgusto, miedo y enojo, y por ├║ltimo, sorpresa y anticipaci├│n.

Cada elemento visual en nuestro dise├▒o nos lleva a un elemento u a otro, y se trata de «jugar» con esto para lograr lo que queremos.

Profundidad y elementos «casi reales»

Depth and Almost ÔÇťRealÔÇŁ Design Elements
Real Design Elements
3D Models

Más diseñadores están agregando profundidad a sus elementos, haciendo que se incentive el sentido del tacto al parecer figuras tridimensionales.

Hay que tener en cuenta que con las tecnolog├şas que est├ín avanzando cada vez m├ís, como la realidad virtual, es probable que logren que estas tendencias sigan en aumento.

Animaciones con prop├│sito

Purposeful Animation
Animation

Webs y aplicaciones est├ín llenas de animaciones, pero tienen que estar ah├ş por un motivo. La animaci├│n es un recurso que se puede utilizar para llevar al usuario a distintas partes de la pantalla. Ayuda con el factor de enganche que se puede generar en el p├║blico.

En proyectos web nos dan una mano para ir guiando la atención, y acá van unos ejemplos:

Dise├▒o surreal y dise├▒o abstracto

Surreal Design and Abstract Design
Surreal design and abstract design
Surreal Design Example
Surreal Design
Abstract Design

Cada vez se ven m├ís dise├▒adores apelando al manejo de un dise├▒o poco literal, incluso se est├í trabajando con ilustraciones que van por esos caminos. 

Una explicaci├│n se podr├şa dar volviendo a la idea del dise├▒o emocional, en donde este tipo de elementos ayudan a que los usuarios conecten con lo que ven. Ya que es algo que se parece a varias cosas, pero no termina siendo ninguna.

En varias ocasiones vemos que se acompa├▒an con animaciones para darle m├ís vida a estas figuras, llev├índonos a una manera de comunicar que parece seguir avanzando como indica la tendencia de varias plataformas de reconocimiento internacional.  

Ya que es algo que se parece a varias cosas, pero no termina siendo ninguna. En varias ocasiones vemos que se acompa├▒an con animaciones para darle m├ís vida a estas figuras, llev├índonos a una manera de comunicar que parece seguir avanzando como indica la tendencia de varias plataformas de reconocimiento internacional.  


Aún más voz

Voice UI
AI Voice UI

En 2019 vamos a tener que dise├▒ar para interfaces ‘conversacionales’. Con un n├║mero creciente de personas usando dispositivos inteligentes en sus casas, vamos a tener que empezar a pensar en las maneras en que los usuarios interact├║an con estos dispositivos y c├│mo crear experiencias que encajen con la manera que las personas quieren utilizar los sitios web teniendo en cuenta esta tecnolog├şa.

Vuelven los sitios de una página

Single Page Design Makes a Comeback
Single Page Design
Web Design Trend

Hace no mucho se comentaba que el «scroll» (acci├│n de deslizar) se iba a morir. Sin embargo se ve como esto no es tan as├ş al aparecer sitios de una p├ígina por todos lados.

Es que la acci├│n de deslizar es pr├íctica para ir contando un sitio por parte y aportarle esa cuota de «storytelling» tan buscada. Adem├ís que es la manera m├ís intuitiva de encarar un sitio al ser visualizado en dispositivos m├│viles: #AlwaysKeepScrolling

Dise├▒o ‘flat’ que emula el 3D

Flat Design Emulates 3D
Flat Design 3D

Se est├í viendo en varios sitios una mezcla entre objetos 3D y dise├▒os ‘flat’ que nos llevan a otro nivel visual que se vuelve muy atractivo. Se mezcla la realidad y el dise├▒o m├ís abstracto en entornos que por ah├ş no tienen nada en especial en lo que enfocarse. Si a esto tambi├ęn le sumamos animaci├│n, llegamos a ejemplos de linda complejidad visual (en el mejor sentido). 

M├ís bombo al ‘brutalismo’

Brutalism Goes a Little More Mainstream
Brutalism Design
Brutal Design

De la misma manera que el dise├▒o minimal ha ido dominando las interfaces web, el brutalismo viene por el mismo camino. Esta corriente est├í descrita por el Nielsen Norman Group de esta manera: «El brutalismo en los dise├▒os digitales es un estilo que intencionalmente intenta verse crudo.

Es el eco del estilo que se ve├şa m├ís seguido en los sitios web de los 90s. En algunos casos este aspecto del brutalismo est├í expresado como un esqueleto, un HTML casi desnudo con links azules y textos monocrom├íticos y monoespaciales.» 

Más gradiantes

More Gradients
Gradients Examples
Gradients Design Trend

Los gradiantes son la tendencia de colores multiprop├│sito que funcionan casi que en cualquier dise├▒o. Y es re evidente dada la cantidad de veces que se ve en variados proyectos.

Suelen levantar cualquier muerto, hablando mal y pronto, y van bien con variados estilos de dise├▒o. Cuando se utilizan en fondos suman en profundidad y contraste con nuestros textos o elementos por encima.

Si a esta tendencia se le suma la de los colores vibrantes, conseguimos combinaciones que nos pueden llevar nuestro sitio a otro nivel de atractivo visual.

Tipograf├şa ‘vintage’ y m├ís serif

Vintage Typography
Vintage Typography Serif Font

Una tendencia que refresca los ojos es la de utilizar tipograf├şas con estilos m├ís vintage. Con los varios elementos que las identifican, las tipograf├şas serif nos llevan a un encare visual totalmente distinto de los dem├ís sitios.

Un claro ejemplo de esta transformaci├│n es la de Mailchimp, que lo incluy├│ como elemento principal de su redise├▒o.

Es una tendencia que hoy en d├şa cae muy bien, dado que antes se acusaban a las tipograf├şas serif de no verse muy bien en pantallas, pero con las tecnolog├şas de hoy en d├şa eso ya no es un problema, as├ş que cero excusas. 

Enfoque en la visualizaci├│n de datos

Focus on Data Visualization
Data Visualization
Design Infographics

A donde miremos parece que haya una infograf├şa que representan varios datos. La visualizaci├│n de datos es una manera m├ís atractiva y entendible de presentar informaci├│n compleja y «poco atractiva» a simple vista.

Es una tendencia a verse cada vez m├ís seguido al aprovechar la tecnolog├şa de los exploradores web y la capacidad de interacci├│n de los mismos.

Más texto

Good More Text
Text for AI

Desde t├ştulos rimbombantes a dise├▒os que b├ísicamente son textos completos con cierto formato. Hay una tendencia de ver muchos sitios web repletos de texto. Y a diferencia de antes, en donde esto se ve├şa como algo negativo, se est├í comprobando que con un dise├▒o bien trabajado, no hay por qu├ę temerle. Ahora, esto se justifica si tenemos un texto acorde y que tenga un contenido bien aprovechado. No poner por poner.

┬┐Y ustedes han notado algunos de estas tendencias en su navegaci├│n diaria? En el correr del a├▒o veremos cu├íl sobre-salta por encima de los otros.

Este art├şculo es una traducci├│n libre del art├şculo de Designmodo «Web design trends 2019»

@ OSOM we are recognized as a Top 25 Enterprise Logo Design & Branding Agency on DesignRush

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *