{"id":41253,"date":"2023-04-05T08:25:34","date_gmt":"2023-04-05T08:25:34","guid":{"rendered":"https:\/\/codewebbarcelona.com\/tendencias-en-diseno-web-2023\/"},"modified":"2026-04-21T07:49:35","modified_gmt":"2026-04-21T07:49:35","slug":"tendencies-disseny-web-2023","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2023\/","title":{"rendered":"Tend\u00e8ncies en disseny web 2023"},"content":{"rendered":"

La seg\u00fcent etapa d\u2019Internet ja \u00e9s aqu\u00ed, i es reflecteix en les tend\u00e8ncies de disseny web del 2023. Com sempre, aquestes tend\u00e8ncies digitals s\u00f3n un mirall de la tecnologia emergent i del seu impacte en la societat, i l\u2019any passat va oferir als dissenyadors un gran ventall d\u2019inspiraci\u00f3.<\/p>\n

La intel\u00b7lig\u00e8ncia artificial ha fet un salt endavant, fins al punt de crear el seu propi art, i el Metavers ha apropat la realitat virtual al gran p\u00fablic. Aix\u00f2 ha donat peu a tend\u00e8ncies de disseny web que aposten per la immersi\u00f3, la simulaci\u00f3 i recursos propis del llenguatge cinematogr\u00e0fic. Paral\u00b7lelament, la recessi\u00f3 global ha provocat tant un replegament del luxe com una recerca d\u2019experi\u00e8ncies alegres i d\u2019evasi\u00f3. Tot plegat, en un context on Internet i els m\u00f2bils han assolit una disponibilitat global sense precedents. El resultat s\u00f3n tend\u00e8ncies de disseny web menys condicionades pel local i l\u2019immediat, ja que la innovaci\u00f3 est\u00e8tica esdev\u00e9 un esfor\u00e7 global accelerat.<\/p>\n

Actualitzaci\u00f3 anual: descobreix les tend\u00e8ncies web 2026<\/a> que redefineixen el disseny i la interacci\u00f3 digital.<\/h6>\n

Amb tots aquests factors sobre la taula, les seg\u00fcents tend\u00e8ncies de disseny web per al 2023 estan a punt de sacsejar els fonaments de la World Wide Web.<\/p>\n

Tend\u00e8ncies en disseny web 2023<\/h2>\n

Animated product reveals<\/h3>\n

Les animacions en passar el cursor sempre han estat \u00fatils per a microinteraccions subtils, mantenint l\u2019usuari implicat de manera discreta.
\nPer\u00f2 el 2023, els dissenyadors web van un pas m\u00e9s enll\u00e0 amb aquestes animacions, convertint elements aparentment senzills de la p\u00e0gina en espectaculars presentacions de producte.<\/p>\n

Aquesta tend\u00e8ncia compleix diversos objectius alhora. Facilita una navegaci\u00f3 \u00e0gil, ja que l\u2019usuari pot explorar r\u00e0pidament un producte sense necessitat de clicar a una altra p\u00e0gina. Animant el producte, s\u2019ofereix una vista pr\u00e8via de com es podria utilitzar. Refor\u00e7a una interf\u00edcie minimalista, mostrant les imatges d\u2019una en una i mantenint la p\u00e0gina neta de soroll visual. Tamb\u00e9 pot aportar una nova dimensi\u00f3 al lloc, animant fotos de producte per sobre del contingut existent.<\/p>\n

I finalment, com passa amb la majoria d\u2019interaccions inesperades, aquestes animacions generen una sensaci\u00f3 de descoberta, animant l\u2019usuari a seguir explorant per trobar-ne m\u00e9s.<\/p>\n

Com i quan aplicar-ho<\/h4>\n

Aplica aquesta tend\u00e8ncia web en webs que:<\/p>\n

    \n
  1. Estan pensades per a tot tipus de p\u00fablic<\/li>\n
  2. Volen mostrar el seu potencial com a empresa<\/li>\n
  3. Busquen un extra de personalitzaci\u00f3 per diferenciar-se de la compet\u00e8ncia<\/li>\n<\/ol>\n

    Recorda:<\/strong><\/p>\n

    Cada projecte t\u00e9 les seves pr\u00f2pies necessitats<\/p>\n

    El disseny i el desenvolupament han de ser impecables, sense perdre flu\u00efdesa<\/p>\n

    Cal valorar aquesta opci\u00f3 des de l\u2019inici i anticipar possibles reptes t\u00e8cnics<\/p>\n

    Webs que incorporen la tend\u00e8ncia<\/h4>\n

    Disseny de Stan Yakusevich via Dribbble<\/strong><\/p>\n

    Enlla\u00e7 al website<\/a><\/p>\n

    Ayond<\/b><\/p>\n

    Enlla\u00e7 al website<\/a><\/p>\n

    Orb-Space<\/b><\/p>\n

    Enlla\u00e7 al website<\/a><\/p>\n

    Est\u00e8tica scrapbook<\/h3>\n

    L\u2019any passat vam viure aven\u00e7os tecnol\u00f2gics espectaculars, culminant amb el llan\u00e7ament del Telescopi Espacial James Webb. Per\u00f2 el futurisme sovint desperta el desig de reconnectar amb la natura. El 2023, aquest impuls es tradueix en webs amb elements d\u2019scrapbook i manualitats.<\/p>\n

    Aquestes p\u00e0gines solen incorporar dibuixos a m\u00e0, lletres manuscrites, adhesius gr\u00e0fics i collage de retalls. No nom\u00e9s recreen la sensaci\u00f3 t\u00e0ctil de fullejar una revista escolar antiga, sin\u00f3 que aporten una sensaci\u00f3 d\u2019intimitat i imperfecci\u00f3, allunyant-se de la precisi\u00f3 automatitzada. Ara b\u00e9, tot i que l\u2019est\u00e8tica artesanal contrasta amb les tend\u00e8ncies m\u00e9s tecnol\u00f2giques, no renega de la realitat digital: aquests dissenys abracen tant el m\u00f3n f\u00edsic com el digital, coexistint en harmonia.<\/p>\n

    Com i quan aplicar-ho<\/h4>\n

    Aplica aquesta tend\u00e8ncia web en webs que:<\/p>\n

      \n
    1. Estan pensades per a tot tipus de p\u00fablic<\/li>\n
    2. Volen mostrar el seu potencial com a empresa<\/li>\n
    3. Busquen un extra de personalitzaci\u00f3 per diferenciar-se de la compet\u00e8ncia<\/li>\n<\/ol>\n

      Recorda:<\/strong><\/p>\n

      Cada projecte t\u00e9 les seves pr\u00f2pies necessitats<\/p>\n

      El disseny i el desenvolupament han de ser impecables, sense perdre flu\u00efdesa<\/p>\n

      Cal valorar aquesta opci\u00f3 des de l\u2019inici i anticipar possibles reptes t\u00e8cnics<\/p>\n

      Webs que incorporen la tend\u00e8ncia<\/h4>\n

      Freak Mag<\/b><\/p>\n

      Enlla\u00e7 al website<\/a><\/p>\n

      Plantarium<\/b><\/p>\n

      \"tendencias-dise\u00f1o-web-2023-plantarium-01\" \"tendencias-dise\u00f1o-web-2023-plantarium-01\" \"tendencias-dise\u00f1o-web-2023-plantarium-01\" \"tendencias-dise\u00f1o-web-2023-plantarium-01\" \"tendencias-dise\u00f1o-web-2023-plantarium-01\"<\/p>\n

      Enlla\u00e7 al website<\/a><\/p>\n

      Winnning Ponds<\/b><\/p>\n

      \"tendencias-dise\u00f1o-web-2023-winning<\/p>\n

      Enlla\u00e7 al website<\/a><\/p>\n

      Maquetacions tipogr\u00e0fiques<\/h3>\n

      Un dels grans avantatges del disseny digital \u00e9s la seva capacitat multim\u00e8dia, on text, imatge, v\u00eddeo, animaci\u00f3 i elements interactius conviuen en una sola composici\u00f3. Tot i aix\u00ed, molts dissenyadors web del 2023 han decidit prescindir del multim\u00e8dia i apostar per dissenys eminentment textuals.<\/p>\n

      El resultat recorda l\u2019est\u00e8tica de les revistes impreses d\u2019altres \u00e8poques, i pot ser una conseq\u00fc\u00e8ncia del fet que moltes publicacions han migrat al format digital per evitar els costos creixents de la impressi\u00f3 i l\u2019impacte ambiental. Sigui com sigui, els dissenys tipogr\u00e0fics aposten per un minimalisme eficient: aquests webs tenen un missatge clar i no fan perdre el temps a l\u2019usuari. A m\u00e9s, confien en la intel\u00b7lig\u00e8ncia del visitant, entenent que unes paraules potents i una composici\u00f3 creativa poden ser tan captivadores com qualsevol recurs visual.<\/p>\n

      Com i quan aplicar-ho<\/h4>\n

      Aplica aquesta tend\u00e8ncia web en webs que:<\/p>\n

        \n
      1. Estan pensades per a tot tipus de p\u00fablic<\/li>\n
      2. Volen mostrar el seu potencial com a empresa<\/li>\n
      3. Busquen un extra de personalitzaci\u00f3 per diferenciar-se de la compet\u00e8ncia<\/li>\n<\/ol>\n

        Recorda:<\/strong><\/p>\n

        Cada projecte t\u00e9 les seves pr\u00f2pies necessitats<\/p>\n

        El disseny i el desenvolupament han de ser impecables, sense perdre flu\u00efdesa<\/p>\n

        Cal valorar aquesta opci\u00f3 des de l\u2019inici i anticipar possibles reptes t\u00e8cnics<\/p>\n

        Webs que incorporen la tend\u00e8ncia<\/h4>\n

        USSR Almanac<\/b><\/p>\n

        Enlla\u00e7 al website<\/a><\/p>\n

        Ukrainian Power<\/b><\/p>\n

        Enlla\u00e7 al website<\/a><\/p>\n

        Theud<\/b><\/p>\n