{"id":2294,"date":"2022-01-19T10:46:46","date_gmt":"2022-01-19T13:46:46","guid":{"rendered":"https:\/\/aleare.com.ar\/blog\/?p=2294"},"modified":"2022-01-23T16:02:44","modified_gmt":"2022-01-23T19:02:44","slug":"tendencias-en-diseno-web-para-2022","status":"publish","type":"post","link":"https:\/\/aleare.com.ar\/blog\/tendencias-en-diseno-web-para-2022\/","title":{"rendered":"Tendencias en dise\u00f1o web para el 2022"},"content":{"rendered":"
<\/div>

El sitio web es el primer punto de contacto para una marca, por eso debe ser atractivo, legible y a la vez moderno. Dado que es intermediario entre una empresa o marca y sus clientes, debe dise\u00f1arse de manera tal que permita a las personas navegar f\u00e1cilmente por el sitio. Un buen dise\u00f1o web tambi\u00e9n debe ser f\u00e1cil de usar, receptivo, interactivo y brindar una experiencia inmersiva para los visitantes.<\/p>\n

En este post vamos a hacer un breve repaso por algunas de las tendencias en dise\u00f1o web que se perfilan para el 2022.<\/p>\n

Bueno, empecemos:<\/p>\n

 <\/p>\n

\u2705 Cursor personalizado<\/h3>\n

El ejemplo m\u00e1s destacado en el uso del cursor personalizado, de gran tama\u00f1o, es el que utiliza el sitio web de Jade Sheng<\/span><\/a>. En \u00e9l podremos ver un gran puntero circular, el cual al moverlo por la pantalla este interactuar con la web. Este se expande o cambia de color cuando cruza un elemento en el que se puede hacer click.<\/p>

\"Abre<\/a><\/div><\/div>\n

La ventaja de esta tendencia de dise\u00f1o es que ayuda a los usuarios a comprender mejor la interfaz del sitio web. Al comprender el prop\u00f3sito del sitio f\u00e1cilmente, hace que interact\u00faen mejor con el mismo. Es importante que, a la hora de implementarlo, tengamos en cuenta el dise\u00f1o general del sitio, el tipo de producto o marca, as\u00ed como el mensaje y las sensaciones que queramos transmitir a los usuarios.<\/p>\n

 <\/p>\n

\u2705 Dise\u00f1os divertidos y optimistas<\/h3>\n

Los colores vibrantes, las formas, e incluso las caras divertidas, pueden agregar un gran nivel de personalidad a un sitio web. Esto se puede aplicar en todo tipo de sitios web diferentes, desde blogs hasta tiendas online. La interacci\u00f3n, incluso si es l\u00fadica, es fundamental para lograr la ya mencionada experiencia inmersiva del usuario.<\/p>\n

Un ejemplo para inspirarse es el sitio de Philippe Neveu<\/span><\/a>, que se destaca por su simplicidad y gran personalidad.<\/p>\n

\"Dise\u00f1o<\/a><\/p>\n

 <\/p>\n

\u2705 Chau im\u00e1genes<\/h3>\n

\u00abUna imagen vale m\u00e1s que mil palabras\u00bb<\/em> reza ese tan viejo como trillado dicho, pero no deber\u00eda ser una preocupaci\u00f3n a la hora de dise\u00f1ar. Porque ahora podemos hacer un sitio web entero sin ellas, o utiliz\u00e1ndolas al m\u00ednimo, y estar igualmente en la \u00faltima tendencia. Las tipograf\u00edas de gran tama\u00f1o, con o sin serif, y tambi\u00e9n las de estilo caligr\u00e1fico o manuscritas, son esenciales para lograr un buen dise\u00f1o sin im\u00e1genes, totalmente despojado y a la vez moderno.<\/p>\n

Un sitio web sin im\u00e1genes nos da la posibilidad de resolver un dise\u00f1o con creatividad, explorando otras t\u00e9cnicas tales como animaciones, combinaciones de colores o elementos interactivos.<\/p>\n

Como ejemplo pr\u00e1ctico, el sitio web de florianwacker<\/span><\/a> (y los sitios que \u00e9l ha dise\u00f1ado a su vez cuyos links pueden verse abajo) utiliza esta t\u00e9cnica que seguramente se destacar\u00e1 junto con las otras tendencias en dise\u00f1o web para 2022.<\/p>\n

\"Center<\/a><\/p>\n

 <\/p>\n

\u2705 Glasmorfismo<\/h3>\n

El glasmorfismo o efecto de \u201cvidrio esmerilado\u201d es un efecto que da a un objeto la apariencia de vidrio o cristal semi transparente. Esta tendencia ya se ven\u00eda usando en el 2021 y su uso se extender\u00e1 mucho m\u00e1s en 2022.<\/p>\n

Este efecto, que combina transparencia y desenfoque, da como resultado la sensaci\u00f3n de espacio y profundidad en una web o app. De esta forma destacamos ciertos elementos sobre otros para aumentar su legibilidad, \u00fatil si manejamos fondos u otros elementos de colores intensos. Es, adem\u00e1s, una t\u00e9cnica muy vers\u00e1til, ya que podemos aplicarlo en im\u00e1genes, t\u00edtulos y subt\u00edtulos, hero, botones, call to action, formularios, en fin \u00a1en d\u00f3nde la creatividad nos dicte!<\/p>\n

En Codepen encontr\u00e9 es incre\u00edble ejemplo de glasmorfismo:<\/p>\n

\n See the Pen
\n Glassmorphism Creative Cloud App Redesign<\/a> by Aysenur Turk (@TurkAysenur<\/a>)
\n on CodePen<\/a>.<\/span>\n<\/p>\n