{"id":10111,"date":"2026-01-20T13:22:08","date_gmt":"2026-01-20T12:22:08","guid":{"rendered":"https:\/\/josepgonzalez.com\/?p=10111"},"modified":"2026-10-06T16:43:09","modified_gmt":"2026-10-06T15:43:09","slug":"tendencies-disseny-web-2022","status":"publish","type":"post","link":"https:\/\/josepgonzalez.com\/ca\/tendencies-disseny-web-2022\/","title":{"rendered":"Tend\u00e8ncies de disseny web per al 2026"},"content":{"rendered":"

Cansat\/ada de veure els recopilatoris de \u00abLO MILLOR DE L’ANY\u00bb? A mi personalment no m’agrada parlar del passat: sempre cal mirar al futur. Per aix\u00f2, aquesta \u00e9s la versi\u00f3 actualitzada d’un article que vaig escriure fa uns anys sobre tend\u00e8ncies de disseny web. Aquell parlava del 2022 i, la veritat, han canviat moltes coses. Anem a veure qu\u00e8 es porta en disseny web el 2026<\/strong>.<\/p>\n

Abans de comen\u00e7ar, recorda la import\u00e0ncia del disseny web dins de la comunicaci\u00f3 corporativa de les empreses. Un bon web fa que la teva marca s’identifiqui des que alg\u00fa hi entra. I com que el disseny no \u00e9s una decisi\u00f3 que s’hagi de prendre a la lleugera, aquest post no \u00e9s nom\u00e9s per a dissenyadors, sin\u00f3 per a tothom qui tingui un web<\/a> o blog i no es vulgui quedar enrere.<\/p>\n

Aix\u00ed que comencem amb les tend\u00e8ncies de disseny web<\/strong>, perqu\u00e8 quan et reuneixis amb el teu equip sapigues qu\u00e8 es porta i qu\u00e8 \u00e9s el que millor li va a la teva marca.<\/p>\n

1. Intel\u00b7lig\u00e8ncia artificial al disseny (i a l’experi\u00e8ncia de l’usuari)<\/h2>\n

Si hi ha una gran novetat des del 2022 \u00e9s 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\u00f3 de continguts o la cerca intel\u00b7ligent. El meu consell: fes-la servir com a ajudant, no com a substitut. Un web sense personalitat, fet en s\u00e8rie amb IA, es nota d’una hora lluny. Si vols saber-ne m\u00e9s, llegeix el meu article sobre qu\u00e8 \u00e9s ChatGPT<\/a>.<\/p>\n

2. Animacions i microinteraccions<\/h2>\n

Les animacions continuen sent protagonistes, per\u00f2 ara amb m\u00e9s sentit: petits moviments en passar el ratol\u00ed, transicions suaus, efectes en fer scroll o botons que \u00abresponen\u00bb. \u00abUna imatge val m\u00e9s que mil paraules\u00bb s’ha convertit en \u00abuna imatge animada val m\u00e9s que mil imatges est\u00e0tiques\u00bb. Aix\u00f2 s\u00ed: 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.<\/p>\n

3. Disseny amb profunditat: ombres, capes i 3D lleuger<\/h2>\n

All\u00f2 que el 2022 era un efecte 3D a base d’ombres suaus i llums ha evolucionat cap a un \u00fas m\u00e9s fi de capes, transpar\u00e8ncies, vidre esmerilat (glassmorphism<\/em>) i elements 3D lleugers. Augmenta la profunditat i dona una sensaci\u00f3 m\u00e9s moderna, sempre que els arxius pesin poc.<\/p>\n

4. Quadr\u00edcules bento i disseny modular<\/h2>\n

Els dissenys en blocs de diferents mides, a l’estil d’una caixa bento, s’han fet molt populars per mostrar molta informaci\u00f3 de manera ordenada i atractiva. Combinen b\u00e9 amb el disseny asim\u00e8tric: trencar la quadr\u00edcula cl\u00e0ssica per donar personalitat, per\u00f2 sense tornar-nos bojos (que no som l’Agatha Ruiz de la Prada).<\/p>\n

5. Minimalisme funcional<\/h2>\n

La tend\u00e8ncia al minimalisme continua forta. Apliquem el m\u00e8tode KonMari tamb\u00e9 en dissenyar el nostre web: mantinguem nom\u00e9s l’essencial. \u00c9s una bona manera de no emborratxar-nos amb mil i un plugins, efectes i elements que, el pitjor que poden fer, \u00e9s alentir el web. I recorda: la velocitat importa, comprova la teva amb la meva guia sobre com mesurar la velocitat de c\u00e0rrega<\/a>.<\/p>\n

6. Mode fosc (i clar) a triar<\/h2>\n

El mode fosc ja no \u00e9s una moda, \u00e9s una expectativa. Apps i sistemes l’ofereixen de s\u00e8rie i cada cop m\u00e9s webs permeten triar entre mode clar i fosc. Aporta eleg\u00e0ncia, ajuda a ressaltar els elements de la marca i \u00e9s m\u00e9s agradable a la vista amb poca llum. Dissenyat amb bon contrast, millora tamb\u00e9 l’accessibilitat.<\/p>\n

7. Tipografia gran i expressiva<\/h2>\n

Titulars enormes, fonts amb car\u00e0cter i barreges de tipus molt marcades s\u00f3n part del disseny actual. Les fonts variables<\/em> permeten jugar amb diferents pesos i amplades carregant un sol arxiu. M\u00e9s a la meva guia per afegir fonts a WordPress<\/a>.<\/p>\n

8. Colors: del color vibrant a les paletes naturals<\/h2>\n

Els colors forts i els degradats continuen funcionant, per\u00f2 conviuen amb paletes m\u00e9s suaus i naturals, tons terra i combinacions d’alt contrast. L’important no \u00e9s seguir la moda, sin\u00f3 que els teus colors reflecteixin la teva marca i siguin llegibles.<\/p>\n

9. Autenticitat: handwriting, il\u00b7lustraci\u00f3 i fotos reals<\/h2>\n

En plena era de la IA, all\u00f2 hum\u00e0 guanya valor. El handwriting<\/em> (escriptura a m\u00e0), el dibuix a m\u00e0 al\u00e7ada, les il\u00b7lustracions personalitzades i les fotografies reals de l’equip i del negoci transmeten proximitat i confian\u00e7a. Si estaves pensant que el que fas a m\u00e0 al\u00e7ada no surt perfecte, molt millor! Els visitants agraeixen aquests petits defectes \u00fanics, perqu\u00e8 aporten humanitat. Els usuaris volen con\u00e8ixer les persones que hi ha darrere de les marques.<\/p>\n

10. Accessibilitat i rendiment com a part del disseny<\/h2>\n

Ja no s\u00f3n un extra: un web accessible (bon contrast, textos llegibles, navegaci\u00f3 per teclat, textos alternatius) i r\u00e0pid (imatges optimitzades, poc pes) \u00e9s la base del bon disseny. Repassa tamb\u00e9 la usabilitat web<\/a> i l’optimitzaci\u00f3 d’imatges<\/a>.<\/p>\n

11. E-commerce: presentaci\u00f3 de producte m\u00e9s creativa<\/h2>\n

Si el teu web t\u00e9 botiga en l\u00ednia, el m\u00e9s important \u00e9s destacar els productes. Al costat de la fotografia neta de tota la vida, es porten els v\u00eddeos curts, les vistes 360\u00ba, els contextos d’\u00fas i els enfocaments creatius o surrealistes que criden l’atenci\u00f3 i generen emoci\u00f3 perqu\u00e8 l’usuari es quedi m\u00e9s temps.<\/p>\n

Preguntes freq\u00fcents<\/h2>\n

He de seguir totes les tend\u00e8ncies?<\/h3>\n

No. Tria les que encaixin amb la teva marca i el teu p\u00fablic. Un web que segueix totes les modes queda desordenat.<\/p>\n

Cada quant conv\u00e9 actualitzar el disseny d’un web?<\/h3>\n

Una revisi\u00f3 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<\/a>.<\/p>\n

Qu\u00e8 \u00e9s m\u00e9s important: disseny o contingut?<\/h3>\n

Les dues coses. Un disseny bonic sense bon contingut no conven\u00e7, i un bon contingut mal presentat no es llegeix.<\/p>\n

Com has vist, el disseny web continua carregat de novetats. Per\u00f2 no cal que et tornis boig\/boja i omplis el teu web de tots els elements que he comentat. La teva identitat \u00e9s \u00fanica: aquestes tend\u00e8ncies s\u00f3n per ajudar-te. Intenta seguir sempre les normes i recomanacions que et vaig escriure en el seu moment perqu\u00e8 el web no pesi tant ni trigui a carregar.<\/p>\n

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\u00e0, escriu-me a hola@josepgonzalez.cat<\/a> o omple el formulari de contacte<\/a>.<\/p>\n

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.<\/p>\n","protected":false},"excerpt":{"rendered":"

Cansat\/ada de veure els recopilatoris de \u00abLO MILLOR DE L’ANY\u00bb? A mi personalment no m’agrada parlar del passat: sempre cal mirar al futur. Per aix\u00f2, aquesta \u00e9s la versi\u00f3 actualitzada d’un article que vaig escriure fa uns anys sobre tend\u00e8ncies de disseny web. Aquell parlava del 2022 i, la veritat, han canviat moltes coses. Anem […]<\/p>\n","protected":false},"author":1,"featured_media":10131,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[88],"tags":[],"class_list":["post-10111","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-ca"],"_links":{"self":[{"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/posts\/10111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/comments?post=10111"}],"version-history":[{"count":4,"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/posts\/10111\/revisions"}],"predecessor-version":[{"id":10260,"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/posts\/10111\/revisions\/10260"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/media\/10131"}],"wp:attachment":[{"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/media?parent=10111"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/categories?post=10111"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/josepgonzalez.com\/ca\/wp-json\/wp\/v2\/tags?post=10111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}