Benvingut al post anual de tendències en disseny web de 2021. Un recorregut perquè estiguis preparat per tot el que ve trepitjant fort en el món del disseny digital.
Fes servir aquest article com a font d’inspiració per als teus projectes digitals. Encara no et faré un resum de les tendències. El millor és que et submergeixis en aquest article que hem preparat amb molta cura especialment per a tu.
Al llarg del text anirem descobrint totes les tendències en disseny web per al 2021, explorarem les seves particularitats, aprendrem consells clau, veurem quin impacte tenen i, finalment, tancarem cada tendència amb 3 exemples reals on ja es pot intuir l’ús d’aquests recursos.
[superfeatured]7076[/superfeatured]
Del flat design al motion UI: descobreix les tendències web 2026 que estan revolucionant l’experiència digital.
[nlform]
Tendències en disseny web per al 2021, endavant
Disseny web asimètric
Durant molts anys, el disseny web s’ha basat en estructures de graella que han funcionat molt bé perquè permeten mostrar el contingut de manera clara i directa. Però el gran inconvenient d’aquesta metodologia és la manca de personalitat del lloc web.
Per això, una de les tendències destacades de 2021 és el disseny web asimètric.
Aquesta aposta trenca definitivament amb l’ús abusiu de plantilles predefinides i temes de pagament sense caràcter propi.
El repte per als dissenyadors és aconseguir que l’asimetria mantingui l’equilibri i que la informació no es perdi.
Com i quan aplicar-ho
Aplica aquesta tendència en webs que:
- Necessitin un disseny molt visual i impactant
- No vagin dirigides a un públic massa conservador
- Vulguis captar l’atenció i no deixar ningú indiferent
Recorda:
- Sigui quin sigui l’enfocament, l’usuari fixa l’atenció en els elements grans.
- Caldrà fer proves d’usuari per assegurar que el disseny funciona i la informació no es perd
- Alguns clients poden ser reticents a aquest tipus de disseny, així que prepara’t per defensar-lo bé.
Webs que incorporen la tendència
Aebele Interiors by EXO APE
En aquesta web tenim un gran exemple de disseny asimètric. Els elements apareixen a diferents ritmes, es desplacen a velocitats diverses i, per descomptat, estan col·locats de manera asimètrica.
M-trust Co by Lic Inc
Un altre exemple on els elements no estan alineats ni horitzontalment ni verticalment, però el conjunt funciona a la perfecció.
El resultat és un disseny innovador que atrapa i no deixa indiferent.
The araw collection by Zhenya Rynzhuk
Un cop més, un disseny asimètric que trenca amb la tradicional graella.
El resultat és una web molt més dinàmica i atrevida.
WOWWW TIO! Ja tenim el nou post dels millors dissenys web 2019-2020!!!! Fes clic ara!!
Scroll combinat
La navegació dinàmica i fluida serà clau aquest 2021, i veurem webs on l’scroll es converteix en part essencial de l’experiència d’usuari.
Combinar scroll vertical amb navegació horitzontal serà cada cop més habitual, com a part d’un disseny que entén la web en totes les seves dimensions.
Amb aquest recurs, l’usuari pot recórrer la web de manera més interactiva, aportant una nova perspectiva i convertint el site en una experiència de recorregut.
El resultat és una experiència d’usuari molt més rica, que reforça la sensació de viatge i storytelling amb un inici i final gairebé infinits.
Com i quan aplicar-ho
Aplica aquesta tendència en webs que:
- Vulguin millorar l’experiència d’usuari (UX)
- Vulguis captar l’atenció i sorprendre
- Busquin estar a l’avantguarda del disseny web
Recorda:
- El scroll vertical s’ha d’utilitzar només quan realment aporti valor.
- El disseny ha d’estar molt ben pensat perquè el scroll combinat no dificulti la navegació
- Combinar diferents tipus de scroll requereix un desenvolupament molt acurat.
Webs que incorporen la tendència
Dwl Media by
Un exemple de navegació amb scroll vertical i contingut que apareix en format horitzontal.
El resultat és altament dinàmic i fresc.
Ussr Obys Agency by
Un altre gran exemple de scroll vertical on, amb la roda del ratolí, anem avançant pel recorregut de la web.
El resultat és un disseny molt més fresc i dinàmic.
Tiger Tells by
El millor exemple de scroll combinat, amb un disseny i desenvolupament on aquesta tendència es posa en pràctica a la perfecció.
Super Menú Burguer
Un dels trends més potents és el menú burguer desplegable a pantalla completa, que porta l’experiència app al disseny web.
Sens dubte marcarà tendència aquest 2021, combinant grans tipografies i el menú burguer.
Amb aquest tipus de menú fullscreen, la frontera entre web de desktop i mòbil es difumina, buscant que l’usuari tingui sempre la sensació de navegar des d’un dispositiu portàtil.
Si l’estructura web està ben plantejada, aquest recurs facilita la navegació, millora la UX i optimitza el temps de l’usuari.
Com i quan aplicar-ho
Aplica aquesta tendència en webs que:
- Busquis un disseny tipus app
- Per a webs amb pocs apartats o molt definits
- Vulguis causar impacte a primera vista
Recorda:
- L’arquitectura web ha d’estar molt clara perquè aquest recurs funcioni
- Un disseny tipus app és clau per a una gran UX, així que convenç el client
- Pots anar més enllà i afegir contingut extra al menú obert, com informació del footer.
Webs que incorporen la tendència
Evolution Deposit Photos
El disseny de depositphotos ens mostra un menú burguer desplegable amb moltes opcions.
Fixa’t com aprofiten l’espai per mostrar informació detallada i millorar la navegació pel contingut.
Black Meal
Un super burguer menú que deixa clar l’ús d’aquesta tendència, amb una arquitectura web molt ben definida.
El resultat és un disseny web tipus app amb el qual ens sentim molt còmodes.
Ripe Planet
Finalment, un disseny que porta el super burguer menú al màxim, aprofitant l’espai per incloure informació de footer com enllaços a xarxes socials i contacte directe.
El resultat recorda clarament el disseny d’una app mòbil.
[superfeatured]7076[/superfeatured]
Organic Shapes
Aquesta tendència consisteix a incorporar formes orgàniques al disseny web, allunyant-se dels angles rectes. Amb aquest recurs, la web adquireix un aspecte més natural i proper.
El 2021, l’objectiu és apropar-se a l’usuari i oferir una navegació fluida i relaxada, tot i que també es pot utilitzar com a contrast amb continguts més agressius.
El contrast entre el contingut i el continent, ben gestionat, pot donar un impuls a la teva web i millorar l’experiència d’usuari.
Com i quan aplicar-ho
Aplica aquesta tendència en webs que:
- Necessitin recursos orgànics per contrastar amb el contingut
- Vulguis que l’usuari tingui una navegació suau i relaxada
- Busquis apropar-te a l’usuari
Recorda que:
- No és apte per a desenvolupadors sense sensibilitat visual
- Cal saber aplicar-ho perquè el resultat sigui coherent
- No tots els projectes encaixen amb aquest tipus de recurs
Webs que incorporen la tendència
Alessandra Zhanghi by Adoratorio
Un disseny que aposta per aquesta tendència per apropar-se a l’usuari i oferir una navegació suau.
El resultat és just el que es busca: acabem el recorregut amb una sensació de calma.
Thibaut Foussard
Aquí s’ha combinat la tendència de formes orgàniques amb un tractament visual molt potent com a contrapunt.
El recorregut per aquesta web genera sensacions oposades que no deixen indiferent.
Nahel Moussi
L’exemple més suau d’aquesta tendència.
Ofereix exactament el que promet: una experiència molt relaxada.
WOWWW TIO! Ja tenim el nou post dels millors dissenys web 2019-2020!!!! Fes clic ara!!
3D Content
La tecnologia en disseny i desenvolupament web no para de créixer, i els dispositius actuals permeten integrar elements 3D i fins i tot interactuar-hi.
A més, l’augment de l’ample de banda fa possible apostar per dissenys amb gràfics 3D molt potents. Aquesta és una tendència que veurem créixer exponencialment el 2021.
El resultat són webs amb un aspecte innovador i avantguardista que reforcen la imatge digital de l’empresa.
Com i quan aplicar-ho
Aplica aquesta tendència en webs que:
- Necessitin un disseny molt visual i impactant
- Només apte per a un públic que vol estar a l’última en disseny i desenvolupament web
- Vulguis captar l’atenció i sorprendre
