Cansat/ada de veure els recopilatoris de «LO MILLOR DE L’ANY»? A mi personalment no m’agrada parlar del passat: sempre cal mirar al futur. Per això, aquesta és la versió actualitzada d’un article que vaig escriure fa uns anys sobre tendències de disseny web. Aquell parlava del 2022 i, la veritat, han canviat moltes coses. Anem a veure què es porta en disseny web el 2026.
Abans de començar, recorda la importància del disseny web dins de la comunicació corporativa de les empreses. Un bon web fa que la teva marca s’identifiqui des que algú hi entra. I com que el disseny no és una decisió que s’hagi de prendre a la lleugera, aquest post no és només per a dissenyadors, sinó per a tothom qui tingui un web o blog i no es vulgui quedar enrere.
Així que comencem amb les tendències de disseny web, perquè quan et reuneixis amb el teu equip sapigues què es porta i què és el que millor li va a la teva marca.
1. Intel·ligència artificial al disseny (i a l’experiència de l’usuari)
Si hi ha una gran novetat des del 2022 és aquesta. La IA ja forma part del dia a dia dels dissenyadors: genera idees, imatges, textos, maquetacions i prototips en minuts. I al web es nota en coses com els assistents de xat, la personalització de continguts o la cerca intel·ligent. El meu consell: fes-la servir com a ajudant, no com a substitut. Un web sense personalitat, fet en sèrie amb IA, es nota d’una hora lluny. Si vols saber-ne més, llegeix el meu article sobre què és ChatGPT.
2. Animacions i microinteraccions
Les animacions continuen sent protagonistes, però ara amb més sentit: petits moviments en passar el ratolí, transicions suaus, efectes en fer scroll o botons que «responen». «Una imatge val més que mil paraules» s’ha convertit en «una imatge animada val més que mil imatges estàtiques». Això sí: compte a passar-se. Les animacions han d’ajudar a entendre, no distreure ni alentir el web, i cal respectar qui prefereix reduir el moviment.
3. Disseny amb profunditat: ombres, capes i 3D lleuger
Allò que el 2022 era un efecte 3D a base d’ombres suaus i llums ha evolucionat cap a un ús més fi de capes, transparències, vidre esmerilat (glassmorphism) i elements 3D lleugers. Augmenta la profunditat i dona una sensació més moderna, sempre que els arxius pesin poc.
4. Quadrícules bento i disseny modular
Els dissenys en blocs de diferents mides, a l’estil d’una caixa bento, s’han fet molt populars per mostrar molta informació de manera ordenada i atractiva. Combinen bé amb el disseny asimètric: trencar la quadrícula clàssica per donar personalitat, però sense tornar-nos bojos (que no som l’Agatha Ruiz de la Prada).
5. Minimalisme funcional
La tendència al minimalisme continua forta. Apliquem el mètode KonMari també en dissenyar el nostre web: mantinguem només l’essencial. És una bona manera de no emborratxar-nos amb mil i un plugins, efectes i elements que, el pitjor que poden fer, és alentir el web. I recorda: la velocitat importa, comprova la teva amb la meva guia sobre com mesurar la velocitat de càrrega.
6. Mode fosc (i clar) a triar
El mode fosc ja no és una moda, és una expectativa. Apps i sistemes l’ofereixen de sèrie i cada cop més webs permeten triar entre mode clar i fosc. Aporta elegància, ajuda a ressaltar els elements de la marca i és més agradable a la vista amb poca llum. Dissenyat amb bon contrast, millora també l’accessibilitat.
7. Tipografia gran i expressiva
Titulars enormes, fonts amb caràcter i barreges de tipus molt marcades són part del disseny actual. Les fonts variables permeten jugar amb diferents pesos i amplades carregant un sol arxiu. Més a la meva guia per afegir fonts a WordPress.
8. Colors: del color vibrant a les paletes naturals
Els colors forts i els degradats continuen funcionant, però conviuen amb paletes més suaus i naturals, tons terra i combinacions d’alt contrast. L’important no és seguir la moda, sinó que els teus colors reflecteixin la teva marca i siguin llegibles.
9. Autenticitat: handwriting, il·lustració i fotos reals
En plena era de la IA, allò humà guanya valor. El handwriting (escriptura a mà), el dibuix a mà alçada, les il·lustracions personalitzades i les fotografies reals de l’equip i del negoci transmeten proximitat i confiança. Si estaves pensant que el que fas a mà alçada no surt perfecte, molt millor! Els visitants agraeixen aquests petits defectes únics, perquè aporten humanitat. Els usuaris volen conèixer les persones que hi ha darrere de les marques.
10. Accessibilitat i rendiment com a part del disseny
Ja no són un extra: un web accessible (bon contrast, textos llegibles, navegació per teclat, textos alternatius) i ràpid (imatges optimitzades, poc pes) és la base del bon disseny. Repassa també la usabilitat web i l’optimització d’imatges.
11. E-commerce: presentació de producte més creativa
Si el teu web té botiga en línia, el més important és destacar els productes. Al costat de la fotografia neta de tota la vida, es porten els vídeos curts, les vistes 360º, els contextos d’ús i els enfocaments creatius o surrealistes que criden l’atenció i generen emoció perquè l’usuari es quedi més temps.
Preguntes freqüents
He de seguir totes les tendències?
No. Tria les que encaixin amb la teva marca i el teu públic. Un web que segueix totes les modes queda desordenat.
Cada quant convé actualitzar el disseny d’un web?
Una revisió profunda cada 3 a 5 anys, amb millores petites pel mig. Mira les meves 5 claus per saber si has de redissenyar el teu web.
Què és més important: disseny o contingut?
Les dues coses. Un disseny bonic sense bon contingut no convenç, i un bon contingut mal presentat no es llegeix.
Com has vist, el disseny web continua carregat de novetats. Però no cal que et tornis boig/boja i omplis el teu web de tots els elements que he comentat. La teva identitat és única: aquestes tendències són per ajudar-te. Intenta seguir sempre les normes i recomanacions que et vaig escriure en el seu moment perquè el web no pesi tant ni trigui a carregar.
Al cap i a la fi, la teva marca ha de trobar el seu propi lloc per destacar. Si necessites que et doni un cop de mà, escriu-me a [email protected] o omple el formulari de contacte.
I, el de sempre: si t’ha agradat aquest post, comparteix-lo a les teves xarxes i, si vols que parli d’algun tema en concret, et llegeixo als comentaris.
